@font-face {
    font-family: 'Conv_gabodrive';
    src: url('../fonts/gabodrive.eot');
    src: local('☺'), url('../fonts/gabodrive.woff') format('woff'), url('../fonts/gabodrive.ttf') format('truetype'), url('../fonts/gabodrive.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Roboto-Light';
    src: url('../fonts/Roboto-Light.eot');
    src: local('☺'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Bold';
    src: url('../fonts/Roboto-Bold.eot');
    src: local('☺'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: local('☺'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Roboto-Medium';
    src: url('../fonts/Roboto-Medium.eot');
    src: local('☺'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Conv_Roboto-Italic';
    src: url('../fonts/Roboto-Italic.eot');
    src: local('☺'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype'), url('../fonts/Roboto-Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{ margin: 0; padding: 0; background: #f6f4f4; overflow-x: hidden;}
a:focus{text-decoration: none;}


.wrapper .header{
    background:url(../images/land-head-bg.png) no-repeat;
    background-size:100% 100%;
    height:470px;
    width: 100%;
}
#cover {
    /*background: url("../images/loader2.gif") no-repeat scroll center center #FFF;*/
    position:fixed;
    opacity:0.8;
    top:0px;
    left:0px;
    height: 100%;
    width: 100%;
    z-index:1000;
}

.no-padding-left {
    padding-left:0px !important;
}

.no-padding-right {
    padding-right:0px !important;
}

.no-padding-top {
    padding-top:0px !important;
}

.no-padding-bottom {
    padding-bottom:0px !important;
}

.no-padding {
    padding:0 !important;
}
.no-margin{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.no-margin-left{
    margin-left: 0px !important;
}
.no-margin-right{
    margin-right: 0px !important;
}

.form-control::placeholder {
    color: #999999;
    font-family: 'Conv_Roboto-MediumItalic';
    font-size: 16px;
    opacity: 1;
}

/*************************************************/
/* header                                        */
/*************************************************/
.global-header {
    position:relative;
    width:100%;
    z-index:1000;
}

.global-header--marketing {
    left:0;
    position:absolute;
    top:0;
    background-color:transparent;
    background-image:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(250,175,66,0.4)));
    background-image:-webkit-linear-gradient(top,transparent,rgba(250,175,66,0.4));
    background-image:-moz-linear-gradient(top,transparent,rgba(250,175,66,0.4));
    background-image:-ms-linear-gradient(top,transparent,rgba(250,175,66,0.4));
    background-image:-o-linear-gradient(top,transparent,rgba(250,175,66,0.4));
    background-image:linear-gradient(top,transparent,rgba(250,175,66,0.4));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= 'transparent ',endColorStr= 'rgba(250,175,66,0.4) ');
}

.global-header--dashboard {
    background:url("../images/header-bg-dashboard.png") no-repeat center top;
}




@media (min-width:992px) {


    .global-header--marketing {
        height:176px;
        left:0;
        position:absolute;
        top:0;
    }

    .global-header--dashboard {
        background-size:cover;
        height:256px;
    }
}
/*************************************************/
/* header utility                                */
/* - child of .global-header
/*************************************************/

.StripeElement{
    width: 95%;
    margin: 10px auto;
    border: 1px solid #ccc !important;
}
.enjoy-free{
    color: #faaf42;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    padding-bottom: 20px;
}
.submit-payment{
    height: 40px;
    width: 50%;
    margin: 20px auto;
    line-height: 20px;
    background: #faaf42;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    border: none;
    letter-spacing: 3px;
    text-transform: uppercase;
}
/*form styles*/
#signupFormPetOwner {
    width: 100%;
    text-align: center;
    position: relative;
}
#signupFormPetOwner fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
}
/*Hide all except first fieldset*/
#signupFormPetOwner fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#signupFormPetOwner input, #signupFormPetOwner textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    color: #9d9d9d;
    font-size: 16px;
}
/*buttons*/
#signupFormPetOwner .action-button {
    width: 27%;
    height: 50px;
    background: #faaf42;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}
#signupFormPetOwner .previous {
    width: 27%;
    height: 50px;
    background: #797979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: #c5c5c5;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative;
    font-family: 'Conv_Roboto-Bold';
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 40px;
    color: #faaf42;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 2px solid #faaf42;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 80%;
    height: 2px;
    background: #faaf42;
    position: absolute;
    left: -40%;
    top: 25px;
    z-index: 9999;
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #faaf42;
    color: white;
}


/*form styles*/
#petSalonForm {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 50px;
}
.can-con .cancel-btn{
    background: #797979;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    padding: 15px 70px;
    margin-right: 15px;
}
#petSalonForm fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
}
/*Hide all except first fieldset*/
#petSalonForm fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#petSalonForm input, #petSalonForm textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    color: #9d9d9d;
    font-size: 13px;
}
/*buttons*/
#petSalonForm .salon-action-button {
    width: 27%;
    height: 50px;
    background: #faaf42;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}
#petSalonForm .salon-previous {
    width: 27%;
    height: 50px;
    background: #797979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}


/*progressbar*/
#salonProgressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#salonProgressbar li {
    list-style-type: none;
    color: #c5c5c5;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative;
    font-family: 'Conv_Roboto-Bold';
}
#salonProgressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 40px;
    color: #faaf42;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 2px solid #faaf42;
}
/*progressbar connectors*/
#salonProgressbar li:after {
    content: '';
    width: 75%;
    height: 2px;
    background: #faaf42;
    position: absolute;
    left: -37%;
    top: 25px;
    z-index: 9999;
}
#salonProgressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#salonProgressbar li.salon-active:before, #salonProgressbar li.salon-active:after {
    background: #faaf42;
    color: white;
}


/*form styles*/
#animalRescueForm {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 50px;
}
.can-con .cancel-btn{
    background: #797979;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    padding: 15px 70px;
    margin-right: 15px;
}
#animalRescueForm fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
}
/*Hide all except first fieldset*/
#animalRescueForm fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#animalRescueForm input, #animalRescueForm textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    color: #9d9d9d;
    font-size: 13px;
}
/*buttons*/
#animalRescueForm .salon-action-button {
    width: 27%;
    height: 50px;
    background: #faaf42;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}
#animalRescueForm .salon-previous {
    width: 27%;
    height: 50px;
    background: #797979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}
/*progressbar*/
#rescueProgressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#rescueProgressbar li {
    list-style-type: none;
    color: #c5c5c5;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative;
    font-family: 'Conv_Roboto-Bold';
}
#rescueProgressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 40px;
    color: #faaf42;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 2px solid #faaf42;
}
/*progressbar connectors*/
#rescueProgressbar li:after {
    content: '';
    width: 75%;
    height: 2px;
    background: #faaf42;
    position: absolute;
    left: -37%;
    top: 25px;
    z-index: 9999;
}
#rescueProgressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#rescueProgressbar li.salon-active:before, #rescueProgressbar li.salon-active:after {
    background: #faaf42;
    color: white;
}



/*form styles*/
#petVeteForm {
    width: 100%;
    text-align: center;
    position: relative;
}
#petVeteForm fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    /*stacking fieldsets above each other*/
}
/*Hide all except first fieldset*/
#petVeteForm fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#petVeteForm input, #petVeteForm textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    color: #9d9d9d;
    margin-bottom: 10px;
}
.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
/*buttons*/
#petVeteForm .vete-action-button {
    width: 27%;
    height: 50px;
    background: #faaf42;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}
#petVeteForm .vete-previous {
    width: 27%;
    height: 50px;
    background: #797979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}

/*progressbar*/
#veteProgressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#veteProgressbar li {
    list-style-type: none;
    color: #c5c5c5;
    font-size: 16px;
    width: 25%;
    float: left;
    position: relative;
    font-family: 'Conv_Roboto-Bold';
}
#veteProgressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 40px;
    color: #faaf42;
    background: white;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 2px solid #faaf42;
}
/*progressbar connectors*/
#veteProgressbar li:after {
    content: '';
    width: 75%;
    height: 2px;
    background: #faaf42;
    position: absolute;
    left: -37%;
    top: 25px;
    z-index: 9999;
}
#veteProgressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#veteProgressbar li.vete-active:before, #veteProgressbar li.vete-active:after {
    background: #faaf42;
    color: white;
}

.lp_active_link {
}
.lp_active_link a{
    color: #fff !important;
    background-color: #faaf42 !important;
}

.pet_salon_active_link {
}
.pet_salon_active_link a{
    color: #fff !important;
    background-color: #c78627 !important;
}

.can-con{
    position: relative;
    text-align: right;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.can-con .cancel-btn{
    background: #797979;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    padding: 15px 70px;
    margin-right: 15px;
}
.can-con .continue-btn{
    background: #faaf42;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    padding: 15px 70px;
}
.can-con i{
    position: absolute;
    z-index: 9999;
    right: 15px;
    top: 70px;
    font-size: 18px;
    color: #fff;
}

/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}
.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}


.mobiles{
    text-align: center;
    padding-top: 10%;
}
.mobiles img{
  width: 100%;
}
.login-form{
    position: relative;
    padding-top: 10%;
}
.login-form h1{
    font-family: 'Conv_Roboto-Bold';
    color: #333433;
    font-size: 50px;
    padding-bottom: 20px;
    text-align: center;
}
.login-form .fb-btn{
    position: relative;
    margin-bottom: 20px;
}
.login-form .fb-btn .facebook-btn{
    background: #3460a1;
    color: #ffffff;
    padding: 15px;
    font-family: 'Conv_Roboto-Bold';
    font-size: 19px;
    text-shadow: none;
}
.login-form .fb-btn i.face-icon{
    position: absolute;
    top: 30%;
    left: 5%;
    background: #fff;
    padding: 7px 10px 3px 10px;
    border-radius: 3px;
}
div#appleid-signin > div {
    overflow: hidden;
    width: 100% !important;
    max-width: none !important;
    background: #000;
    margin-bottom: 20px;
}
.user-login{
    position: relative;
    width: 100%;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    background: #fdfdfd;
    padding-bottom: 20px;
}
.user-login .login-title{
    background: #f9ae41;
    padding: 15px;
}
.user-login .login-title span{
    font-family: 'Conv_Roboto-Bold';
    color: #ffffff;
    font-size: 19px;
}
.user-login .user-login-form{
    text-align: center;
}

.user-login-form .inner-form{
    width: 80%;
    margin: 0 auto;
    padding-top: 5%;
}
.user-login-form .inner-form input{
    margin-bottom: 20px;
    height: 50px;
    text-align: center;
}
.forgot{
    position: relative;
    padding-top: 20px;
}
.forgot .forgot-text{
    padding-left: 7%;
}
.forgot .forgot-text a{
    color: #f9ae41;
    font-family: 'Conv_Roboto-Italic';
    font-size: 16px;
}
.forgot .forgot-text a:hover{
    color: #f9ae41;
    font-family: 'Conv_Roboto-Italic';
    font-size: 16px;
    text-decoration: none;
}
.forgot .forgot-text .input-me{
    border:1px solid #cccccc;
    border-right:5px;
}
.forgot .forgot-text .me{
    color: #888888;
    font-family: 'Conv_Roboto-Italic';
    font-size: 16px;
    padding-left: 15px;
}
.forgot .go{
    position: relative;
}
.forgot .go .go-btn{
    background: #f9ae41;
    padding: 10px 70px;
    color: #ffffff;
    font-size: 19px;
    font-family: 'Conv_Roboto-Bold';
    float: right;
    margin-right: 7%;
    border: none;
}
.forgot .go i.arrow-right{
    position: absolute;
    top: 23%;
    right: 15%;
    color: #ffffff;
    font-size: 25px;
}
.free{
    position: relative;
    text-align: center;
    font-family: 'Conv_Roboto-Medium';
    font-size: 13px;
    color: #888888;
    padding-top: 20px;
    word-spacing: 2px;
    letter-spacing: 1px;
}
.free a{
    text-align: center;
    font-family: 'Conv_Roboto-Medium';
    font-size: 13px;
    color: #f9ae41;
}
.free a:hover{
    text-align: center;
    font-family: 'Conv_Roboto-Medium';
    font-size: 13px;
    color: #f9ae41;
    text-decoration: none;
}
.free p.term{
    text-align: center;
    font-family: 'Conv_Roboto-Regular';
    font-size: 13px;
    color: #333433;
}
.download h3{
    font-size: 24px;
    font-family: 'Conv_Roboto-Bold';
    color: #333433;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    word-spacing: 2px;
    letter-spacing: 2px;
}
.app-btns{
    text-align: center;
    padding-bottom: 30px;
}
.order-pmc{
    margin: 0 auto;
    position: relative;
    text-align: center;
    padding-top: 0px;
}
.order-pmc h1{
    color: #333433;
    font-family: 'Conv_Roboto-Bold';
    font-size: 45px;
    word-spacing: 5px;
    letter-spacing: 5px;
    padding-bottom: 20px;
    margin: 0 auto;
    padding-top: 25px;
    width: 50%;
}
.order-pmc .register-btn{
    background: #f9ae41;
    padding: 15px 70px;
    color: #ffffff;
    font-size: 19px;
    font-family: 'Conv_Roboto-Bold';
    position: relative;
    border: none;
}
.order-pmc i.tag-icon{
    color: #ffffff;
    font-size: 18px;
    position: absolute;
    bottom: 20px;
    right: 5%;
}
.hand-pic {
    position: absolute;
    z-index: 999;
    left: 0;
    top: -32%;
    width: 100%;
    text-align: center;
	cursor: pointer;
}
.hand-pic > img {
    width: 100px;
    height: 100px;
}
.dog-owner{
    position: relative;
    background: #ffffff;
    text-align: center;
    padding-top: 160px;
    margin-top: 100px;
}
.dog-owner span{
    font-size: 16px;
    color: #797979;
    font-family: 'Conv_Roboto-Medium';
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 40px;
    width: 100%;
    word-spacing: 5px;
    letter-spacing: 5px;
}
.login-access{
    width: 70%;
    margin: 0 auto;
    background: #ffffff;
    padding-top: 50px;
    text-align: center;
    /*line-height: 5;*/
}
.login-access span{
    color: #797979;
    font-size: 18px;
    letter-spacing: 2px;
    font-family: 'Conv_Roboto-Regular';
}
.access-fields{
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
}
.access-fields .email-field{
    width: 85%;
    margin: 0px auto;
    height: 60px;
    border: 1px solid #7a7a7a;
    color: #7a7a7a;
    font-family: 'Conv_Roboto-Italic';
    text-indent: 40px;
    font-size: 22px;
}
.access-fields .password-field{
    width: 85%;
    margin: 0px auto;
    height: 60px;
    border: 1px solid #7a7a7a;
    color: #7a7a7a;
    font-family: 'Conv_Roboto-Italic';
    text-indent: 40px;
    font-size: 22px;
}
.access-fields i{
    position: absolute;
    left: 12%;
    top: 20px;
    font-size: 22px;
    color: #7a7a7a;
}
.access-fields .email-example{
    position: absolute;
    right: 12%;
    top: -10px;
    font-size: 16px;
    color: #d9d9d9;
}
.access-fields .me-text{
    color: #7a7a7a;
    font-size: 16px;
    font-family: 'Conv_Roboto-Italic';
    padding-left: 15px;
}
.login-btn{
    background: #faaf42;
    color: #ffffff;
    padding: 15px 70px;
    border: none;
    font-size: 20px;
    font-family: 'Conv_Roboto-Bold';
    margin-top: 30px;
}

.access-fields .not{
    color: #7a7a7a;
    font-size: 20px;
    font-family: 'Conv_Roboto-Medium';
    padding-top: 30px;
    word-spacing: 3px;
}
.access-fields .signup{
    color: #faaf42;
    font-size: 20px;
    font-family: 'Conv_Roboto-Medium';
    padding-top: 0px;
    letter-spacing:5px;
}
.you-are{
    width: 100%;
    text-align: center;
    padding-top: 50px;
}
.you-are p{
    color: #b5b4b4;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    letter-spacing: 4px;
}
.you-are h1{
    color: #333433;
    font-family: 'Conv_Roboto-Bold';
    font-size: 48px;
    word-spacing: 5px;
    letter-spacing: 3px;
}
.regist-steps{
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #ffffff;
}
.regist-steps h2{
    color: #faaf42;
    font-family: 'Conv_Roboto-Regular';
    font-size: 36px;
    word-spacing: 5px;
    letter-spacing: 5px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.user-type{
    position: relative;
}
.user-type i{
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    z-index: 9999;
    left: 10px;
    bottom: 3px;
}
.user-type span{
    font-size: 14px;
    color: #ffffff;
    font-family: 'Conv_Roboto-Medium';
    position: absolute;
    z-index: 999;
    left: 0;
    bottom: 0px;
    width: 100%;
    background: #faaf42;
    text-align: center;
}
.profile-fields {
    width: 95%;
    margin: 40px auto;
}
.profile-fields input {
    height: 60px;
    border: 1px solid #999999;
    text-align: center;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    font-size: 16px !important;
    margin-bottom: 0px;
}

.profile-fields-margin-bottom{
    height: 120px;
}

.upload-pic{
    width: 100%;
    text-align: center;
}
.maximum-size{
    width: 100%;
    margin: 0 auto;
}
.maximum-size .maximum{
    color: #d3d3d3;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}

.records-detail-table > thead > tr > th{
    text-align: center;
    padding: 15px;
    background: #faaf42;
    font-family: 'Conv_Roboto-Bold';
    color: #ffffff;
    font-size: 16px;
    border: 5px solid #F4F4F4;
}

.records-detail-table > tbody > tr > td{
    border: 5px solid #F4F4F4;
    background: #FFFFFF;
    text-align: center;
    color: #797979;
    font-family: 'Conv_Roboto-Bold';
    font-size: 16px;
    vertical-align: middle;
}

.records-detail-table > tbody > tr > td i{
    color: #ffffff; font-size: 16px; background: #faaf42; padding: 10px; border-radius: 50%;
}

.utility-nav {
    background:rgba(0,0,0,0.35);
    height:33px;
}

.utility-nav .container {
    padding:0;
    width:auto;
    max-width:960px;
}

.utility-nav__items {
    display:block;
    height:33px;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
}

.utility-nav__item {
    border-right:1px solid rgba(255,255,255,0.15);
    display:block;
    float:left;
    height:33px;
    text-align:center;
    font-size:11px;
}

.global-header--marketing .utility-nav__item {
    width:25%;
}

.global-header--dashboard .utility-nav__item {
    width:32%;
}

.global-header--dashboard .utility-nav__item--account,.global-header--dashboard .utility-nav__item--alerts,.global-header--dashboard .utility-nav__item--settings {
    width:12%;
}

.global-header--dashboard .utility-nav__item--account .fa,.global-header--dashboard .utility-nav__item--alerts .fa,.global-header--dashboard .utility-nav__item--settings .fa {
    font-size:1.5em;
    line-height:33px;
}

.utility-nav__item:last-child {
    border:none;
}

.utility-nav__item >a {
    color:white;
    display:block;
    height:33px;
    line-height:33px;
    padding-left:10px;
    padding-right:10px;
    text-decoration:none;
}



.utility-nav__item >a:hover span {
    text-decoration:underline;
}

.utility-nav__item > a.button-login span {
    font-size: 16px;
    text-decoration: none;
}

.utility-nav__item > a.button-login {
    text-decoration:none;
}

.utility-nav__item--contact,.utility-nav__item--search,.utility-nav__item--social {
    display:none;
}

.comingsoon .utility-nav .utility-nav__items .utility-nav__item{
    min-width: 50px;
    border: none;
}

.comingsoon .utility-nav .utility-nav__items .utility-nav__item::before{ display: none; }

@media (min-width:768px) {
    .utility-nav {
        background:transparent;
        border-top:2px solid rgba(0,0,0,0.35);
    }

    .utility-nav .container {
        padding:0 15px;
    }

    .utility-nav__items {
        float:right;
    }

    .utility-nav__item {
        background:rgba(0,0,0,0.35);
        border:none;
    }

    .utility-nav__item--cart,.utility-nav__item--language {
        position:relative;
    }

    .utility-nav__item--cart:before,.utility-nav__item--language:before {
        border-right:1px solid white;
        content:"";
        display:block;
        height:13px;
        position:absolute;
        right:-1px;
        top:10px;
        width:1px;
    }

    .utility-nav__item--contact {
        display:block;
    }

    .utility-nav__item.corner {
        position:relative;
    }

    .utility-nav__item.corner:after {
        content: ' ';
        display:block;
        height:33px;
        position:absolute;
        top:0;
        width:37px;
    }

    .global-header--marketing .utility-nav__item--social,.global-header--marketing .utility-nav__item--cart,.global-header--marketing .utility-nav__item--language,.global-header--marketing .utility-nav__item--contact,.global-header--marketing .utility-nav__item--login,.global-header--marketing .utility-nav__item--account,.global-header--marketing .utility-nav__item--alerts,.global-header--marketing .utility-nav__item--settings,.global-header--dashboard .utility-nav__item--social,.global-header--dashboard .utility-nav__item--cart,.global-header--dashboard .utility-nav__item--language,.global-header--dashboard .utility-nav__item--contact,.global-header--dashboard .utility-nav__item--login,.global-header--dashboard .utility-nav__item--account,.global-header--dashboard .utility-nav__item--alerts,.global-header--dashboard .utility-nav__item--settings {
        width:auto;
    }

    .global-header--dashboard .utility-nav__item--account,.global-header--dashboard .utility-nav__item--alerts,.global-header--dashboard .utility-nav__item--settings {
        display:none;
    }

    .global-header--dashboard .utility-nav__item--social {
        background:transparent;
        display:block;
        margin-right:27px;
        padding-top:7px;
        width:165px;
    }

    .global-header--dashboard .utility-nav__item--social .social-icon {
        background-size:25px 25px;
        display:inline-block;
        height:25px;
        width:25px;
    }

    .utility-nav__item--cart.corner:after {
        background:url("../images/border-top-l.png") no-repeat;
        left:-37px;
    }

    .utility-nav__item--search {
        display:block;
        line-height:1;
        padding-left:8px;
        padding-top:3px;
    }

    .utility-nav__item--search.corner:after {
        background:url("../images/border-top-r.png") no-repeat;
        right:-37px;
    }

    .global-header--marketing .utility-nav__item--search,.global-header--dashboard .utility-nav__item--search {
        /*width:180px; */
        width: 5px;
    }

    .global-header--marketing .utility-nav__item--search {
        margin-right:27px;
    }
    .utility-nav__item--search form {
        float: left;
        position: relative;
    }

    .utility-nav__item--search input[type="text"],.utility-nav__item--search button {
        background:rgba(0,0,0,0.35);
        border:none;
        color:white;
        height:25px;
        margin:0;
        float:left;
    }

    .utility-nav__item--search input[type="text"] {
        border-radius:25px;
        float:left;
        padding-left:15px;
        padding-right: 30px;
        width: 167px;
    }

    .utility-nav__item--search button[type="submit"] {
        background-color: transparent;
        position: absolute;
        right: 0;
        color:#aaa;
        padding-left:10px;
        padding-right:10px;
    }

    .utility-nav__item--search[type="submit"]:hover {
        color:white;
    }

    .utility-nav__item--language .fa {
        font-size:0.9em;
    }

    .utility-nav__item--login,.utility-nav__item--account {
        background:transparent;
        font-size:1.3em;
        padding:0;
        width:35px;
    }

    .utility-nav__item--login >a,.utility-nav__item--account >a {
        color:rgba(0,0,0,0.35);
    }

    .utility-nav__item--account .fa {
        /* position:relative;
top:1px; */
    }
}

.header-brand-bar {
    background:#333433;
    border-bottom:2px solid rgba(0,0,0,0.2);
    height:60px;
    padding-left:75px;
    position:relative;
    text-align:left;
}

.header-brand-bar:before,.header-brand-bar:after {
    border-top:1px dashed white;
    content: ' ';
    display:block;
    height:1px;
    left:0;
    opacity:0.1;
    pointer-events:none;
    position:absolute;
    width:100%;
    z-index:1;
}

.header-brand-bar:before {
    top:5px;
}

.header-brand-bar:after {
    bottom:5px;
}

.header-brand-bar button.nav-trigger {
    border:1px solid rgba(255,255,255,0.5);
    background:transparent;
    color:rgba(255,255,255,0.5);
    line-height:1;
    margin-top:-12px;
    padding:5px 9px 4px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    top:50%;
    font-size:12px;
}

.header-brand-bar button.nav-trigger:hover,.header-brand-bar button.nav-trigger.active {
    border-color:white;
    color:white;
}

.header-brand-bar button.small-search-trigger {
    padding-left:0;
    padding-right:0;
    right:75px;
    width:25px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.header-brand-bar button.small-nav-trigger {
    right:15px;
    width:55px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.header-brand-bar__logo {
    background:url("../images/brand-tag.png") no-repeat center center;
    background-size:100%;
    content: ' ';
    display:block;
    height:90px;
    left:-10px;
    position:absolute;
    top:-8px;
    width:70px;
    z-index:2;
}

.header-brand-bar__name {
    color:#faaf42;
    line-height:1;
    margin-bottom:4px;
    padding-top:13px;
    font-family:"Gabo";
    font-size:18px;
}

.header-brand-bar__tagline {
    color:white;
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-size:11px;
}

.header-brand-bar__social {
    display:none;
}

.header-brand-bar__dashboard-utility {
    display:none;
}

@media (min-width:768px) {
    .header-brand-bar {
        height:75px;
    }

    .global-header--marketing .header-brand-bar {
        margin-top:18px;
    }

    .global-header--dashboard .header-brand-bar {
        margin-bottom:30px;
        margin-top:25px;
    }

    .header-brand-bar:before,.header-brand-bar:after {
        opacity:0.2;
    }

    .header-brand-bar:before {
        top:10px;
    }

    .header-brand-bar:after {
        bottom:10px;
    }

    .header-brand-bar [class*="nav-trigger"] {
        display:none;
    }

    .header-brand-bar__logo {
        height:95px;
        width:75px;
    }

    .header-brand-bar__name {
        float:left;
        line-height:1;
        margin-right:20px;
        padding-top:30px;
        font-size:24px;
    }

    .header-brand-bar__tagline {
        float:left;
        letter-spacing:0.05em;
        padding-top:38px;
        font-size:13px;
    }

    .header-brand-bar__social {
        display:block;
        float:right;
        padding-right:15px;
        padding-top:23px;
    }

    .header-brand-bar__social .social-icon {
        margin-right:-25px;
    }

    .header-brand-bar__dashboard-utility {
        display:block;
        float:right;
        margin-top:12px;
    }

    .header-brand-bar__dashboard-utility a {
        color:rgba(255,255,255,0.8);
        display:inline-block;
        font-size:1.3em;
        padding:10px 10px;
    }

    .header-brand-bar__dashboard-utility a:hover {
        color:white;
    }

    .header-brand-bar__dashboard-utility a .alert-badge-element__badge {
        top:-3px;
    }
}

@media (min-width:992px) {
    .header-brand-bar {
        background:none;
        border:none;
    }

    .header-brand-bar:before,.header-brand-bar:after {
        display:none;
    }

    .header-brand-bar__name {
        margin-right:10px;
        padding-top:20px;
        font-size:41px;
        font-size: 30px;
        font-family: 'Conv_Roboto-Bold';
    }

    .header-brand-bar__tagline {
        padding-top:38px;
        font-size:14px;
        font-size:13px;
        font-family: 'Conv_Roboto-Regular';
    }

    .global-header--marketing .header-brand-bar__logo {
        height:260px;
        left:30px;
        top:-17px;
        width:214px;
    }

    .global-header--marketing .header-brand-bar__name {
        margin-left:180px;
    }

    .global-header--dashboard .header-brand-bar__logo {
        background-image:url("../images/brand-tag-dashboard.png");
        height:148px;
        left:8px;
        text-decoration:none;
        top:-40px;
        width:155px;
    }

    .global-header--dashboard .header-brand-bar__name {
        margin-left:95px;
    }

    .header-brand-bar__social {
        padding-right:0;
        padding-top:25px;
    }
}

@media only screen and (min-width:1100px) {
    .header-brand-bar__social {
        padding-top:20px;
    }

    .header-brand-bar__dashboard-utility {
        margin-right:-30px;
    }
}

.search-box-small {
    background:rgba(51,52,51,0.85);
    border-bottom:#b2b4b2;
    height:55px;
    width:100%;
}

.js .search-box-small.search-collapse {
    clip:rect(0 0 0 0);
    max-height:0;
    position:absolute;
    display:block;
    overflow:hidden;
    zoom:1;
}

.search-box-small.search-collapse.opened {
    max-height:9999px;
}

.search-box-small form {
    overflow:hidden;
}

.search-box-small input[type="text"] {
    border:none;
    background:transparent;
    color:white;
    float:left;
    height:55px;
    padding-left:75px;
    width:85%;
    border-right:1px solid rgba(255,255,255,0.05);
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.search-box-small input[type="text"]::-webkit-input-placeholder {
    color:rgba(255,255,255,0.5);
    font-style:italic;
}

.search-box-small input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color:rgba(255,255,255,0.5);
    font-style:italic;
}

.search-box-small input[type="text"]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5);
    font-style:italic;
}

.search-box-small[type="submit"] {
    border:none;
    background:#faaf42;
    color:white;
    float:left;
    height:55px;
    width:15%;
    text-align:center;
}

@media (min-width:768px) {
    .search-box-small {
        display:none;
    }

    .js .search-box-small .search-collapse {
        position:relative;
    }

    .js .search-box-small .search-collapse.closed {
        max-height:none;
    }
}

.header-main-nav .container {
    max-width:1020px;
    padding:0;
    width:auto;
}

.header-main-nav .navbar {
    border:none;
    margin:0;
    min-height:0;
}

.header-main-nav__items {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.header-main-nav__items--small {
    background:rgba(51,52,51,0.93);
    display:block;
    padding:10px 0 5px;
    text-align:center;
}

.navbar-nav > li {
    float: left;
}
.nav > li {
    position: relative;
    display: block;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-brand-bar__name{
    padding-top: 20px;
}
.header-brand-bar__tagline{
    padding-top: 27px;
}
.header-brand-bar__social{
    padding-top: 27px;
}

.header-main-nav__items--small .header-main-nav__item a {
    border-bottom:1px solid rgba(255,255,255,0.05);
    color:white;
    display:block;
    padding:5px;
    font-size:13px;
}

.header-main-nav__items--small .header-main-nav__item:last-child a {
    border:none;
}

.header-main-nav__items--small .header-main-nav__item--social {
    padding-top:10px;
}

.header-main-nav__items--small .header-main-nav__item--social a {
    display:inline-block;
    padding:0;
}

.header-main-nav__items--large {
    display:none;
}

@media (min-width:768px) {
    .header-main-nav .header-main-nav__items--small {
        display:none;
    }

    .header-main-nav .header-main-nav__items--large {
        display:block;
    }
}

@media (min-width:992px) {
    .header-main-nav {
        background:url("../images/collar.png") no-repeat;
    }

    .global-header--marketing .header-main-nav {
        background-position:center -4px;
    }

    .global-header--dashboard .header-main-nav {
        background-position:center 12px;
    }
}

@media (min-width:768px) {
    .header-main-nav .navbar .header-main-nav__items--large >li >a {
        color:#333433;
        padding-top:15px;
        font-size:13px;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >a:hover,.header-main-nav .navbar .header-main-nav__items--large >li >a:focus {
        /*background-color:rgba(250,175,66,0.5); */
    }

    .header-main-nav .navbar .header-main-nav__items--large >li.open >a,.header-main-nav .navbar .header-main-nav__items--large >li.open >a:hover {
        background-color:rgba(250,175,66,0.5);
        color:#333;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li.active >a,.header-main-nav .navbar .header-main-nav__items--large >li.active >a:hover {
        background-color:#faaf42;
        color:#333;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu {
        background:black url("../images/dropdown-menu-pattern.jpg");
        border:0;
        border-bottom:4px solid #111;
        left:0;
        min-width:175px;
        padding:10px;
        right:auto;
        border-radius:0 0 5px 5px;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li:hover,.header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li:focus,.header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li:visited {
        background-color:transparent;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li >a {
        background:transparent;
        border-bottom:1px solid #494949;
        border-top:1px solid #2f2f2f;
        color:#fff;
        padding:10px 5px;
        text-align:left;
        font-size:13px;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li >a i {
        margin-right:10px;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li >a:hover {
        color:#faaf42;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li:first-child a {
        border-top:none;
    }

    .header-main-nav .navbar .header-main-nav__items--large >li >.dropdown-menu >li:last-child a {
        border-bottom:none;
        padding-bottom:0;
    }

    .global-header--marketing .header-main-nav .navbar .header-main-nav__items--large >li >a {
        font-family:"Roboto",sans-serif;
        font-weight:500;
    }

    .global-header--dashboard .header-main-nav {
        padding-top:10px;
        position:relative;
    }

    .global-header--dashboard .header-main-nav:after {
        background:url("../images/header-dashboard-dark-bg.png");
        bottom:0;
        content: ' ';
        display:block;
        height:72px;
        left:0;
        position:absolute;
        width:100%;
        z-index:1;
    }

    .global-header--dashboard .header-main-nav .navbar {
        background:url("../images/dashboard-nav-corner-l.png") no-repeat left bottom,url("../images/dashboard-nav-corner-r.png") no-repeat right bottom,white;
        border-radius:0;
        position:relative;
        width:100%;
        z-index:2;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large {
        background:url("../images/header-dashboard-bg.png");
        box-shadow:0 8px 3px 0px rgba(0,0,0,0.2);
        margin-bottom:12px;
        width:100%;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li {
        width:16.66666%;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li >a {
        border-right:1px solid rgba(255,255,255,0.1);
        color:white;
        font-size:12px;
        height:72px;
        padding:13px 0;
        text-align:center;
        font-family:"Roboto",sans-serif;
        font-weight:300;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li >a img {
        display: block;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 5px;
    }


    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li >a .nav-item-icon {
        display:block;
        font-size:2em;
        margin-bottom:5px;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li >a:hover,.global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li >a:focus {
        background-color:#faaf42;
        color:white;
    }

    .global-header--dashboard .header-main-nav .navbar .header-main-nav__items--large >li:last-child a {
        border:none;
        margin-right:-1px;
    }
}
.global-header--dashboard .header-main-nav .navbar .header-main-nav__items--left,
.global-header--dashboard .header-main-nav .navbar .header-main-nav__items--right {
    width: 1000%;
    height: 72px;
    background: url("../images/header-dashboard-bg-darken.png") repeat;
    position: absolute;
    top: 12px;
}
.global-header--dashboard .header-main-nav .navbar .header-main-nav__items--left {
    left: -1000%;
}
.global-header--dashboard .header-main-nav .navbar .header-main-nav__items--right {
    right: -1000%;
}

@media (min-width:992px) {
    .global-header--marketing .header-main-nav .navbar {
        padding-left:243px;
        margin-top: 10px;
    }
}

/*
.nav>li>a:focus,
.nav>li>a:hover {
    background-color: #faaf42;
}
.nav>li>a:hover {
    border-color: #dba23b;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #888;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.24), rgba(255,255,255,.24) 49%);
    background-image: linear-gradient(to top, rgba(0,0,0,.24), rgba(255,255,255,.24) 49%);
    color: #fff;
    border-color: #847d7d;
}
*/

.header-brand-bar__social .social-icon {
    margin-right:-25px;
}
.social-icon {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:left top;
    display:inline-block;
    height:32px;
    width:50px;
}

.social-icon--twitter {
    background-image:url("../img/footer/twitter-icon.png");
}

.social-icon--facebook {
    background-image:url("../img/footer/fb-icon.png");
}

.social-icon--google {
    background-image:url("../img/footer/gplus-icon.png");
}

.social-icon--youtube {
    background-image:url("../img/footer/youtube-icon.png");
}

.social-icon--linkedin {
    background-image:url("../img/footer/linkedin-icon.png");
}

.social-icon--instagram {
    background-image:url("../img/footer/instagram-icon.png");
}

/*************************************************/
/* footer                                        */
/*************************************************/
.global-footer .footer-top,.global-footer .footer-bottom {
    padding:10px 15px;
}

.global-footer .footer-top .footer-section,.global-footer .footer-bottom .footer-section {
    border-bottom:1px solid;
    padding:25px 0;
}

.global-footer .footer-top .footer-section:last-child,.global-footer .footer-bottom .footer-section:last-child {
    border:none;
}

@media (min-width:768px) {
    .global-footer .footer-top .container-fluid,.global-footer .footer-bottom .container-fluid {
        align-items:stretch;
        display:flex;
        justify-content:space-between;
        max-width:970px;
        padding:20px 0;
    }

    .global-footer .footer-top .footer-section,.global-footer .footer-bottom .footer-section {
        border-bottom:none;
        border-right:1px solid;
        flex-basis:25%;
        padding:0 15px;
    }
}

.global-footer .footer-top {
    background:url("../images/diags-light.png");
}

.global-footer .footer-top .footer-section {
    border-color:#d8d8d8;
}

.global-footer .footer-top ul li {
    margin-bottom:5px;
}

.global-footer .footer-top ul li i {
    color:#acacac;
    font-size:13px;
}

.global-footer .footer-top ul li a {
    color:#000;
    margin-left:5px;
    font-size:14.25px;
}

.global-footer .footer-top .footer-section h6 {
    color:#000;
    margin-bottom:20px;
    font-size:18px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

@media (min-width:992px) {
    .global-footer .footer-top .footer-section h6 {
        margin-top:25px;
    }
}

.global-footer .footer-bottom {
    background-color:#393939;
}

.global-footer .footer-bottom .footer-section {
    border-color:#515151;
}

.global-footer .footer-bottom-title {
    display:block;
    margin:10px 0 5px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:16.5px;
}

.global-footer .footer-bottom-title a {
    color:#faaf42;
    text-decoration:none;
}

.global-footer .footer-bottom-description {
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-size:14px;
}

@media (min-width:992px) {
    .global-footer .footer-bottom-description {
        font-size:15px;
    }
}

.global-footer .footer-bottom-description a {
    color:#fff;
    text-decoration:none;
}

.global-footer .footer-bottom ul li {
    padding:0;
}

.global-footer .footer-bottom ul li a {
    text-decoration:none;
}

.global-footer .footer-copy {
    background-color:#212121;
    color:#fff;
    padding:15px 15px 10px;
    font-size:13.5px;
}

.global-footer .footer-copy.comingsoon {
    background-color: #f8b24d;
    color: #fff;
    padding: 25px 15px 20px;
}

.dog-footer-image {
    bottom:0;
    position:absolute;
    right:-15px;
}

/*************************************************/
/* section who are you                           */
/*************************************************/
.page_sub_title{
  color: #ffffff;
  font-size: 16px;
  font-family: 'Conv_Roboto-Bold';
  word-spacing: 5px;
  letter-spacing: 3px;
}
.who-are-you {
    background:url("../images/new-bg-who.jpeg") no-repeat;
    background-size:100% 100%;
    padding:45px 15px 350px;
    position:relative;
    text-align:center;
    height: auto;
}
.who-are-you .how_it_works{
  color: #ffffff;
  font-size: 13px;
  font-family: 'Conv_Roboto-Bold';
  padding: 5px 40px;
  background: #fca408;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 15px;
}
.who-are-you .title-block {
  margin-top: 150px;
  margin-bottom:45px;
}
.who-are-you .title-block h2{
    color: #ffffff;
    font-size: 48px;
    font-family: 'Conv_Roboto-Regular';
    margin-top: 40px;
}

.who-are-you .title-block h3{
  color: #ffffff;
  line-height: 30px !important;
}

.who-are-you .audience-callout h5 {
    color:white;
    margin-bottom:10px;
    text-shadow:0 1px 25px rgba(0,0,0,0.5);
    text-transform:uppercase;
    font-size:20px;
    font-family: 'Conv_Roboto-Bold';
    letter-spacing: 2px;
}

.who-are-you .audience-callout [class*="icon"] {
    display:block;
    margin-bottom:10px;
}

.who-are-you .audience-callout__attributes {
    list-style:none;
    margin:0 0 30px;
    padding:0;
}

.who-are-you .audience-callout__attributes li {
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding:8px 0px;
    color: #ffffff;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}

.who-are-you .audience-callout__attributes li:last-child {
    border-bottom:0;
}

.who-are-you .audience-callout__app-links {
    color:#333433;
    font-size:0.8em;
}

.who-are-you .audience-callout__app-links a {
    color:#fff;
}

.who-are-you .audience-callout__app-links a span {
    text-decoration:underline;
}
.users-icons{
  width: 114px;
  height: 114px;
  display: block;
  margin: 10px auto;
}


@media (min-width:768px) {
    .who-are-you {
        padding-bottom:30px;
    }

    .who-are-you .title-block h3 {
        padding:0 100px;
    }

    .who-are-you .title-block h3.reunite {
        max-width: 80%;
        margin: 20px auto 0px;
        padding-left: 120px;
        padding-right: 80px;
    }

    .who-are-you .audience-callout--salons {
        float:left;
    }

    .who-are-you .audience-callout--owners {
        /*float:right;*/
    }

    .who-are-you .audience-callout__app-links {
        background:red;
        display:none;
    }
}
.footer{
    background:url(../img/footer/footer-bg.png) repeat;
    height: auto;
    width: 100%;
}
.faq{
    text-align: center;
    padding-top: 20%;
}
.faq ul{
    list-style: none;
    padding: 0;
}
.faq ul li{
    padding-bottom: 20px;
}
.faq ul li.li-title{
    color: #faaf42;
    font-size: 19px;
    font-family: 'Conv_Roboto-Bold';
}
.faq ul li.li-sub-title{
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
}
.faq ul li a {
    color: #faaf42;
    font-size: 19px;
    font-family: 'Conv_Roboto-Bold';
    text-decoration: none;
}
.vl {
    border-left: 1px solid #6e6e6d;
    height: 160px;
    position: absolute;
    right: 0%;
    margin-left: -3px;
    top: 20%;
    max-height: 80%;
}
.foo-copyright, footer-copy{
    background:url(../img/footer/copy-bg.png) repeat;
    height: auto;
    width: 100%;
}
.foo-copyright .copy-text{
    text-align: center;
    color: #414240;
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 10px;
    font-family: 'Conv_Roboto-Bold';
    word-spacing: 2px;
    letter-spacing: 2px;
}


/*************************************************/
/* crossbrowsing                                 */
/*************************************************/



.mpc-pagination {
    padding:25px 0;
}

.mpc-pagination li {
    display:inline-block;
    margin-right:5px;
}

.mpc-pagination li.active a {
    border-color:#ddd !important;
    border-bottom:2px solid #7f520f !important;
    color:#fff !important;
    height:36px;
    background:#f19b2d;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f19b2d),color-stop(100%,#e98817));
    background:-webkit-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-o-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-ms-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:linear-gradient(to bottom,#f19b2d 0%,#e98817 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.mpc-pagination li a.font-color-yellow {
    color:#faaf42;
}

.mpc-pagination li a:hover {
    border-bottom:2px solid #7f520f;
    color:#fff;
    height:36px;
    background:#f19b2d;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f19b2d),color-stop(100%,#e98817));
    background:-webkit-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-o-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-ms-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:linear-gradient(to bottom,#f19b2d 0%,#e98817 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.alert-badge-element {
    position:relative;
}

.alert-badge-element__badge {
    background:#E74C3C;
    border-radius:50%;
    color:white;
    display:block;
    font-size:11px;
    font-style:normal;
    height:15px;
    line-height:15px;
    position:absolute;
    right:-6px;
    text-align:center;
    top:1px;
    width:15px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}
/*************************************************/
/* custom fonts                                  */
/*************************************************/
.font-color-white {
    color:#fff;
}

.font-color-black {
    color:#000;
}

.font-color-yellow {
    color:#faaf42;
}

.font-color-gray-title {
    color:#656565;
}

.title-block {
    margin-bottom:25px;
}

.link-orange-dark {
    color:#cc8200;
}

.link-orange-dark:hover,.link-orange-dark:active,.link-orange-dark:focus {
    color:#996200;
    text-decoration:none;
}

.popover.bottom >.arrow {
    top:-10px;
}

.popover.bottom >.arrow:before {
    border-color:transparent;
    border-style:solid;
    border-bottom-color:white;
    border-width:12px;
    content:"";
    display:block;
    height:0;
    left:50%;
    margin-left:-12px;
    position:absolute;
    top:-13px;
    width:0;
}

.popover.bottom >.arrow:after {
    border-bottom-color:#faaf42;
}

.popover-title {
    background:#faaf42;
    color:white;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.popover-content {
    padding:0;
}

.mpc-popover {
    background-color:#fef3e2;
}
/*************************************************/
/* custom gradients                              */
/*************************************************/
.gradient-background-yellow {
    background:#ea8c1d;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhOGMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2YxOWIyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZhYWY0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background:-moz-linear-gradient(top,#ea8c1d 0%,#f19b2d 10%,#faaf42 35%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ea8c1d),color-stop(10%,#f19b2d),color-stop(35%,#faaf42));
    background:-webkit-linear-gradient(top,#ea8c1d 0%,#f19b2d 10%,#faaf42 35%);
    background:-o-linear-gradient(top,#ea8c1d 0%,#f19b2d 10%,#faaf42 35%);
    background:-ms-linear-gradient(top,#ea8c1d 0%,#f19b2d 10%,#faaf42 35%);
    background:linear-gradient(to bottom,#ea8c1d 0%,#f19b2d 10%,#faaf42 35%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.btn-gradient-orange {
    color:#fff;
    border:1px solid #e1b046;
    border-top:1px solid #edce87;
    background:#f0c855;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#f0c855 0%,#deac43 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0c855),color-stop(100%,#deac43));
    background:-webkit-linear-gradient(top,#f0c855 0%,#deac43 100%);
    background:-o-linear-gradient(top,#f0c855 0%,#deac43 100%);
    background:-ms-linear-gradient(top,#f0c855 0%,#deac43 100%);
    background:linear-gradient(to bottom,#f0c855 0%,#deac43 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.btn-gradient-orange:hover,.btn-gradient-orange:active,.btn-gradient-orange:focus {
    color:#fff;
    background:#deac43;
}

.btn-gradient-orange-light {
    background-color: #faaf42;
    -webkit-box-shadow: 0 1px rgba(165,107,22,.75), 0px 2px 0px 0px rgba(0,0,0,.48);
    -moz-box-shadow: 0 1px rgba(165,107,22,.75), 0px 2px 0px 0px rgba(0,0,0,.48);
    box-shadow: 0 1px rgba(165,107,22,.75), 0px 2px 0px 0px rgba(0,0,0,.48);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #dd8c17, #faaf42);
    background-image: -moz-linear-gradient(bottom, #dd8c17, #faaf42);
    background-image: -o-linear-gradient(bottom, #dd8c17, #faaf42);
    background-image: -ms-linear-gradient(bottom, #dd8c17, #faaf42);
    background-image: linear-gradient(to top, #dd8c17, #faaf42);
}

.btn-gradient-orange-light:hover {
    background:#e37b0c;
}

.btn-gradient-orange-light:active,.btn-gradient-orange-light:focus {
    color:#fff;
    background:#e37b0c;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#e37b0c),color-stop(100%,#f9ae41));
    background:-webkit-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background:-o-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background:-ms-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background:linear-gradient(to bottom,#e37b0c 0%,#f9ae41 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.btn-gradient-black {
    color:#fff;
    -webkit-box-shadow: 0 1px rgba(81,81,81,.75), 0px 2px 0px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0 1px rgba(81,81,81,.75), 0px 2px 0px 0px rgba(0,0,0,1);
    box-shadow: 0 1px rgba(81,81,81,.75), 0px 2px 0px 0px rgba(0,0,0,1);
    border: solid 1px #474747;
    background-image: -webkit-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: -moz-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: -o-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: -ms-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: linear-gradient(to top, #333433, #6a6a6a);
}

.btn-gradient-black:hover,.btn-gradient-black:active,.btn-gradient-black:focus {
    color:#fff;
    background:#555;
}

.btn-gradient-black-light {
    background:#999999;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999999),color-stop(100%,#c3c3c3));
    background:-webkit-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-o-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-ms-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:linear-gradient(to bottom,#999999 0%,#c3c3c3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
    border:1px solid #c3c3c3;
    border-top:1px solid #999999;
}

.btn-gradient-black-light:hover {
    background:#999999;
}

.btn-gradient-black-light:active,.btn-gradient-black-light:focus {
    color:#fff;
    background:#999999;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#999999),color-stop(100%,#c3c3c3));
    background:-webkit-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-o-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:-ms-linear-gradient(top,#999999 0%,#c3c3c3 100%);
    background:linear-gradient(to bottom,#999999 0%,#c3c3c3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}
/*************************************************/
/* Section subscription                          */
/*************************************************/
.btn {
    font-family:"Roboto",sans-serif;
    font-weight:700;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.btn-blog {
    background:#f19b2d;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f19b2d),color-stop(100%,#e98817));
    background:-webkit-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-o-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:-ms-linear-gradient(top,#f19b2d 0%,#e98817 100%);
    background:linear-gradient(to bottom,#f19b2d 0%,#e98817 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
    border-bottom:2px solid #7f520f;
    color:#fff;
}

.btn-blog:hover {
    opacity:0.8;
}

.btn-blog-black {
    background:#575757;
    width:100%;
    padding:0;
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.btn-custom-yellow {
    color:#faaf42;
    background:#fff;
    border:1px solid #feebd0;
}

.btn-custom-yellow:hover,.btn-custom-yellow:focus,.btn-custom-yellow:active {
    background-color:#eee;
    color:#faaf42;
}

.btn-about-orange {
    background-color:#e37b0c;
    padding:6px 13px;
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.btn-about-orange:hover,.btn-about-orange:focus,.btn-about-orange:active {
    color:#fff;
}

.btn-about-dark {
    background-color:#4a4a4a;
    padding:6px 13px;
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.btn-about-dark:hover,.btn-about-dark:focus,.btn-about-dark:active {
    color:#fff;
}

.btn-shop-black {
    background:#000;
    padding:10px;
    position:absolute;
    left:-30px;
    top:-1px;
    -webkit-border-top-left-radius:3px;
    -webkit-border-top-right-radius:0;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:3px;
    border-top-left-radius:3px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:3px;
}

.btn-tag-id {
    background:#333;
    padding:10px;
    color:#fff;
    font-size:15px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.btn-tag-id:hover {
    color:#dedede;
}

.btn-mpc-primary {
    box-shadow:0 1px rgba(165,107,22,.75);
    color:#fff;
    background-color:#ef9b3c;
    border: solid 1px #f69e1d;
    border-radius: 4px;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ef9b3c),to(#e6872a));
    background-image:-webkit-linear-gradient(top,#ef9b3c,#e6872a);
    background-image:-moz-linear-gradient(top,#ef9b3c,#e6872a);
    background-image:-ms-linear-gradient(top,#ef9b3c,#e6872a);
    background-image:-o-linear-gradient(top,#ef9b3c,#e6872a);
    background-image:linear-gradient(top,#ef9b3c,#e6872a);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#ef9b3c ',endColorStr= '#e6872a ');
}

.btn-mpc-primary:active,.btn-mpc-primary:hover,.btn-mpc-primary:focus {
    color:#fff;
    background-color:#e58213;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e58213),to(#c66e17));
    background-image:-webkit-linear-gradient(top,#e58213,#c66e17);
    background-image:-moz-linear-gradient(top,#e58213,#c66e17);
    background-image:-ms-linear-gradient(top,#e58213,#c66e17);
    background-image:-o-linear-gradient(top,#e58213,#c66e17);
    background-image:linear-gradient(top,#e58213,#c66e17);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#e58213 ',endColorStr= '#c66e17 ');
}

.upload-btn {
    background:#fff;
    border:2px solid #f5f5f5;
    border-radius:50%;
    box-shadow:0 0 3px gray;
    color:#e8891a;
    height:0;
    margin:0 10px;
    overflow:hidden;
    padding-bottom:10%;
    width:35px;
}
/*************************************************/
/* custom panel                                  */
/*************************************************/
.panel {
    margin:0;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.panel-heading {
    padding:15px;
    background-color:transparent;
    border:0;
}

.panel-body {
    background-color:transparent;
    border:0;
}

.panel-footer {
    background-color:transparent;
    border:0;
}

.panel-how-to-use {
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    background:#f1f1f1;
}
/*************************************************/
/* custom breadcumbs                             */
/*************************************************/
.breadcrumb {
    background-color:transparent;
    padding-left:0px;
}

.petowner_dashboard .breadcrumb
{
    background-color: #f3f3f3;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.petsalon_dashboard .breadcrumb
{
    background-color: #f3f3f3;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.breadcrumb li a {
    color:#faaf42;
}

.breadcrumb li + li::before {
    padding:0 5px;
    color:#777;
    content:" \f105";
    font-family:"FontAwesome";
}

.breadcrumb-yellow {
    padding:8px 15px;
    margin-bottom:20px;
    list-style:none;
    background-color:transparent;
}

.breadcrumb-yellow >li {
    display:inline-block;
}

.breadcrumb-yellow >li a {
    color:#faaf42;
}

.breadcrumb-yellow >li + li:before {
    content:" > ?";
    padding:0 5px;
    color:#333433;
}

.breadcrumb-yellow >.active a {
    color:#333433;
}
/*************************************************/
/* custom ICON PET                               */
/*************************************************/
.icon-pet {
    display:block;
    height:25px;
    margin:0 auto;
    background:url("../images/footer-bottom.png");
}

.icon-pet-faq {
    width:23px;
    margin-top:3px;
}

.icon-pet-customer {
    width:34px;
    background-position:-31px 0px;
    margin-top:3px;
}

.icon-pet-email {
    width:27px;
    background-position:-70px 0px;
    margin-top:3px;
}

.icon-pet-social-top {
    width:24px;
    background-position:-108px 0px;
    margin-top:3px;
}

.icon-pet-our-subscription {
    height:114px;
    width:114px;
    display:block;
    margin:0 auto;
    background:url("../images/our-subscription-pet.png");
}

@media (min-width:992px) {
    .icon-pet-our-subscription {
        display:inline-block;
        margin:6px auto auto;
    }
}

.icon-pet-our-subscription-orange {
    background-position:0px 0px;
}

.icon-pet-our-subscription-black {
    background-position:114px 0px;
}

.icon-pet-social {
    width:22px;
    height:24px;
    display:block;
    background:url("../images/footer-bottom-social.png");
}

.icon-pet-social:hover {
    opacity:0.8;
}

.icon-pet-social-footer-y {
    background-position:0px 0px;
}

.icon-pet-social-footer-f {
    background-position:-25px 0px;
}

.icon-pet-social-footer-t {
    background-position:-50px 0px;
}

.icon-pet-social-footer-g {
    background-position:-75px 0px;
}

.icon-pet-social-footer-i {
    background-position:-100px 0px;
}

.icon-cut {
    height:114px;
    width:114px;
    display:block;
    margin:0 auto;
    background:url("../images/cut.png");
}

@media (min-width:992px) {
    .icon-cut {
        display:inline-block;
        margin:6px auto auto;
    }
}

.icon-stop {
    height:114px;
    width:114px;
    display:block;
    margin:0 auto;
    background:url("../images/stop.png");
}

.icon-shelter {
    height:114px;
    width:114px;
    display:block;
    margin:0 auto;
    background:url("../images/mpc-shelter-icon.png");
}

.icon-pet-vet {
    height:114px;
    width:114px;
    display:block;
    margin:0 auto;
    background:url("../images/icon-pet-vet-white.png");
}

@media (min-width:992px) {
    .icon-stop {
        display:inline-block;
        margin:6px auto auto;
    }
}

.icon-who {
    height:98px;
    width:98px;
    display:block;
    background:url("../images/ios-android.png");
}

.icon-who-ios {
    background-position:0 0;
}

.icon-who-android {
    background-position:98px 0;
}

.icon-triangle-down {
    position:absolute;
    bottom:-9px;
}

.icon-triangle-down:after {
    content:"";
    display:block;
    width:0;
    height:0;
    margin-left:-10px;
    margin-top:-10px;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #FDA600;
}

.icon-triangle-left {
    position:absolute;
    bottom:15px;
    left:44px;
}

.icon-triangle-left:after {
    content:"";
    display:block;
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-right:0;
    border-bottom:7px solid transparent;
    border-left:7px solid #FDA600;
}

.icon-have-lost {
    height:119px;
    width:119px;
    display:block;
    margin:0 auto;
    background:url("../images/have-you-lost-section.766fa.png");
}

.icon-have-lost-1 {
    background-position:0 0;
}

.icon-have-lost-2 {
    background-position:-121px 0;
}

.icon-have-lost-3 {
    background-position:-243px 0;
}

.icon-have-lost-4 {
    background-position:-364px 0;
}

.icon-have-lost-title-found {
    height:24px;
    width:42px;
    background:url("../images/have-lost-icon.png") no-repeat center;
    display:inline-block;
}

.icon-how-works {
    display:inline-block;
    background-color:#faaf42;
    background-repeat:no-repeat;
    height:44px;
    position:relative;
    width:44px;
    background-image:url("../images/icon-how.png");
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.icon-how-works-info {
    background-position:9px 9px;
}

.icon-how-works-dog {
    background-position:-36px 9px;
}

.icon-how-works-article {
    background-position:-79px 9px;
}

.icon-how-works-group {
    background-position:-122px 9px;
}

.icon-notification {
    padding:30px 37px;
    display:inline-block;
    background:url("../images/icon-notification.png") no-repeat #fff;
    border-top:1px solid #adadad;
    border-left:1px solid #adadad;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.icon-notification-app {
    background-position:14px 6px;
}

.icon-notification-bal {
    background-position:11px -66px;
}

.icon-notification-con {
    background-position:12px -133px;
}

.icon-notification-req {
    background-position:14px -207px;
}

.icon-notification-vac {
    background-position:11px -277px;
}

.icon-settings {
    padding:30px 37px;
    display:inline-block;
    background:url("../images/icon-settings.png") no-repeat #fff;
    border-top:1px solid #adadad;
    border-left:1px solid #adadad;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.icon-settings-acc {
    background-position:14px 11px;
}

.icon-settings-cre {
    background-position:11px -58px;
}

.icon-settings-pro {
    background-position:10px -128px;
}

.icon-settings-fee {
    background-position:12px -203px;
}

.icon-settings-inv {
    background-position:11px -270px;
}

.icon-settings-use {
    background-position:15px -344px;
}

.icon-settings-vep {
    background-position:15px -413px;
}

.icon-account {
    width:40px;
    display:block;
    height:36px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_account.png");
}

.icon-check {
    width:60px;
    display:block;
    height:60px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_check.png");
}

.icon-uncheck {
    width:60px;
    display:block;
    height:60px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_uncheck.png");
}

.icon-credential-dog {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_credential_dog.png");
}

.icon-data {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_data.png");
}

.icon-email {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_email.png");
}

.icon-lost-found {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_lost_found.png");
}

.icon-person {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_person.png");
}

.icon-pet-dog {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_pet.png");
}

.icon-record {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_record.png");
}

.icon-record-shared {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_records.png");
}

.icon-reservation {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_reservation.png");
}

.icon-time {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_time.png");
}

.icon-vaccination {
    width:40px;
    display:block;
    height:40px;
    margin:0 10px;
    background:url("../images/featurePrices/ico_vaccination.png");
}

header .icon-pet-social {
    width:30px;
    height:32px;
    display:block;
    background:url("../images/header-bottom-social.png");
}

header .icon-pet-social-header-y {
    background-position:0px 0px;
}

header .icon-pet-social-header-f {
    background-position:-33px 0px;
}

header .icon-pet-social-header-t {
    background-position:-66px 0px;
}

header .icon-pet-social-header-g {
    background-position:-99px 0px;
}

header .icon-pet-social-header-i {
    background-position:-132px 0px;
}

header.header-dashboard .icon-pet-social {
    width:22px;
    height:24px;
    display:block;
    background:url("../images/footer-bottom-social.png");
}

header.header-dashboard .icon-pet-social:hover {
    opacity:0.8;
}

header.header-dashboard .icon-pet-social-headerdash-y {
    background-position:0px 0px;
}

header.header-dashboard .icon-pet-social-headerdash-f {
    background-position:-25px 0px;
}

header.header-dashboard .icon-pet-social-headerdash-t {
    background-position:-50px 0px;
}

header.header-dashboard .icon-pet-social-headerdash-g {
    background-position:-75px 0px;
}

header.header-dashboard .icon-pet-social-headerdash-i {
    background-position:-100px 0px;
}

.icon-pet-dashboard {
    height:25px;
}

.icon-pet-dashboard-dog {
    background:url("../images/icon-dog-dashboard.png") no-repeat center;
}

.service-dot {
    height:16px;
    width:16px;
    display:inline-block;
    position:relative;
    top:3px;
    background:url("../images/services-dots.png");
}

.service-dot-not {
    background-position:0 0;
}

.service-dot-pending {
    background-position:0 -17px;
}

.service-dot-active {
    background-position:0 -35px;
}

.badge-how {
    height:144px;
    width:127px;
    display:block;
    float:left;
    margin-right:15px;
    background:url("../images/badges-how.png") no-repeat;
}

@media (min-width:992px) {
    .badge-how {
        margin-right:60px;
    }
}

.badge-how-one {
    background-position:0 0;
}

.badge-how-two {
    background-position:-141px 0;
}

.badge-how-three {
    background-position:-279px 0;
}
/*************************************************/
/* custom sidebar                                */
/*************************************************/
.sidebar {
    background:transparent url("../images/diags-light.png") repeat scroll 0% 0%;
    display:block;
    margin-bottom:30px;
}

@media (min-width:768px) {
    .sidebar {
        min-height:520px;
        margin:0;
    }
}

.sidebar h3 {
    padding:12px 15px;
    background-color:#454545;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.sidebar h3 i {
    margin-right:15px;
}

.sidebar .nav {
    padding-top:20px;
}

.sidebar .nav >li {
    border-bottom:1px solid #d8d8d8;
    margin:0;
}
.sidebar .nav > li > a {
    color: #454545;
    padding-bottom: 9px;
    padding-left: 35px;
    position: relative;
    border-radius: 0px;
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
}

.sidebar .nav >li:last-child {
    border-bottom:0px;
}

.sidebar .nav >li >a {
    color:#454545;
    padding-bottom:9px;
    padding-left:35px;
    position:relative;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
}

.sidebar .nav >li i {
    left:15px;
    position:absolute;
    top:11px;
}

.sidebar .nav >li.active >a {
    background-color:#faaf42;
    color:#fff;
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
}

@media (min-width:768px) {
    .sidebar .nav >li.active:before {
        content:"";
        float:right;
        width:0;
        height:0;
        border-top:21px solid transparent;
        border-left:18px solid #faaf42;
        border-bottom:21px solid transparent;
        margin-right:-18px;
    }

    .sidebar .nav >li.active.double-height::before {
        border-top:32px solid transparent;
        border-bottom:32px solid transparent;
    }
}
/*************************************************/
/* article                                       */
/*************************************************/
article p {
    font-size:16px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    margin-bottom:30px;
    line-height:1.5;
}

article p span {
    color:#faaf42;
    font-weight:400;
    font-size:18px;
}

article h3 {
    padding-bottom:12px;
    color:#333;
    text-align:center;
    font-weight:500;
}

article .thumbnail {
    margin:5px 20px 5px;
    padding:3px;
    width:300px;
}
/*************************************************/
/* aside                                       */
/*************************************************/
.aside-right h3 {
    font-family:"Roboto",sans-serif;
    font-weight:700;
    margin-bottom:15px;
}

.aside-right img {
    width:100%;
}

.aside-right .panel {
    margin-bottom:20px;
}

.aside-right .panel-header {
    padding:5px 15px;
    background:#faaf42;
    color:#fff;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:17px;
}

.aside-right .panel-header i {
    margin-right:5px;
}

.aside-right .panel-body {
    padding:15px;
    color:#000;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    font-size:14px;
}

.aside-right .panel-body img {
    width:auto;
}

.aside-right .panel-body ul {
    margin-bottom:0;
}

.aside-right .panel-body ul li {
    background:url("../images/dropdown-menu-pattern.jpg");
}

.aside-right .panel-body ul li.list-divider {
    border-top:1px solid #474747;
    -webkit-box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
    -khtml-box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
    -moz-box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
    -ms-box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
    -o-box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
    box-shadow:rgba(0,0,0,0.7) 0 1px 10px -6px;
}

.aside-right .panel-body ul li a {
    padding:10px 15px;
    display:block;
    text-decoration:none;
    color:#fff;
}

.aside-right .panel-body ul li a:hover {
    opacity:0.8;
}

.aside-right .panel-footer {
    padding:5px 15px;
}

.aside-right .panel-aside-border {
    border:4px solid #eee;
    -webkit-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -khtml-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -moz-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -ms-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -o-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
}

.aside-right .panel-aside-border-service .panel-body {
    padding:5px 15px;
}

.aside-right .panel-aside-border-service .panel-body ul li {
    background:none;
    padding:10px 0;
}

.aside-right .panel-aside-cleaner {
    border:1px solid #ececec;
}

.aside-right .panel-aside-cleaner .panel-header {
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}

.aside-right .panel-aside-cleaner .panel-footer {
    background-color:#575757;
    padding:2px 0;
}

.aside-right .panel-aside-cleaner .panel-body {
    background:#ededed;
    padding:20px 0 15px;
}

.aside-right .panel-aside-cleaner-blog .panel-body {
    padding:15px 0 0;
}

.aside-right .panel-aside-cleaner-blog-container {
    padding:0 15px 15px;
    margin-bottom:15px;
    border-bottom:1px solid #ddd;
}

.aside-right .panel-aside-cleaner-blog-container:last-child {
    border:0;
    margin-bottom:0;
}

.aside-right .panel-aside-cleaner-blog-container h2 {
    color:#faaf42;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size:17px;
}

.aside-right .panel-aside-cleaner-blog-container h3 {
    color:#000;
    margin-bottom:10px;
    font-size:14px;
}

.aside-right .panel-aside-cleaner-blog-container h4 {
    color:#000;
    margin-bottom:5px;
    font-size:13px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.aside-right .panel-aside-cleaner-blog-container h5 {
    color:#faaf42;
    margin-bottom:5px;
    font-size:13px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.aside-right .panel-aside-cleaner-blog-container img {
    height:58px;
    width:69px;
    margin-right:5px;
}

.aside-right .panel-aside-cleaner-blog-container p {
    color:#000;
    margin:0;
    font-size:13px;
}

.aside-right .panel-aside-cleaner-blog-container p a {
    color:#faaf42;
}

.download-app {
    height:30px;
    width:91px;
    display:inline-block;
    background:url("../images/download-app.png");
}

.download-app-ios {
    background-position:0 0;
    margin-right:3px;
}

.download-app-android {
    background-position:91px 0;
}
/*************************************************/
/* custom labels                                 */
/*************************************************/
.label {
    padding:3px 5px;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    font-size:9px;
}

.label-orange {
    background:#faaf42;
    position:relative;
    top:4px;
    padding:5px 10px;
    font-size:18px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}

span.required {
    color:red;
}
/*************************************************/
/* custom forms                                  */
/*************************************************/
.form-control-inline {
    display:inline-block;
    width:18em;
}
/*************************************************/
/* custom ICON PET                               */
/*************************************************/
.dropdown-notification {
    width:320px !important;
    left:-235px !important;
    border:0 !important;
}

.dropdown-notification .arrow-top-dash-notification {
    position:absolute;
    top:-11px;
    right:58px;
    width:0;
    height:0;
    background:none;
    border-style:solid;
    border-width:0 16px 12px 16px;
    border-color:transparent transparent #ffa200 transparent;
}

.dropdown-notification .panel {
    border:1px solid #fff;
}

.dropdown-notification .panel-heading {
    background:#ffa200;
    color:#fff;
    padding:8px 15px;
    border-bottom:1px solid #a69f92 !important;
    font-size:18px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.dropdown-notification .panel-heading img {
    margin-right:10px;
}

.dropdown-notification .panel-body {
    background:#fff4e1;
    padding:0;
}

.dropdown-notification .panel-body ul {
    position:relative !important;
    border:0 !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    background:transparent !important;
}

.dropdown-notification .panel-body ul li {
    width:100% !important;
    padding:7px 15px 2px;
    border-bottom:1px solid #ddd;
}

.dropdown-notification .panel-body ul li:last-child {
    border-bottom:0;
}

.dropdown-notification .panel-body ul li a {
    display:block;
    position:relative;
}

.dropdown-notification .panel-body ul li a label {
    margin:0;
    position:relative;
    bottom:25px;
    font-size:15px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.dropdown-notification .panel-body ul li a .label {
    top:25px;
    right:0;
    box-shadow:0px 0px 5px rgba(150,150,150,0.7),#636363 0px 1px 5px inset;
    padding:3px 12px;
    font-size:11px;
    -webkit-border-radius:7px;
    -khtml-border-radius:7px;
    -moz-border-radius:7px;
    -ms-border-radius:7px;
    -o-border-radius:7px;
    border-radius:7px;
}

.dropdown-notification .panel-footer {
    background:#3e3e3e;
    padding:2px 0px;
}

.flex-container {
    display:flex;
}

.flex-spaced {
    justify-content:space-between;
}

.flex-centered {
    align-items:center;
}

.page-content .thumbnail {
    margin-left:10px;
}

.language-menu {
    list-style:none;
    margin:0;
    padding:0 0 2px 0;
    width:130px;
}

.language-menu a {
    color:black;
    display:block;
    line-height:33px;
    padding:0 15px;
    text-decoration:none;
}

.language-menu a:hover {
    background:#fcdfb1;
}

.language-menu .flag {
    background:url("../images/flags.png") no-repeat;
    display:block;
    float:right;
    height:11px;
    margin-top:11px;
    width:16px;
}

.language-menu .flag-fr {
    background-position:-16px 0;
}

.language-menu .flag-mx {
    background-position:0 -11px;
}

.language-menu .flag-us {
    background-position:-16px -11px;
}

.login-menu {
    padding:0.5em 1em;
    width:250px;
}

.login-menu label {
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.login-menu .register-social {
    margin-top: 10px;
}

.logout-menu {
    padding:0.5em 3em;
    text-align:center;
}

.logout-menu a {
    color:#3b3b3b;
    width:auto;
}

.logout-menu a:hover {
    color:#3b3b3b;
}

.logout-menu label {
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.register-menu {
    padding:20px 0;
}

.register-menu >p {
    font-size:13px;
    text-align:center;
}

/* .register-menu .btn {
padding:0px 10px 5px 10px;
} */

.register-menu .btn-social {
    color:white;
    font-size:13px;
    font-weight:normal;
    margin:20px 35px;
    padding: 10px 10px 10px 50px;
    width:200px;
}

.register-menu .btn-social:last-child {
    margin-bottom:0;
}

.register-menu .fa {
    top: 0;
    left: 0;
    line-height: 40px;
}

.mpc-datepicker .btn {
    border-left:0;
}

.mpc-datepicker .btn:hover,.mpc-datepicker .btn:active {
    background-color:#fff;
    border-color:#ccc;
}

.mpc-datepicker .btn-default {
    color:#faaf42;
}

.mpc-datepicker .btn-default .fa-calendar {
    font-size:16px;
}

.mpc-datepicker .btn-default:hover {
    color:#a8a5a0;
}

.mpc-datepicker .form-control:focus {
    border:1px solid #ccc;
    box-shadow:none;
    outline:0 !important;
}

.mpc-datepicker .input-group-btn {
    vertical-align:top;
}
/*************************************************/
/* Section home carousel                         */
/*************************************************/
.home-carousel {
    position:relative;
}

.home-carousel__image {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    left:0;
    opacity:0.8;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
}

.home-carousel__item {
    background:white;
}

.home-carousel__content {
    padding-left:25px;
    padding-right:25px;
    position:relative;
    width:auto;
    z-index:2;
    text-align: center;
}

.home-carousel__content h3 {
    margin-bottom:8px;
    font-size:32px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.home-carousel__content p {
    font-size:18px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.home-carousel .owl-page span {
    margin-left:0;
    background-color:#8b8b8b;
    box-shadow:0px 0.8px 0.1px #FFFFFF,#000 0px 1px 5px inset;
}

.home-carousel .owl-page.active span {
    background-color:#f9af41;
    box-shadow:0px 0.8px 0.1px #FFFFFF,#636363 0px 1px 5px inset;
}

.home-carousel .owl-controls {
    width:970px;
    margin:0 auto;
    padding:0 15px;
    position:relative;
}

.home-carousel .owl-buttons {
    display:none;
}

.home-carousel .owl-pagination {
    position:absolute;
    bottom:20px;
}

.mpclost_head{
    background: #f9f9f9;
    text-align: center;
}

.mpclost_head .mpclost_body{
    background: #fff;
}
.mpclost-have-you-lost-a-pet {
  position: relative !important;
  padding-top: 300px !important;
}
.mpclost_head .home-carousel-dog{
    position: absolute;
    right: -10%;
    top: -100px;
}
#qrcodeimg{

    /*background-repeat:   no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url('../images/qrcode.png');*/
    /* width: 20em; */
    height: 5em;

}
.or_usda{
    position: absolute;
    left: -12px;
    top: 20px;
    color: red;
    font-weight: bold;
}
#qrcodeimg img{ height: 100%;}
.mpclost_head .tab-content-container{
    position: relative;
    padding-top: 100px;
}

.mpclost_head .tab-content-container p{ text-align: left; max-width: 80%;}

.mpclost_head .found_a_pet_home_guest_inner{
    background: #fff;
    border: none;
    box-shadow: none;

}

.mpclost_head .found_a_pet_home_guest_inner .info{ max-width: 615px; font-weight: bold;}

.mpclost_head .form_found_a_pet_home_guest{
    border: none;
    box-shadow: none;
    margin-top: 100px;
}

.mpclost_head .row.rabies_id_vet_tag_box{ border: solid 2px #a3a3a3;  }

.mpclost_head .form_found_a_pet_home_guest .form_group_buttons #btn_search_database{
    background: #ef9729;
}

@media (max-width:1024px) {
    .mpclost_head .home-carousel-dog{
        position: absolute;
        right: -5%;
        top: -100px;
    }
    .mpclost_head .found_a_pet_home_guest_inner .info{ margin-left: 10px;}
}

@media (max-width:768px) {

    .mpclost_head .found_a_pet_home_guest_inner .info{ max-width: 55%;}
    .mpclost_head .tab-content-container p{ text-align: left; max-width: 70%;}
    .mpclost_head .tab-content-container h2{ text-align: center; width: 80%;}
}

@media (max-width:667px) {
    .mpclost_head .home-carousel-dog{ display: none;}
    .mpclost_head .tab-content-container{ padding-top: 150px;}
    .mpclost_head .found_a_pet_home_guest_inner .info{ max-width: 100%;}
    .mpclost_head .tab-content-container p{ text-align: left; max-width: 100%;}
    .mpclost_head .tab-content-container h2{ text-align: center; width: 100%;}
}
@media (min-width:768px) {
    .mpclost_head{
        padding-top:300px;
    }
    .home-carousel__content {
        max-width:990px;
        min-width:380px;
    }

    .home-carousel__item {
        height:500px;
        padding-top:200px;
        position:relative;
    }
}

@media (max-width:767px) {
    .home-carousel__content {
        padding-right:15px;
        width:100%;
    }

    .home-carousel__item {
        height:400px;
        padding-top:150px;
        width:100%;
    }

    .home-carousel__item h3 {
        font-size:26px;
    }

    .home-carousel__item p {
        font-size:18px;
    }
}
/*************************************************/
/* Section home background                       */
/*************************************************/
.home-background {
    min-width:380px;
}

.home-background.home-background-content {
    padding:220px 0px 70px;
    position:relative;
}

.home-background .container {
    position:relative;
}

.home-background .home-carousel-dog {
    pointer-events:none;
    position:absolute;
    right:0;
    top:-90px;
    width:90px;
}

.home-background .home-carousel-comingsoon {
    pointer-events: none;
    position: absolute;
    right: 15%;
    top: -250px;
    width: 300px;
}

@media (min-width:768px) {
    .home-background .home-carousel-dog {
        right:25px;
        top:-350px;
        width:300px;
    }
    .home-background .home-carousel-comingsoon {
        right:30%;
        top:-300px;
        width:300px;
    }
}

@media (min-width:992px) {
    .home-background .home-carousel-dog {
        right:25px;
        top:-440px;
        width:360px;
    }

    .home-background .home-carousel-comingsoon {
        right:30%;
        top:-320px;
        width:400px;
    }
}

.home-background .home-background-image {
    background:url("../images/header-bg.jpg") no-repeat center center;
    background-size:cover;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.home-background .home-background-dashboard {
    background:url("../images/header-bg-dashboard.png") no-repeat center;
    z-index:-1;
}

.home-background h1 {
    font-size:47px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

/*************************************************/
/* section our subscription                      */
/*************************************************/
.our-subscription {
    background:url("../images/diags-light.png");
    padding:50px 0 25px;
}

.comingsoon form.form-inline {
    margin-top: 100px;
    margin-bottom: 100px;
}

.comingsoon form.form-inline .form-control {
    min-width: 30%;
    height: 80px;
    margin-right: 2%;
    background: transparent;
    border: solid 1px #000;
    text-align: center;
    color: #000;
}

.comingsoon form.form-inline .btn-custom-yellow {
    background: #faaf42;
    color: #fff;
    min-width: 25%;
    height: 80px;
}

@media (min-width:992px) {
    .our-subscription {
        padding-bottom:50px;
    }
}

.our-subscription .panel-heading {
    font-size:21px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.our-subscription .panel {
    height:400px;
    margin-bottom:25px;
}

@media (min-width:992px) {
    .our-subscription .panel {
        height:auto;
        margin-bottom:0px;
    }
}

.our-subscription .panel-basic {
    background:url("../images/our-subscription-bg-black.png") no-repeat center;
    background-size:cover;
    border:1px solid #4a4a4a;
}

.our-subscription .panel-basic .panel-heading {
    background:rgba(102,102,102,0.5);
}

.our-subscription .panel-premiun {
    background:url("../images/our-subscription-bg-orange.png") no-repeat center;
    background-size:cover;
    border:1px solid #c2a582;
}

.our-subscription .panel-premiun .panel-heading {
    background:rgba(226,153,58,0.5);
}

.our-subscription .panel-body {
    padding-bottom:12px;
    padding-top:30px;
}

.our-subscription .panel-body h5 {
    color:#fff;
    text-align:center;
    font-size:58px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

@media (min-width:992px) {
    .our-subscription .panel-body h5 {
        margin-top:30px;
        text-align:left;
    }
}

.our-subscription .panel-body h5 em {
    font-style:normal;
    margin-left:-15px;
    font-size:17px;
}

.our-subscription .panel-body h6 {
    color:#fff;
    text-align:center;
    font-size:20px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

@media (min-width:992px) {
    .our-subscription .panel-body h6 {
        text-align:left;
    }
}

.our-subscription .panel-body-text {
    padding-left:10px;
    top:-15px;
}

.our-subscription .panel-footer {
    padding:0;
}

.our-subscription .panel-footer button {
    padding:8px 40px;
    position:relative;
    top:2px;
}

.our-subscription .panel-footer button a {
    color:white;
}

.our-subscription .panel-footer button a:hover {
    text-decoration:none;
}

/*************************************************/
/* Section tutorials                           */
/*************************************************/
.our-tutorials{ margin-bottom: 80px; margin-top: 80px; }
.our-tutorials .imgbox{ width: 100%; max-height: 160px; overflow: hidden; box-shadow: 3px 3px 10px #ccc; margin-bottom: 80px; }
.our-tutorials img{ max-width: 100%; }
.our-tutorials h3{ height: 60px; font-weight: bold; }


#myVideo .modal-content{ background: transparent; }
#myVideo .modal-content .modal-body { padding: 0; }
#myVideo button.close{
    position: absolute;
    right: -6px;
    top: -10px;
    color: #fff;
    z-index: 999999;
    background: #000;
    border-radius: 50px;
    padding: 0 8px;
    opacity: 1;
    font-size: 32px;
}

/*************************************************/
/* Section newsletters                           */
/*************************************************/
.newsletters {
    color:white;
    padding:40px;
    text-align:center;
}

.newsletters .newsletters-header {
    margin-bottom:15px;
}

.newsletters h5 {
    margin:5px 0;
    text-transform:uppercase;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    font-size: 18px;
}

.newsletters h6 {
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-size:13px;
}

.newsletters input {
    height:auto;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.newsletters input[type="email"] {
    background-color:#f4e0c3;
    border:2px solid #daa14e;
    color:#ad864e;
    margin:0 auto 10px;
    max-width:300px;
    padding:9.5px 18px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-size:16px;
    height: 45px;
}

.newsletters input[type="email"]::-webkit-input-placeholder {
    color:#ad864e;
}

.newsletters input[type="email"]:-moz-placeholder {
    /* Firefox 18- */
    color:#ad864e;
}

.newsletters input[type="email"]::-moz-placeholder {
    /* Firefox 19+ */
    color:#ad864e;
}

.newsletters input[type="email"]:-ms-input-placeholder {
    color:#ad864e;
}

.newsletters button {
    max-width:300px;
    padding-bottom:10px;
    padding-top:10px;
    text-transform:uppercase;
    width:100%;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    margin-top: 1px;
}

@media (min-width:768px) {
    .newsletters .newsletter-inner {
        align-content:center;
        display:flex;
        max-width:970px;
        text-align:left;
    }

    .newsletters .newsletters-header {
        align-self:center;
        flex-grow:1;
        margin:0;
    }

    .newsletters h5 {
        font-size:18px;
    }

    .newsletters form {
        align-self:center;
        flex-grow:1;
        text-align:right;
        position: relative;
    }

    .newsletters form input[type="email"] {
        margin-bottom:0;
        max-width:none;
        float:left;
        width:60%;
    }

    .newsletters form button {
        max-width:none;
        float:right;
        width:39%;
    }
}
/*************************************************/
/* Section Who are you background                */
/*************************************************/
.who-are-you-dog {
    position:relative;
    z-index:3;
}

.who-are-you-dog .who-dog-container {
    left:50%;
    margin-left:-152px;
    position:absolute;
    top:-320px;
    width:304px;
}

.who-are-you-dog .who-dog-container .anchor-app {height:98px;left:55px;position:absolute;top:160px;width: 100%;left: 0px;}

.who-are-you-dog .who-dog-container .anchor-app a:last-child {margin-left:5px;margin: 0px auto;}
/*************************************************/
/* Section have you lost a pet                   */
/*************************************************/
.have-you-lost-a-pet {
    /*background:url("../images/have-lost-bg-pattern.jpg");*/
    padding:20px;
}

@media (min-width:768px) {
    .have-you-lost-a-pet {
        padding:45px 0 0;
    }
}

.have-you-lost-a-pet .nav-tabs {
    border:none;
    text-align:center;
}

.have-you-lost-a-pet .nav-tabs >li {
    margin:0;
}

.have-you-lost-a-pet .nav-tabs >li a,.have-you-lost-a-pet .nav-tabs >li a.active,.have-you-lost-a-pet .nav-tabs >li a:hover,.have-you-lost-a-pet .nav-tabs >li a:active,.have-you-lost-a-pet .nav-tabs >li a:focus {
    border:none;
    color:#000 !important;
    cursor:pointer;
}

.have-you-lost-a-pet .nav-tabs >li >a {
    border:none;
    border-radius:0;
    color:#000;
    height:55px;
    margin:0;
    padding:10px;
    font-family: 'Conv_Roboto-Bold';
    font-size:16px;
    background:#ebebeb;
    background:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top,#ebebeb 0%,#cfcfcf 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebebeb),color-stop(100%,#cfcfcf));
    background:-webkit-linear-gradient(top,#ebebeb 0%,#cfcfcf 100%);
    background:-o-linear-gradient(top,#ebebeb 0%,#cfcfcf 100%);
    background:-ms-linear-gradient(top,#ebebeb 0%,#cfcfcf 100%);
    background:linear-gradient(to bottom,#ebebeb 0%,#cfcfcf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
}

.have-you-lost-a-pet .nav-tabs >li >a .tab-icon:before,.have-you-lost-a-pet .nav-tabs >li >a .tab-text {
    display:inline-block;
    height:35px;
    line-height:35px;
}

.have-you-lost-a-pet .nav-tabs >li >a .tab-icon {
    margin-right:6px;
}

.have-you-lost-a-pet .nav-tabs >li >a .tab-icon:before {
    font-size:18px;
}

.have-you-lost-a-pet .nav-tabs >li >a .icon-have-lost-title-found {
    background-size:100%;
    background-position:center bottom;
}

.have-you-lost-a-pet .nav-tabs >li >a:hover {
    background-color: #888;
    background-image: linear-gradient(to top, rgba(0,0,0,.24), rgba(255,255,255,.24) 49%);
}

.have-you-lost-a-pet .nav-tabs >li >a:active,.have-you-lost-a-pet .nav-tabs >li >a:focus {
    background:#FDA600;
}

.have-you-lost-a-pet .nav-tabs >li.active >a {
    background:#FDA600;
}

.have-you-lost-a-pet .nav-tabs >li:first-child >a {
    border-radius:5px 5px 0 0;
}

@media (min-width:768px) {
    .have-you-lost-a-pet .nav-tabs {
        border:none;
        margin:0 auto;
        max-width:970px;
        position:relative;
        z-index:3;
    }

    .have-you-lost-a-pet .nav-tabs >li {float:left;width: 50%;}

    .have-you-lost-a-pet .nav-tabs >li >a {
        border-radius:5px 5px 0 0;
        margin-right:1px;
        position:relative;
    }

    .have-you-lost-a-pet .nav-tabs >li.active:after {
        border-left:20px solid transparent;
        border-right:20px solid transparent;
        border-top:10px solid #FCA408;
        bottom:-10px;
        content: ' ';
        display:block;
        height:0;
        left:50%;
        margin-left:-20px;
        position:absolute;
        width:0;
    }

    .have-you-lost-a-pet .nav-tabs >li:last-child >a {
        margin-right:0;
    }
}

.have-you-lost-a-pet .tab-content {
    background:white;
    padding:20px 15px;
}

.have-you-lost-a-pet .tab-content .tab-content-container {
    padding:0;
    text-align:center;
}

.have-you-lost-a-pet .tab-content .tab-content-container p {
    font-size:14px;
}

.have-you-lost-a-pet .tab-content .tab-content-header {
    border-bottom:1px solid #eee;
    margin-bottom:20px;
    padding-bottom:20px;
}

.have-you-lost-a-pet .tab-content .tab-content-header h2 {
    color:#faaf42;
    margin-bottom:15px;
    font-size:18px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.have-you-lost-a-pet .tab-content .tab-content-header h3 {
    line-height:1.4;
    font-size:15px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.have-you-lost-a-pet .tab-content a,.have-you-lost-a-pet .tab-content a:visited {
    color:#faaf42;
}

.have-you-lost-a-pet .tab-content .find-pet__steps {
    background:#ededed;
    display:flex;
    flex-direction:column;
    margin:20px -15px;
    overflow:hidden;
    padding:20px;
}

.have-you-lost-a-pet .tab-content  .find-pet__step {
    align-items:center;
    display:inline-flex;
    flex-direction:row;
    margin-bottom:40px;
    position:relative;
    text-align:left;
}

.have-you-lost-a-pet .tab-content  .find-pet__step:last-child {
    margin-bottom:0;
}

.have-you-lost-a-pet .tab-content .find-pet__step:last-child:after {
    display:none;
}

.have-you-lost-a-pet .tab-content  .find-pet__step-image {
    display:block;
    flex-basis:25%;
    text-align:center;
}

.have-you-lost-a-pet .tab-content  .find-pet__step-image img {
    max-width:100%;
}

.have-you-lost-a-pet .tab-content  .find-pet__step-text {
    flex-basis:75%;
    padding-left:15px;
    font-size:13px;
}

.have-you-lost-a-pet .tab-content  .find-pet__step-text strong {
    display:block;
    font-size:14px;
}

.have-you-lost-a-pet .tab-content .microchips-cta {
    background:linear-gradient(to bottom,#ddd 0%,white 35%);
    margin:0 -20px;
    padding:20px 0 0;
}

.have-you-lost-a-pet .tab-content .microchips-cta__text {
    margin-bottom:10px;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.have-you-lost-a-pet .tab-content .microchips-cta__button {
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.have-you-lost-a-pet .tab-content .microchips-cta__button a {
    color:white;
}

@media (min-width:768px) {
    .have-you-lost-a-pet .tab-content {
        background:url("../images/diags-light.png");
        padding:0 0 20px;
        position:relative;
    }

    .search-results{ background: #fff; max-width: 100%; margin:30px 0px; }


    .have-you-lost-a-pet .tab-content:before {
        background:white;
        box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
        content: ' ';
        display:block;
        height:4px;
        left:0;
        position:absolute;
        top:0;
        width:100%;
        z-index:1;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container {
        background:white;
        box-shadow:0 3px 2px rgba(0,0,0,0.15);
        padding:30px 20px;
        position:relative;
        top:4px;
        z-index:2;
        max-width: 100%;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container p {
        font-size:16px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__steps {
        align-items:stretch;
        flex-direction:row;
        justify-content:space-between;
        margin-left:-20px;
        margin-right:-20px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step {
        align-content:stretch;
        display:inline-flex;
        flex-direction:column;
        flex-basis:25%;
        flex-grow:1;
        margin-bottom:0;
        text-align:center;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step:after {bottom:auto;content:" ?";left:auto;margin-left:0;right:-10px;top:30%;display: none;}

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step:last-child:after {
        display:none;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step-image {
        display:block;
        flex-basis:auto;
        text-align:center;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step-image img {
        margin-bottom:20px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step-text {
        flex-basis:auto;
        padding-left:15px;
        font-size:13px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-container .find-pet__step-text strong {
        display:block;
        font-size:14px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-header {
        padding:0 60px 20px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-header h2 {
        margin-bottom:20px;
        font-size:30px;
    }

    .have-you-lost-a-pet .tab-content .tab-content-header h3 {
        font-size:18px;
    }

    .have-you-lost-a-pet .tab-content .microchips-cta {
        background:linear-gradient(to bottom,#ddd 0%,white 35%);
        margin:0 -20px;
        padding:30px 0 0;
    }

    .have-you-lost-a-pet .tab-content .microchips-cta__text {
        display:inline-block;
        margin-bottom:0;
        margin-right:20px;
        font-size:21px;
    }

    .have-you-lost-a-pet .tab-content .microchips-cta__button {
        padding:10px 40px;
    }
}
/*************************************************/
/* Section how to use                            */
/*************************************************/
.how-to-use {
    background:url("../images/how-to-use-bg.jpg") no-repeat center;
    background-size:cover;
    padding:40px 0;
}

.how-to-use .title-block h2 {
    color:white;
    text-align:center;
    text-transform:uppercase;
}

.how-to-use-devices {
    margin-top: -15px;
    margin-bottom:20px;
}

.how-to-use-devices .nav-tabs {
    border:none;
}

.how-to-use-devices .nav-tabs >li {
    height:44px;
    margin:0;
    max-height:44px;
    position:relative;
    text-align:center;
    width:50%;
}

.how-to-use-devices .nav-tabs >li >a {
    background:rgba(255,255,255,0.2);
    border:none;
    color:black;
    height:44px;
    margin:0;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    font-size:17px;
}

.how-to-use-devices .nav-tabs >li >a i {
    margin-right:5px;
    font-size:16px;
}

.how-to-use-devices .nav-tabs >li >a:hover {
    background:rgba(255,255,255,0.5);
}

.how-to-use-devices .nav-tabs >li .icon-triangle-down {
    display:none;
    left:50%;
    margin-left:-10px;
}

.how-to-use-devices .nav-tabs >li .icon-triangle-down:after {
    border-left:20px solid transparent;
    border-right:20px solid transparent;
}

.how-to-use-devices .nav-tabs >li.active >a,.how-to-use-devices .nav-tabs >li.active >a:hover,.how-to-use-devices .nav-tabs >li.active >a:active {
    background:#FDA600;
    border:none;
    color:white;
    margin:0;
}

.how-to-use-devices .nav-tabs >li.active .icon-triangle-down {
    display:block;
}

.how-to-use-devices .nav-tabs >li:last-child i {
    font-size:22px;
}

.how-to-use-devices .tab-content {
    height:280px;
}

.how-to-use-devices .tab-content iframe {
    height:280px;
    width:100%;
}

.how-to-use-ids {
    position:relative;
}

.how-to-use-ids h2 {
    margin:0;
}

.how-to-use-ids h3 {
    margin-bottom:15px;
    font-size: 20px;
}

.how-to-use-ids__panel {
    border:none;
    border-radius:0;
}

.how-to-use-ids__panel .panel-heading {
    border-bottom:1px solid #d4d4d4;
    padding:20px 0 10px 0;
}

.how-to-use-ids__panel .panel-body {
    padding:10px 0;
    position:relative;
}

.how-to-use-ids__panel .panel-footer {
    overflow:hidden;
    padding:0;
    text-align:center;
}

.how-to-use-ids__panel .panel-footer button {
    border-radius:0;
    display:block;
    float:left;
    width:50%;
}

.how-to-use-ids .panel-footer a {
    color:white;
}

.how-to-use__carousel {
    padding:10px 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
    position: :relative;
}

.how-to-use__carousel .item img {
    margin:0 auto;
}

.how-to-use__carousel .carousel-control {
    background:url("../images/how-to-controller.png") no-repeat center center;
    content: ' ';
    display:block;
    height:20px;
    opacity:1;
    top:50%;
    width:15px;
}

.how-to-use__carousel .carousel-control.left {
    left:5px;
    background-position:0 0;
}

.how-to-use__carousel .carousel-control.right {
    right:5px;
    background-position:-15px 0;
}

.how-to-use__carousel .carousel-control .glyphicon {
    display:none;
}

.how-to-use__carousel .carousel-indicators {
    display:none;
}

.how-to-use__carousel .owl-prev {
    position: absolute;
    top: 45%;
    left: 5px;
    background: url('../images/how-to-controller.png') no-repeat !important;
    background-position: 2px center;
    display: block !important;
    width: 15px;
    height: 21px;
    padding: 0px !important;
    margin: 0px !important;
    opacity: 1 !important;
    text-indent: -9999px;
}

.how-to-use__carousel .owl-next {
    position: absolute;
    top: 45%;
    right: 5px;
    background: url('../images/how-to-controller.png') no-repeat !important;
    display: block !important;
    width: 15px;
    height: 21px;
    padding: 0px !important;
    margin: 0px !important;
    opacity: 1 !important;
    text-indent: -9999px;
    background-position: right center !important;
}

@media (min-width:992px) {
    .how-to-use-container {
        align-items:stretch;
        display:flex;
    }

    .how-to-use-devices,.how-to-use-ids {
        display: inline-block;
        width :50%;
        padding:15px;
    }

    .how-to-use-ids {
        position:relative;
    }

    .how-to-use-ids__background {
        background:url("../images/how-use-id.png") no-repeat center;
        display:block;
        height:489px;
        left:0;
        position:absolute;
        top:-60px;
        width:100%;
        z-index:0;
    }

    .how-to-use-ids__panel {
        overflow:hidden;
        position:relative;
        z-index:2;
    }

    .how-to-use__carousel {
        padding:10px 0;
    }

    .how-to-use__carousel .carousel-control.left {
        left:15px;
    }

    .how-to-use__carousel .carousel-control.right {
        right:15px;
    }
}
/*************************************************/
/* page about us                                 */
/*************************************************/
.our-founder-profile .panel {
    display:block;
    margin-bottom:20px;
    background-color:#FFF;
    border:4px solid #eee;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -khtml-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -moz-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -ms-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -o-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
}


@media (min-width:992px) {
    .our-founder-profile .panel-body {
        padding-bottom:0px;
    }
}

.our-founder-profile .panel-body p {
    font-size:14px;
    margin-bottom:25px;
}

.our-founder-profile .panel-body .thumbnail {
    width:125px;
    margin-top:0;
    margin-right:0;
}

.our-founder-profile .panel-footer {
    padding-top:0;
    padding-bottom:15px;
}

.our-founder-profile .panel-our-founders {
    margin-bottom:30px;
}

.our-mission-section .our-mission-container {
    margin-top:50px;
}

.our-mission-section .big-image {
    width:100%;
}

.our-mission-section .divider {
    border:0;
    height:1px;
    text-align:center;
    background-image:linear-gradient(to left,#fff,#aaa,#fff);
    margin:15px 0px;
}

.our-mission-section h3 {
    padding:12px 20px;
    display:inline-block;
    background-color:#454545;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    text-align:center;
    color:#faaf42;
    margin-bottom:15px;
    position:relative;
}

.our-mission-section h3::before {
    content:"";
    width:0;
    height:0;
    border-top:21px solid transparent;
    border-left:18px solid #454545;
    border-bottom:22px solid transparent;
    top:0;
    right:-18px;
    position:absolute;
}

.our-mission-section p {
    padding:20px 0px 60px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-size:14px;
}

.our-mission-section .thumbnail {
    width:150px;
    height:150px;
    -webkit-border-radius:100%;
    -khtml-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
}

.our-mission-section .thumbnail img {
    width:150px;
    height:150px;
    -webkit-border-radius:100%;
    -khtml-border-radius:100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
    -o-border-radius:100%;
    border-radius:100%;
}
/*************************************************/
/* page blogs                                 */
/*************************************************/
.blog-section .panel-blog {
    margin-bottom:25px;
}

.blog-section .panel-blog .btn-group .btn-blog {
    border-right:1px solid #dc8b25;
    margin-right:1px;
}

.blog-section .panel-blog .btn-group .btn-blog:last-child {
    margin-right:1px;
    border-right:0 !important;
}

.blog-section .panel-blog .thumbnail {
    width:170px;
    height:130px;
}

.blog-section .panel-blog .thumbnail img {
    display:block;
    width:100%;
    height:100%;
}

.blog-section .panel-blog-content p {
    font-size:14px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
    line-height:25px;
}

.blog-section .panel-blog-content a {
    color:#faaf42;
}

.blog-section .panel-header,.blog-section .panel-body {
    padding:0;
}

.blog-section .panel-header,.blog-section .panel-body,.blog-section .panel-footer {
    -webkit-border-radius:0px;
    -khtml-border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
}

.blog-section .panel-header {
    margin-bottom:15px;
    font-size:20px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.blog-section .panel-body {
    margin-bottom:25px;
}

.blog-section .panel-body .thumbnail.pull-left {
    margin:0 25px 0 0;
}

.blog-section .panel-body .thumbnail.pull-right {
    margin:0 0 0 25px;
}

.blog-section .panel-footer {
    padding:2px 0;
    border-top:1px solid #7e7e7e !important;
    border-bottom:1px solid #7e7e7e !important;
}

.blog-section .panel-footer ul {
    color:#7e7e7e;
    margin:0;
    padding:5px 0;
}

.blog-section .panel-footer ul li {
    padding:0;
    font-size:12px;
    font-size:0.75rem;
}

.blog-section .panel-footer ul li.list-divider {
    margin:0 2px;
}

.blog-section .panel-footer ul li i {
    margin-right:5px;
}

.blog-section .panel-footer button {
    padding:5px 10px;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    font-size:14px;
    font-size:0.875rem;
}

.blog-section-without-sidebar .panel-blog-content p {
    font-family:"Roboto",sans-serif;
    font-weight:400;
}

.blog-section-without-sidebar .panel-blog-content p a {
    font-style:italic;
}
/*************************************************/
/* page ecommerce                                */
/*************************************************/
.ecommerce-collars-container {
    margin-bottom:30px;
}

.ecommerce-collars-container .panel {
    border:2px solid #eee;
}

.ecommerce-collars-container .panel-heading {
    background:#000;
    padding:15px 35px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.ecommerce-collars-container .panel-body {
    padding:0;
    height: 220px;
}

.ecommerce-collars-container .panel-body img {
    width:200px;
    max-height: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}

.ecommerce-collars-container .panel-footer {
    padding-top:0;
}

.ecommerce-collars-container .panel-footer span {
    border:1px solid #e8891a;
    padding:6px 13px;
    font-family:"Roboto",sans-serif;
    font-weight:500;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

.ecommerce-collars-container .panel-footer span em {
    font-style:normal !important;
}

.ecommerce-collars-container .panel-footer button {
    position:relative;
    font-family:"Roboto",sans-serif;
    font-weight:500;
}

.ecommerce-collars-container .font-color-yellow {
    color:#e8891a;
}

.ecommerce-pet-id-container {
    margin-bottom:35px;
}

.ecommerce-pet-id-container .panel {
    border:1px solid #eee !important;
    margin-bottom:30px;
}
.ecommerce-pet-id-container .panel .panel-header {
    background: #faaf42;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #fff;
    font-size: 18px;
    font-family: 'Conv_Roboto-Bold';
}

@media (min-width: 992px){
    .ecommerce-pet-id-container-footer__option {
        padding-left: 0;
    }
}


.ecommerce-pet-id-container-footer ul {
    margin-bottom:0;
    font-size:14px;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.ecommerce-pet-id-container-footer ul li {
    margin-bottom:10px;
}

.ecommerce-pet-id-container-footer h6 {
    color:#777;
    margin-bottom:10px;
    font-size:15px;
    font-size:0.9375rem;
}

.ecommerce-pet-id-container-footer .form-control {
    margin-bottom:20px;
    width:100%;
    -webkit-border-radius:0;
    -khtml-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
/*************************************************/
/* page service-area                             */
/*************************************************/
.map-interactive,.map-fixed {
    margin-bottom:40px;
}

.map-interactive img,.map-fixed img {
    width:100%;
}

.map-interactive {
    border:4px solid #eee !important;
    -ms-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    -o-box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
    box-shadow:rgba(50,50,50,0.5) 0 3px 3px 0;
}

.map-fixed {
    border:1px solid #ccc;
    border-radius:5px;
}

.dashboard-my-pets {
    background-color:#f3f3f3;
}

.dashboard-my-pets__add-pet-btn {
    margin:20px 0;
}

.dashboard-my-pets__add-pet-btn .btn {
    padding:4px 18px;
}

.dashboard-my-pets__title {
    margin:30px 0 10px 30px;
}

.dashboard-my-pets__title h3 {
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.dashboard-my-pets .mpc-pagination {
    padding:0;
}

.dashboard-my-pets .mpc-pagination li.active a {
    height:30px;
}

.dashboard-my-pets .mpc-pagination a {
    font-size:14px;
    font-size:0.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    padding:4px 10px;
}

.dashboard-my-pets .mpc-pagination a:focus,.dashboard-my-pets .mpc-pagination a:hover {
    height:30px;
}

.dashboard-my-pets-pet-module {
    background:#fff;
    border:1px solid #dedede;
    height:400px;
    margin:0 15px 15px 15px;
}

.dashboard-my-pets-pet-module__icon-menu {
    font-size:12px;
    font-size:0.75rem;
    margin:20px 0;
}

.dashboard-my-pets-pet-module__icon-menu a {
    color:#a8a5a0;
    text-decoration:none;
}

.dashboard-my-pets-pet-module__icon-menu a:active,.dashboard-my-pets-pet-module__icon-menu a:focus,.dashboard-my-pets-pet-module__icon-menu a:hover {
    color:#3b3b3b;
}

.dashboard-my-pets-pet-module__icon-menu .fa {
    font-size:16px;
    font-size:1rem;
    color:#faaf42;
    margin-right:5px;
}

.dashboard-my-pets-pet-module__icon-menu-item {
    padding:8px;
}

.dashboard-my-pets-pet-module__icon-menu-item:nth-child(n+2) {
    border-left:1px solid #dedede;
}

.dashboard-my-pets-pet-module__table {
    font-size:12px;
    font-size:0.75rem;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    height:260px;
    overflow-y:scroll;
}

.dashboard-my-pets-pet-module__table thead {
    background-color:#e6872a;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6872a),to(#deac43));
    background-image:-webkit-linear-gradient(top,#e6872a,#deac43);
    background-image:-moz-linear-gradient(top,#e6872a,#deac43);
    background-image:-ms-linear-gradient(top,#e6872a,#deac43);
    background-image:-o-linear-gradient(top,#e6872a,#deac43);
    background-image:linear-gradient(top,#e6872a,#deac43);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#e6872a ',endColorStr= '#deac43 ');
}

.dashboard-my-pets-pet-module__table td {
    padding:8px;
    background:white;
}

.dashboard-my-pets-pet-module__table th {
    border-right:1px solid #dc8201;
    color:white;
    padding:8px 10px 15px 10px;
}

.dashboard-my-pets-pet-module__table th:last-child {
    border:none;
}

.dashboard-my-pets-pet-module__table tr {
    border-bottom:1px solid #a8a5a0;
}

.dashboard-my-pets-pet-module__table tr:last-child {
    border:none;
}

.dashboard-my-pets-pet-module__table .vaccination {
    background:#ffddaa;
    border-right:1px solid #c09e6d;
    color:#6C4616;
}

.dashboard-my-pets-pet-module__top-bar {
    margin-top:20px;
}

.dashboard-my-pets-pet-module__top-bar h2 {
    font-size:22px;
    font-size:1.375rem;
    margin:18px 30px;
}

.dashboard-my-pets-pet-module-content {
    background:#dedede;
    height:320px;
    margin:0;
    padding-top:30px;
}

.dashboard-my-pets-pet-module-content__pet-info {
    margin-top:8px;
    text-align:center;
    width:100px;
}

.dashboard-my-pets-pet-module-content__pet-info a {
    font-size:14px;
    font-size:0.875rem;
}

.dashboard-my-pets-pet-module-content__thumbnail {
    background:#fff;
    border:1px solid #c2c9d3;
    border-radius:5px;
}

.dashboard-my-pets-pet-module-content__thumbnail img {
    height:auto;
    width:82px;
}

.dashboard-module {
    padding:10px;
    margin-bottom:20px;
}

.dashboard-module__header {
    /*background:linear-gradient(to bottom,#FDA600,#dc8201);*/
    background: #faaf42;
    color:white;
    text-align:center;
    font-family: 'Conv_Roboto-Medium' !important;
}

.dashboard-module__header-title {
    line-height:1;
}

.dashboard-module__header-utility {
    padding:5px;
}

.dashboard-module__header--alt {
    background:linear-gradient(to bottom,#797979,#595959);
    border:none;
}

.dashboard-module__bd {
    padding:15px;
}

.dashboard-module__bd >:last-child {
    margin-bottom:0;
}

@media (min-width:992px) {
    .dashboard-module__header {
        align-items:center;
        display:flex;
        flex-flow:row nowrap;
        justify-content:space-between;
    }

    .dashboard-module__header-title,.dashboard-module__header-utility {
        flex:1;
    }

    .dashboard-module__header-title {
        display:flex;
        text-align:left;
    }

    .dashboard-module__header-utility {
        margin:-10px 0;
        text-align:right;
    }
}
/* Dashboard Section
   - A section on the dashboard that is usually used to group several panels and other modules together.
   - Depends on _dashboard-module-base.scss
*/
.dashboard-section {
    background:#eee;
    box-shadow:0 1px 4px 0 rgba(0,0,0,0.35);
    padding:15px;
}

.petowner_dashboard .dashboard-section {
    background: rgba(255, 255, 255, 0.3);
}

.petsalon_dashboard .dashboard-section {
    background: rgba(255, 255, 255, 0.3);
}

.dashboard-section__header {
    box-shadow:none;
    margin-bottom:15px;
    padding:15px;
    font-size:21px;
}

.dashboard-section__header--large {
    padding:25px 15px;
}

.dashboard-section__bd {
    background:#f8f8f8;
    border:1px solid #ddd;
    border-radius:8px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
    margin-bottom:20px;
}

.dashboard-section__bd >:last-child,.dashboard-section__bd:last-child {
    margin-bottom:0;
}
/* Dashboard Panel
   - A panel with header and body content. Usually placed inside of a .dashboard-section module
   - Depends on _dashboard-module-base.scss
*/
.dashboard-panel,.dashboard-panel-group {
    background:white;
    border:5px solid #ececec;
    border-radius:4px;
    box-shadow:0 0 1px 0 rgba(0,0,0,0.25);
    margin-bottom:20px;
    padding:0;
}

.dashboard-panel__header {
    border-bottom:2px solid #F6C680;
    border-top:1px solid #9C610B;
    padding:10px 15px;
    font-size:19px;
    font-size:1.1875rem;
}

.dashboard-panel__header--large {
    padding:15px;
}

.dashboard-panel-group .dashboard-panel {
    border:none;
    margin-bottom:0;
}
/* Dashboard accordion panels
   - Depends on _dashboard-module-base.scss and _dashboard-panel.scss
*/
.dashboard-panel-accordion__item__bd {
    display:none;
}

.dashboard-panel-accordion__item--open .dashboard-panel-accordion__item__bd {
    display:block;
}

.dashboard-panel-accordion .dashboard-utility-button__icon--round {
    color:#dc8201;
}
/* Dashboard header utility
   - used in dashboard section headers and dashboard panel headers
*/
.dashboard-utility-button {
    background:transparent;
    border:none;
    color:black;
    display:inline-block;
    font-size:14px;
    font-size:0.875rem;
    height:30px;
    line-height:30px;
    margin-left:5px;
    padding:0;
    text-align:center;
}

.dashboard-utility-button__icon {
    display:inline-block;
    font-size:13px;
    font-size:0.8125rem;
}

.dashboard-utility-button__icon--round {
    background:white;
    border-radius:30px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.7) inset;
    color:#2b78e4;
    height:30px;
    line-height:31px;
    width:30px;
}

.dashboard-utility-button__icon--round:hover {
    color:#faaf42;
}

.dashboard-utility-button__text {
    margin-left:5px;
}

.dashboard-utility-button--contained {
    background:white;
    border-radius:30px;
    box-shadow:0 1px 1px 0 rgba(0,0,0,0.7) inset;
    color:#2b78e4;
    height:60px;
    line-height:1;
    width:60px;
}

.dashboard-utility-button--contained:hover {
    color:#faaf42;
}

.dashboard-utility-button--contained .dashboard-utility-button__icon {
    display:block;
    margin-bottom:3px;
    font-size:16px;
    font-size:1rem;
}

.dashboard-utility-button--contained .dashboard-utility-button__text {
    display:block;
    margin:0;
    font-size:11px;
    font-size:0.6875rem;
}

.dashboard-upload-profile-img .panel {
    background:#dedede;
    border:1px solid #a8a5a0;
    margin-top:33px;
    padding:15px 0;
}

.dashboard-upload-profile-img .panel p {
    font-size:14px;
    font-size:0.875rem;
    padding-top:20px;
}

.member-profile-summary {
    background:#b9b9b9;
    border-radius:8px;
}

.member-profile-summary__inner {
    background:white;
    overflow:hidden;
    padding:10px;
}

.member-profile-summary__image {
    float:left;
    padding-right:10px;
    max-width:180px;
    width:35%;
}

.member-profile-summary__image img {
    width:100%;
}

.member-profile-summary__bd {
    float:left;
    width:65%;
}

.member-profile-summary__dropdown select {
    margin-bottom:10px;
    width:100%;
}

.member-profile-summary__subscription-link {
    color:#faaf42;
    display:block;
    margin-bottom:5px;
    /* padding-top:10px; */
    font-size:13px;
    font-size:0.8125rem;
}

.member-profile-summary__edit-profile-link {
    display:block;
    font-size:12px;
    font-size:0.75rem;
}

@media (min-width:992px) {
    .member-profile-summary {
        background:url("../images/panel-profile.png") no-repeat center center;
        box-shadow:none;
        height:278px;
        padding:100px 20px;
        width:418px;
    }

    .member-profile-summary__inner {
        padding:15px;
    }

    .member-profile-summary__image {
        padding-right:20px;
    }
}

.mpc-news {
    background:#D4AD75;
    border:10px solid #D4AD75;
    border-radius:8px;
    padding:0;
}

.mpc-news__inner {
    background:#3D4A33;
    border-radius:4px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,0.3) inset;
    color:white;
    padding:15px;
    text-align:center;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.mpc-news__inner strong {
    font-weight:normal;
    font-family:"Roboto",sans-serif;
    font-weight:700;
}

.mpc-news__title {
    border-bottom:1px solid rgba(255,255,255,0.3);
    margin-bottom:10px;
    padding-bottom:10px;
    text-transform:uppercase;
    font-family:"Gabo";
    font-size:21px;
    font-size:1.3125rem;
}

@media (min-width:992px) {
    .mpc-news {
        background:url("../images/panel-blackboard.png") no-repeat center center;
        border:none;
        box-shadow:0 2px 5px 0 rgba(0,0,0,0.5);
        height:216px;
        padding:20px;
        width:333px;
    }

    .mpc-news__inner {
        background:transparent;
        border-radius:0;
        box-shadow:0 0 0;
        max-height:180px;
    }
}

.notifications {
    border:1px solid #ddd;
    margin-top:70px;
    padding:0;
    position:relative;
    font-family:"Roboto",sans-serif;
    font-weight:300;
}

.notifications__inner {
    background:#E5E6E6;
    background-image:linear-gradient(to bottom,#f0f0f0,#E5E6E6);
    border-radius:8px;
    padding:10px;
    position:relative;
    z-index:2;
}

.notifications__title {
    background:#eee;
    background-image:linear-gradient(to bottom,#f0f0f0,#E5E6E6);
    border-radius:4px 4px 0 0;
    position:absolute;
    font-size:13px;
    height:45px;
    left:5%;
    line-height:45px;
    text-align:center;
    top:-45px;
    width:90%;
    z-index:1;
}

.notifications__item {
    background:white;
    border:1px solid #ccc;
    border-radius:4px;
    overflow:hidden;
    padding:8px 10px;
}

.notifications__item a {
    cursor: pointer;
    overflow: hidden;
    display: block;
    color: #333;
}

.notifications__item__label {
    float:left;
    padding-top:2px;
    font-size:14px;
    font-size:0.875rem;
}

.notifications__item__count {
    background:#bbb;
    border:2px solid #ddd;
    border-radius:24px;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.6) inset;
    color:white;
    display:block;
    float:right;
    font-weight:bold;
    height:24px;
    line-height:24px;
    text-align:center;
    width:34px;
    font-size:11px;
    font-size:0.6875rem;
}

.notifications__item:hover {
    background:#DADADA;
}

.notifications__item:hover__count {
    border:none;
}

.notifications__item--has-alerts .notifications__item__count {
    background:#F03434;
}

@media (min-width:992px) {
    .notifications {
        margin-top:60px;
        width:245px;
    }

    .notifications__inner {
        border-radius:0;
    }
}

@media only screen and (min-width:992px) {
    .dashboard-content-container {
        max-width:1060px;
        width:1060px;
        position: relative;
    }
}

@media only screen and (min-width:1200px) {
    .dashboard-content-container {
        max-width:1060px;
        width:1060px;
    }
}

@media (min-width:992px) {
    .dashboard-layout--home__intro {height:280px;padding:15px;position:relative;margin-top: 50px;}

    .dashboard-layout--home__intro .member-profile-summary,.dashboard-layout--home__intro .mpc-news,.dashboard-layout--home__intro .notifications {
        position:absolute;
    }

    .dashboard-layout--home__intro .member-profile-summary {
        left:5px;
        top:-30px;
        z-index:1;
    }

    .dashboard-layout--home__intro .mpc-news {
        left:435px;
        top:27px;
        z-index:2;
    }

    .dashboard-layout--home__intro .mpc-news.pet-product-accessories {
        top:0;
        box-shadow: none;
    }

    .dashboard-layout--home__intro .notifications {
        left:768px;
        top:-20px;
        z-index:1;
    }
}

.dashboard-add-pet__form-row {
    padding-bottom:20px;
}

@media (min-width:768px) {
    .dashboard-add-pet__form-row {
        padding-bottom:0;
    }
}

@media (max-width:767px) {
    .dashboard-add-pet__form-row {
        padding-bottom:0;
    }
}

@media (min-width:768px) {
    .dashboard-add-pet__form-row .form-control {
        margin-bottom:20px;
    }
}

@media (max-width:767px) {
    .dashboard-add-pet__form-row .form-control {
        margin-bottom:20px;
    }
}

.dashboard-add-pet-add-conditions .condition-btn {
    margin-right:5px;
}

.dashboard-add-pet-add-conditions .condition-label {
    font-size:14px;
    font-size:0.875rem;
}

.dashboard-add-pet-add-conditions .input-group-btn {
    padding:0 0 20px 15px;
}

.dashboard-add-pet-age-input p {
    padding-top:35px;
}

.dashboard-add-pet-age-input__label {
    font-size:12px;
    padding-top:50px;
}

.dashboard-add-pet-age-input .form-control {
    margin-top:30px;
}

.dashboard-add-pet-weight .input-group-addon {
    font-size:12px;
    font-size:0.75rem;
    background:#a8a5a0;
    color:#fff;
    padding:6px;
}

.dashboard-add-pet-weight .input-group .form-control {
    /*width:60px;*/
}

.dashboard-add-pet-weight .weight-divider {
    font-size:16px;
    font-size:1rem;
    margin:5px -18px 0 -5px;
}

.dashboard-add-pet-add-conditions {}

.dashboard-add-pet-add-conditions .form-group {
    margin-top: 15px;
    margin-left: 15px;
}

.dashboard-upload-profile-img.form-group {
    margin-left: 0px;
    margin-top: 45px;
}

.dashboard-add-pet-add-conditions .row {
    margin: 10px 0px;
}

.dashboard-add-pet-add-conditions .img-pet-directions,
.dashboard-add-pet-add-conditions .img-pet-directions-show {
    list-style: none;
    padding: 0;
    margin: 32px 0 20px;
}
.dashboard-add-pet-add-conditions .img-pet-directions li {
    float: left;
    text-align: center;
    margin-right: 23px;
    width: 28%;
}
.dashboard-add-pet-add-conditions .img-pet-directions li img {
    width: 92px;
    border: 1px solid #b1b1b1;
    border-radius: 6px;
}

.dashboard-add-pet-add-conditions .img-pet-directions li.active
{
    color: #e37b0c;
}

.dashboard-add-pet-add-conditions .img-pet-directions li.active img {
    border-color:#e37b0c
}

.dashboard-view-pets {
    padding-bottom:0;
}

.dashboard-view-pets__content {
    background-color:#ddd;
    border:1px solid #c2c9d3;
    border-radius:5px;
    padding:5px;
}

.dashboard-view-pets__content-body {
    background:#fff;
    padding:45px 10px 10px 10px;
}

.dashboard-view-pets__content-body--no-pets {
    padding:40px 0 60px 0;
    text-align:center;
}

.dashboard-view-pets__content-body--no-pets a {
    color:#faaf42;
    text-decoration:none;
}

.dashboard-view-pets__content-body--no-pets a:active,.dashboard-view-pets__content-body--no-pets a:focus,.dashboard-view-pets__content-body--no-pets a:hover {
    color:#dc8201;
}

.dashboard-view-pets__content-body--no-pets h2 {
    line-height:1.5;
}

.dashboard-view-pets__content-body--waiting {
    height:200px;
    margin-top:20px;
    text-align:center;
}

.dashboard-view-pets__content-body--waiting .spinner {
    top:45% !important;
}

.dashboard-view-pets__delete {
    font-size:16px;
    font-size:1rem;
    padding:10px 50px;
    position:absolute;
    right:-30px;
    top:0;
}

.dashboard-view-pets__delete a {
    color:#e8891a;
}

.dashboard-view-pets__delete a:focus,.dashboard-view-pets__delete a:hover {
    color:#3b3b3b;
    text-decoration:none;
}

.dashboard-view-pets__icons {
    margin:20px 10px;
}

.dashboard-view-pets__panel {
    background-color:#dfdfdf;
    border:1px solid #a8a5a0;
    padding-bottom:140px;
}

.dashboard-view-pets__pet-info {
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-size:16px;
    font-size:1rem;
    margin:0 10px 10px 25px;
}

.dashboard-view-pets__pet-module {
    background:#fdf3e2;
    border:1px solid #ddd;
    border-radius:7px;
    height:200px;
    padding:45px 10px;
}

@media (max-width:767px) {
    .dashboard-view-pets__pet-module {
        float:left;
        margin:0 20px 30px 20px;
        width:90%;
    }
}

@media (min-width:768px) {
    .dashboard-view-pets__pet-module {
        float:left;
        margin:0 40px 30px 40px;
        width:87%;
    }
}

@media (min-width:992px) {
    .dashboard-view-pets__pet-module {
        margin:0 45px 60px 45px;
        width:40%;
    }

    .dashboard-view-pets__pet-module:nth-child(2n) {
        float:right;
    }
}

.dashboard-view-pets__thumbnail {
    background:#fff;
    margin:0 10px;
}

.dashboard-view-pets__thumbnail img {
    border-radius:5px;
    height:auto;
    width:109px;
}

.dashboard-view-pets__title--archived {
    font-family:"Roboto",sans-serif;
    font-weight:300;
    font-size:18px;
    font-size:1.125rem;
    text-align:right;
}

.dashboard-view-pets__title--archived a
{
    color: #FFF;
    text-decoration: none;
}

@media (max-width:767px) {
    .dashboard-view-pets__title--archived {
        display:none;
    }
}

.dashboard-view-pets .dashboard-module {
    margin-bottom:0;
}

.dashboard-view-pets .dashboard-module__header {
    display:block;
}

.dashboard-view-pets .dashboard-module__header-title {
    font-size:22px;
    font-size:1.375rem;
    line-height:1.75;
}

.dashboard-view-pets .dashboard-section {
    padding-bottom:110px;
}

.dashboard-view-pets .dashboard-section__header {
    padding:10px 15px;
}

.dashboard-vaccinations {
    background:white;
    padding-top:30px;
}

@media (max-width:767px) {
    .dashboard-vaccinations__buttons {
        text-align:center;
    }

    .dashboard-vaccinations__buttons .btn {
        margin-bottom:5px;
    }
}

@media (min-width:768px) {
    .dashboard-vaccinations__buttons {
        text-align:right;
    }
}

.dashboard-vaccinations__panel {
    background-color:#dfdfdf;
    border:1px solid #a8a5a0;
    padding-bottom:140px;
}

.dashboard-vaccinations--waiting {
    height:400px;
    padding-top:50px;
    text-align:center;
}

.dashboard-vaccinations--waiting .spinner {
    top:45% !important;
}

.dashboard-vaccinations-hero {
    background:white;
    border:1px solid #c2c9d3;
    margin-bottom:20px;
    padding:5px;
}

.dashboard-vaccinations-hero__content {
    background-image:url("../images/bubbles-dog-bg.png");
    background-size:100% 100%;
    height:332px;
}

.dashboard-vaccinations-hero__content-title {
    background-color:#a8a5a0;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#a8a5a0),to(#3b3b3b));
    background-image:-webkit-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-moz-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-ms-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-o-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:linear-gradient(top,#a8a5a0,#3b3b3b);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#a8a5a0 ',endColorStr= '#3b3b3b ');
    color:white;
    padding:15px;
}

.dashboard-vaccinations-hero__content-title h3 {
    font-size:16px;
    font-size:1rem;
}

.dashboard-vaccinations-tabs {
    margin-top:10px;
}

.dashboard-vaccinations-tabs__content {
    border:1px solid #c2c9d3;
    border-radius:5px;
    padding:5px;
}

.dashboard-vaccinations-tabs__datepicker {
    padding:20px !important;
    width:30%;
}

.dashboard-vaccinations-tabs__delete-vaccine {
    margin-left:30px;
}

.dashboard-vaccinations-tabs__table {
    font-size:14px;
    font-size:0.875rem;
    font-family:"Roboto",sans-serif;
    font-weight:400;
    text-align:center;
    width:100%;
}

.dashboard-vaccinations-tabs__table >tbody >tr >td {
    border-right:1px solid #dedede;
    padding:20px 0;
}

.dashboard-vaccinations-tabs__table >tbody >tr >td .fa {
    font-size:22px;
    font-size:1.375rem;
}

.dashboard-vaccinations-tabs__table >tbody >tr >td .fa-share-alt-square {
    color:#2a9f42;
}

.dashboard-vaccinations-tabs__table >tbody >tr >td .fa-trash {
    color:#dc8201;
}

.dashboard-vaccinations-tabs__table >tbody >tr {
    border-bottom:1px solid #a8a5a0;
}

.dashboard-vaccinations-tabs__table >tbody >tr:last-child {
    border:none;
}

.dashboard-vaccinations-tabs__table >tbody >tr:nth-child(even) {
    background-color:#eee;
}

.dashboard-vaccinations-tabs__table >thead {
    background-color:#e6872a;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6872a),to(#deac43));
    background-image:-webkit-linear-gradient(top,#e6872a,#deac43);
    background-image:-moz-linear-gradient(top,#e6872a,#deac43);
    background-image:-ms-linear-gradient(top,#e6872a,#deac43);
    background-image:-o-linear-gradient(top,#e6872a,#deac43);
    background-image:linear-gradient(top,#e6872a,#deac43);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#e6872a ',endColorStr= '#deac43 ');
}

.dashboard-vaccinations-tabs__table >thead >tr >th {
    border-right:1px solid #dc8201;
    color:white;
    padding:15px 0;
    text-align:center;
}

.dashboard-vaccinations-tabs__table >thead >tr >th:last-child {
    border:none;
}

.dashboard-vaccinations-tabs .nav-tabs {
    margin:0 5px;
}

@media (max-width:767px) {
    .dashboard-vaccinations-tabs .nav-tabs.nav-justified {
        float:none;
        width:100%;
    }

    .dashboard-vaccinations-tabs .nav-tabs li {
        width:100%;
    }
}

@media (min-width:768px) {
    .dashboard-vaccinations-tabs .nav-tabs li {
        width:150px;
    }
}

.dashboard-vaccinations-tabs .nav-tabs li.active a {
    background-color:#a8a5a0;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#a8a5a0),to(#3b3b3b));
    background-image:-webkit-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-moz-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-ms-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:-o-linear-gradient(top,#a8a5a0,#3b3b3b);
    background-image:linear-gradient(top,#a8a5a0,#3b3b3b);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#a8a5a0 ',endColorStr= '#3b3b3b ');
    border:1px solid #c2c9d3;
    border-bottom:0 !important;
    color:white;
}

.dashboard-vaccinations-tabs .nav-tabs li a {
    background-color:#fdfdfd;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#dddddd));
    background-image:-webkit-linear-gradient(top,#fdfdfd,#dddddd);
    background-image:-moz-linear-gradient(top,#fdfdfd,#dddddd);
    background-image:-ms-linear-gradient(top,#fdfdfd,#dddddd);
    background-image:-o-linear-gradient(top,#fdfdfd,#dddddd);
    background-image:linear-gradient(top,#fdfdfd,#dddddd);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#fdfdfd ',endColorStr= '#dddddd ');
    border:1px solid #c2c9d3;
    border-bottom:0 !important;
    color:#3b3b3b;
    margin-right:5px;
}

.dashboard-vaccinations .dashboard-module {
    margin-bottom:0;
}

.dashboard-vaccinations .dashboard-section {
    padding-bottom:80px;
}

.dashboard-vaccinations .dashboard-section__header {
    padding:10px 15px;
}

.modal.dashboard-vaccinations__upload-modal {
    top:40px;
}

.modal.dashboard-vaccinations__upload-modal .modal-body {
    background:#dedede;
}

.modal.dashboard-vaccinations__upload-modal .modal-dialog {
    width:75%;
}

.modal.dashboard-vaccinations__upload-modal .modal-footer {
    background:#dedede;
    border:none;
}

.modal.dashboard-vaccinations__upload-modal .modal-header {
    background-color:#e6872a;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6872a),to(#deac43));
    background-image:-webkit-linear-gradient(top,#e6872a,#deac43);
    background-image:-moz-linear-gradient(top,#e6872a,#deac43);
    background-image:-ms-linear-gradient(top,#e6872a,#deac43);
    background-image:-o-linear-gradient(top,#e6872a,#deac43);
    background-image:linear-gradient(top,#e6872a,#deac43);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#e6872a ',endColorStr= '#deac43 ');
    color:white;
}

.modal.dashboard-vaccinations__upload-modal .modal-panel {
    border:1px solid #a8a5a0;
    border-radius:5px;
}

.modal.dashboard-vaccinations__upload-modal .modal-panel__content {
    background:white;
    margin:5px;
    padding:30px 0;
}

.modal.dashboard-vaccinations__upload-modal .modal-panel__content--pet-info >.row {
    padding:10px 0;
}

.modal.dashboard-vaccinations__upload-modal .modal-panel .required {
    color:#faaf42;
}

.blank-slate {
    padding:2em;
    text-align:center;
}

.blank-slate__heading {
    margin-bottom:1em;
}

.loader {
    min-height:300px;
    padding:2em;
    text-align:center;
}

.card {
    background-color:#eee;
    border:1px solid #c2c9d3;
    border-radius:5px;
    box-shadow:0 2px 1px 0 rgba(0,0,0,0.2);
    margin-bottom:1em;
    padding:6px;
}

.card:last-child {
    margin-bottom:0;
}

.card__content {
    background:#fff;
    padding:2em;
}

.stacked-nav__item {
    background-color:#333433;
    border-top:1px solid #787878;
    color:#c2c9d3;
    display:block;
    font-size:0.85rem;
    padding:1em;
}

.stacked-nav__item:first-child {
    border-bottom:none;
}

.stacked-nav__item:hover,.stacked-nav__item:focus,.stacked-nav__item:active {
    color:#dedede;
    text-decoration:none;
}

.stacked-nav__item.active {
    background-color:#f19f3e;
    border-top-color:#f19f3e;
    color:#fff;
}

.stacked-nav__item.active:hover,.stacked-nav__item.active:focus,.stacked-nav__item.active:active {
    color:#fff;
    text-decoration:none;
}

.stacked-nav__item.active + .stacked-nav__item {
    border-top-color:#f19f3e;
}

.dashboard-table {
    font-size:0.75rem;
    width:100%;
}

.dashboard-table thead {
    background-color:#e6872a;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#e6872a),to(#deac43));
    background-image:-webkit-linear-gradient(top,#e6872a,#deac43);
    background-image:-moz-linear-gradient(top,#e6872a,#deac43);
    background-image:-ms-linear-gradient(top,#e6872a,#deac43);
    background-image:-o-linear-gradient(top,#e6872a,#deac43);
    background-image:linear-gradient(top,#e6872a,#deac43);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= '#e6872a ',endColorStr= '#deac43 ');
}

.dashboard-table tr {
    border-bottom:1px solid #dedede;
}

.dashboard-table tr:last-child {
    border:none;
}

.dashboard-table th {
    border-right:1px solid #dc8201;
    color:white;
    padding:1em;
    vertical-align:middle;
}

.dashboard-table th:last-child {
    border:none;
}

.dashboard-table td {
    background:white;
    border-right:1px solid #dedede;
    padding:1em;
    vertical-align:middle;
}

.dashboard-table td:last-child {
    border-right:none;
}

.ng-animal-thumbnail {
    padding-bottom:100%;
    background-position:center;
    background-size:cover;
}

.ng-pet-carousel__image {
    height:150px;
    margin:0 auto;
    margin-bottom:20px;
    width:150px;
}

.ng-pet-carousel__image .ng-animal-thumbnail {
    border:4px solid #FDA600;
    border-radius:75px;
}

.ng-pet-carousel__item {
    padding-top:20px;
    text-align:center;
}

.ng-pet-carousel .carousel-control {
    background-image:none;
}

.ng-pet-carousel .carousel-indicators {
    display:none;
}

.popover-content .hide {
    display: block !important;
}

.pet-image
{
    width:100%;
    margin-bottom:20px;
}

.pet-image img
{
    width:100%;
    height: auto;
}

/* CONTENT STYLE */
.main-content .content p
{
    margin-bottom: 30px;
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

.main-content .content ul.list-number li
{
    list-style-type: decimal;
}

.main-content .content li
{
    padding-bottom:5px;
}

.main-content .content ul ul
{
    padding-top:15px;
}

.main-content .content h3.subtitle
{
    font-weight: bold;
    font-size: 24px;
    padding-bottom: 20px;
}

.main-content .content .img-box {
    margin: 20px auto;
}

.main-content .content .img-box img {
    display: block;
    margin: 0px auto;
}

/* Modal more details */
.model-more-details, #model-more-details-qr {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

.model-more-details .modal-header, #model-more-details-qr .modal-header{
    background-color: #faaf42;
    border-radius: 5px 5px 0px 0px;
}

.model-more-details .modal-content, #model-more-details-qr .modal-content {
    border-radius: 5px;
}

.model-more-details .modal-header h4, #model-more-details-qr .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

.model-more-details .modal-header .close span, #model-more-details-qr modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

.model-more-details .modal-header .close, #model-more-details-qr .modal-header .close  {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

.model-more-details .modal-inner img, #model-more-details-qr  .modal-inner img {
    display: block;
    margin: 0px auto;
}

.model-more-details .modal-inner span.price, #model-more-details-qr .modal-inner span.price {
    display: block;
    margin: 40px auto;
    width: 150px;
    border: 2px solid #f19b2d;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
}

.model-more-details .modal-inner ul, #model-more-details-qr .modal-inner ul  {
    margin: 0 auto 40px;
    font-size: 15px;
    padding: 0px;
    width: 80%;
}

.model-more-details .modal-inner ul li, #model-more-details-qr .modal-inner ul li {
    background: url('../images/li-style-more-details.png') no-repeat;
    list-style-type: none;
    padding-left: 25px;
    margin-bottom: 5px;
    line-height: 25px;
    font-family: 'Conv_Roboto-Bold';
}

.model-more-details .modal-body{ padding: 0; }

.model-more-details .modal-inner, #model-more-details-qr .modal-inner  {
    width: 100%;
    margin: 0px auto 20px;
}

.model-more-details .modal-inner .button-groups, #model-more-details-qr .modal-inner .button-groups  {
    text-align: center;
}

.model-more-details .modal-inner .button-groups #btn-compare, #model-more-details-qr .modal-inner .button-groups #btn-compare
{
    background-image: none;
    background-color: #faaf42;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border-color: transparent;
    border: none;
    text-shadow: none;
}

.model-more-details .modal-inner .button-groups #btn-buynow, #model-more-details-qr .modal-inner .button-groups #btn-buynow
{
    background-image: none;
    background-color: #515151;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    margin-left: 20px;
    border-color: transparent;
    border: none;
    text-shadow: none;
}

/* Search database */
.form_search_database {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 40px 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.form_search_database > p {
    text-align: center;
    margin-bottom: 20px;
    display: block;
    font-size: 18px;
    font-weight: normal;
    color: #727272;
}

.form_search_database > form {
    margin-top: 40px;
    margin-bottom: 80px;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    padding: 40px 10px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
}

.form_search_database > form .control-label {
    font-size: 14px;
    display: inline-block;
    min-height: 40px;
    color: #727272;
}

.form_search_database > form .button-groups {
    text-align: right;
    margin-top: 20px;
}

.form_search_database > form  button#btn_cancel_search {
    background-color: #393a39;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
}

.form_search_database > form  button#btn_advanced_search {
    background-color: #393a39;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
}

.form_search_database > form  button#btn_search {
    background-color: #eb8f1f;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
}

.form_search_database > form  button i {
    font-size: 18px;
    display: inline-block;
    margin-left: 5px;
}

.form_search_database .form-group  button#btn_search {
    margin-top: 45px;
    min-width: 100px !Important;
}

/* Found a pet */
.heading-title {
    background-color: #e08503;
    padding: 15px;
    border-radius: 5px;
    color: #FFF;
    margin-bottom: 20px;
}
.heading-title::after {
    content: '';
    display: table;
    clear: both;
}

.found-a-pet-inner {
    background-color: #f3f3f3;
    padding: 40px 10px 80px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.found-a-pet-inner .info {
    margin: 0px 50px 40px 50px;
    font-size: 15px;
    background: url('../images/icon_warning.png') no-repeat;
    padding-left: 70px;
}

.found-a-pet-inner form {
    background-color: #FFF;
    width: 80%;
    margin: 0px auto;
    padding: 40px 20px;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
}

.found-a-pet-inner form label {
    color: #585858;
}

.found-a-pet-inner form .form_inner .or
{
    line-height: 85px;
    color: #f8980d;
    font-weight: bold;
    text-align: center;
    display: block;
}

.found-a-pet-inner form .form_inner > .row {
    margin-bottom: 20px;
}

.found-a-pet-inner form .form_group_buttons {
    text-align: center;
}

.found-a-pet-inner form .form_group_buttons #btn_procceed_without_tracking_number {
    background-color: #ef9729;
    color: #FFF;
    font-size: 16px;
}

.found-a-pet-inner form .form_group_buttons #btn_search_database{
    background-color: #626262;
    color: #FFF;
    font-size: 16px;
}


.search_results .result-item {
    background-color: #f3f3f3;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.search_results {
    margin-top: 20px;
}

.search_results .result-item .pet-infomation {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
}

.search_results .result-item .pet-record-infomation {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-top: 40px;
    padding: 10px;
    border-radius: 5px;
}

.search_results .result-item .fimage {
    float: left;
    max-width: 438px;
}

.search_results .result-item ul.pet-images {
    float: left;
    margin-left: 10px;
    padding: 0px;
    padding-top: 10px;
}

.search_results .result-item ul.pet-images li {
    list-style-type: none;
    margin-bottom: 20px;
    text-align: center;
}

.search_results .result-item ul.pet-images li span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.search_results .result-item .fimage img {
    width: 100%;
}

.search_results .result-item ul.pet-images li img {
    max-width: 90px;
}

.search_results .result-item table.table-vaccination thead {
    background-color: #ef9728;
    color: #FFF;
}

.search_results .result-item table.table-vaccination thead th {
    padding: 15px;
    text-align: center;
}

.search_results .result-item table.table-vaccination {
    width: 100%;
}

.search_results .result-item table.table-vaccination tbody tr td {
    padding: 15px;
    border: 1px solid #dddddd;
    text-align: center;
    color: #484848;
    background-color: #FFF;
}

.search_results .result-item table.table-vaccination tbody tr {

}

.search_results .result-item ul.infos {
    padding: 0px;
    padding-top: 10px;
}

.search_results .result-item ul.infos li {
    list-style-type: none;
    margin-bottom: 10px;
}

.search_results .result-item ul.infos li span.label {
    color: #0f0f0f;
    font-size: 14px;
    display: table-cell;
    width: 120px;
    text-align: left;
    font-weight: bold;
    white-space: normal;
}

.search_results .result-item ul.infos li span.value {
    font-size: 14px;
    display: table-cell;
}

.search_results .result-item table.table-vaccination tbody tr td.vaccination {
    background-color: #ffddaa;
}

.search_results .result-item table.table-vaccination tbody tr td.status {
    color: #e50000;
}

.search_results .result-item .group_buttons {
    padding: 0px 20px;
    margin-bottom: 20px;
}

.search_results .result-item .group_buttons p {
    font-size: 18px;
    font-weight: bold;
}

.search_results .result-item .group_buttons #btn_contact_owner
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

.search_results .result-item .group_buttons #btn_reset
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

.search_results .result-item .group_buttons button i
{
    font-size:18px;
    margin-left:10px;
}

/* Modal contact owner */
#model-contact-owner {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-contact-owner .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-contact-owner .modal-content {
    border-radius: 5px;
}

#model-contact-owner .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-contact-owner .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-contact-owner .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-contact-owner .modal-inner {
    width: 80%;
    margin: 0px auto;
}

#model-contact-owner .control-label
{
    text-align:left;
    font-size: 14px;
}

/* Modal contact pet holder */
#model-contact-pet-holder {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-contact-pet-holder .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-contact-pet-holder .modal-content {
    border-radius: 5px;
}

#model-contact-pet-holder .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-contact-pet-holder .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-contact-pet-holder .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-contact-pet-holder .modal-inner {
    width: 80%;
    margin: 0px auto;
}

#model-contact-pet-holder .control-label
{
    text-align:left;
    font-size: 14px;
}

/*# sourceMappingURL=main.8ebc4.css.map */


.main-content {
    background: #f6f4f4;
    padding: 30px 0;
}

/*register*/
.register-container {
    border-radius: 5px;
    background-color: #f3f3f3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 10px 15px 40px;
}

.register-container .registration-type {
    margin-top: 80px;
    margin-bottom: 50px;
}

.register-container .radio.choose-type {
    float: right !important;
}

.register-container .field-type h3 {
    font-size: 25px;
    font-weight: 300;
    position: relative;
    margin: 22px 0px 0px;
    display: inline-block;
    padding-right: 30px;
}

.register-container .field-type h3:after {
    content: '';
    background-image: url(../images/register/icon.png);
    background-repeat: no-repeat;
    background-position: 0px -8px;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 30px;
    height: 18px;
}

.register-container .field-type h3 span {
    font-size: 21px;
}

.register-container .field-type .radio {
    float: none;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
}

.register-container .field-type .radio label {
    background: #fff;
    text-align: center;
    padding: 80px 0px 60px;
    min-width: 100%;
    position: relative;
    box-shadow: none !important;
    border: none !important;
    font-weight: normal !important;
    font-size: 20px;
    color: #797979;
    font-family: 'Conv_Roboto-Medium';
}

.register-container .field-type .radio label:before {
    content: '';
    background-image: url(../images/register/icon.png);
    background-repeat: no-repeat;
    position: absolute;
    background-position: center center;
    background-size: 100px auto;
    top: -160px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    left: 33%;
}

.register-container .field-type .radio.pet-vet label:before
{
    background-image: url(../images/inject-icon.png);
    background-position: center center;
    background-size: 100px auto;
}

.register-container .field-type .radio.pet-owner label:before
{
    background-image: url(../images/icon-pet-owner-black-small.png);
        background-size: 100px auto;
}

.register-container .field-type .radio.pet-salon label:before
{
    background-image: url(../images/icon-pet-salon-black-small.png);
    background-position: center center;
    background-size: 25px auto;
}

.register-container .field-type .radio label input {
    position: absolute;
    left: 14px;
    margin: auto;
    padding: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0;
}

.register-container .field-type .radio.pet-owner label {
    background: #fff;

}

.register-container .field-type .radio.pet-owner label:before {
    background-image: url(../images/hand.png);

}

.register-container .field-type .radio.pet-salon label:before {
    background-image: url(../images/scissor.png);
    background-position: center center;
    background-size: 100px auto;
    top: -140px;
    width: 100px;
    height: 100px;
    background-color: transparent;
    left: 33%;
}

.register-container .field-type .radio.pet-owner
{
    margin-left:25px;
}

.register-container .form_inner
{
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 6px solid #ececec;
    padding: 10px 15px 40px;
    margin-top: 15px;
}

.register-container .step-bar
{
    background-color: #e0e0e0;
    margin: -10px -15px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.18);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.18);
    box-shadow: 0 0 1px rgba(0,0,0,.18);
}

.register-container .step-bar h3
{
    background-color: #e98817;
    float: left;
    height: 94px;
    line-height: 94px;
    color: #FFF;
    font-size: 22px;
    font-weight: 500;
    padding: 0px 20px;
    margin-right: 36px;
    position: relative;
}

.register-container .step-bar h3:before {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    right: -36px;
    top: -2px;
    border-top: 49px solid transparent;
    border-bottom: 49px solid transparent;
    border-left: 36px solid #fff;
}

.register-container .step-bar h3:after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    right: -34px;
    top: 0px;
    border-top: 47px solid transparent;
    border-bottom: 47px solid transparent;
    border-left: 34px solid #e98817;
}

.register-container .step-bar ul.step {
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: relative;
}

.register-container .step-bar ul.step:before {
    content: '';
    width: 60%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 31px;
    right: 30px;
    z-index: 2;
}

.register-container .step-bar ul.step li {
    margin: 0px 50px 0px 40px;
    padding: 0px;
    text-align: center;
    height: 94px;
    float: left;
    position: relative;
    z-index: 4;
}

.register-container .step-bar ul.step li span {
    display: block;
}

.register-container .step-bar ul.step li.last
{
    margin-right:0px;
}

.register-container .step-bar ul.step li span.name_step {
    font-size: 15px;
    font-weight: 700;
}

.register-container .step-bar ul.step li span.step
{
    border: 2px solid #949494;
    background-color: #e0e0e0;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #949494;
    font-size: 22px;
    line-height: 34px;
    margin: 13px auto 12px;
}

.register-container .step-bar ul.step li span.step.active {
    border-color: #FFF;
    background-color: #e98918;
    color: #fff;
}

.register-container .step-bar ul.step li.last span
{
    background-color:#b7b7b7;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    margin-top: 24px;
}

.register-container .form-heading
{
    background-color: #707070;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: -moz-linear-gradient(bottom, #636363, #868686);
    background-image: -o-linear-gradient(bottom, #636363, #868686);
    background-image: -ms-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #636363, #868686);
    padding: 0px 10px;
    color: #FFF;
    margin: 0px -15px;
    font-size: 15px;
    font-weight: 500;
    min-height: 50px;
    line-height: 50px;
}

.register-container .form-heading .fa {
    margin: 0px 8px 0px 6px;
    font-size: 18px;
}

.register-container .form-fields label {
    font-size: 15px;
    font-weight: 400;
    margin: 0px 0px 6px;
}

.register-container .form-fields label em {
    color: #e8891a;
    font-style: normal;
}

.register-container .form-fields label span.help {
    background-color: #e98817;
    color: #FFF;
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.register-container .form-fields .form-group {
    margin-top: 30px;
    margin-bottom: 30px;
}

.register-container .form-fields .form-control {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    -moz-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4), inset 0 0 6px rgba(97,97,97,.17);
    border: solid 1px #d7d7d7;
    height: 37px;
}

.register-container .upload-note {
    font-size: 14px;
    color: #3c3c3c;
    font-weight: 300;
}

.register-container .upload-button {
}

.register-container .upload-button label {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    -moz-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4), inset 0 0 6px rgba(97,97,97,.17);
    border: solid 1px #d7d7d7;
    height: 40px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    padding: 0px 100px 0px 16px;
    margin: 0px 0px 44px;
}

.register-container .upload-button label input {
    opacity: 0;
    display: none;
}

.register-container .upload-button label .upload-file {
    line-height: 40px;
    white-space: nowrap;
}

.register-container .upload-button label .upload-browse {
    position: absolute;
    background-color: #ffc926;
    top: 0px;
    right: 0px;
    line-height: 40px;
    padding: 0px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #3c3c3c;
}

.register-container .upload-button a {
    font-size: 15px;
    color: #ff9700;
    font-weight: 500;
    text-decoration: underline;
}

.register-container .upload-preview img {
    display: block;
    width: 100%;
    height: auto;
}

.register-container .form-fields.field-upload {
    overflow: hidden;
    margin: 20px -15px;
    border-top: 1px solid #c3c3c3;
    padding: 25px 0px;
}

.register-container .form-fields.field-password {
    overflow: hidden;
    border-top: 1px solid #c3c3c3;
}

.register-container .form-fields.field-submit button {
    line-height: 45px;
    min-width: 100px;
    font-size: 18px;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    font-weight: 500;
    padding: 0px 20px;
    margin: 0px 10px 0px 0px;
}

.register-container .form-fields.field-submit button .fa {
    font-weight: 400;
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
}

.register_confirm {
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 6px solid #ececec;
    padding: 10px 15px 40px;
    margin-top: 40px;
}

.register_confirm p {
    font-size: 15px;
}

@media (max-width: 991px) {
    .register-container .field-type h3 {
        margin: 0px 0px 20px;
    }

    .register-container .field-type h3:after {
        display: none;
    }

    .register-container .field-type .radio {
        float: left;
    }

    .register-container .field-type .radio.pet-owner {
        margin-left: 0px;
        margin-right: 20px;
    }

    .register-container .step-bar ul.step:before {
        width: 330px;
    }

    .register-container .step-bar ul.step li {
        margin: 0px 70px 0px 25px;
    }

    .register-container .form-fields .form-control {
        margin-bottom: 20px;
    }

    .register-container .upload-button,
    .register-container .upload-preview {
        margin-bottom: 20px;
    }

    .register-container .upload-button label {
        margin-bottom: 10px;
    }
}
@media (max-width: 767px) {
    .register-container .step-bar h3 {
        float: none;
        margin: 0px;
    }

    .register-container .step-bar h3:after,
    .register-container .step-bar h3:before {
        display: none;
    }

    .register-container .step-bar ul.step li {
        margin: 0px 10px 0px 10px;
    }

    .register-container .step-bar ul.step:before {
        width: 170px;
        right: auto;
        left: 54px;
    }
}
@media (max-width: 480px) {
    .register-container .field-type .radio {
        float: none;
        margin: 8px 0px !important;
    }

    .register-container .field-type .radio label {
        display: block;
    }

    .register-container .form-fields.field-submit button {
        display: block;
        width: 100%;
        margin: 8px 0px;
    }
}

/*end register*/

/* tag compare */
.tag-compare-page .heading {
    background-color: #faaf42;
    color: #FFF;
    margin-bottom: 20px;
    height: 80px;
    text-align: center;
    border-radius: 5px;
}

.tag-compare-page .heading h2 {
    font-size: 22px;
    line-height: 0px;
    margin-top: 10px;
}

.tag-compare-page .heading h2 img {
    display: inline-block;
    margin: 0px 10px;
}

.tag-compare-page .tag-compare-content {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
    padding-bottom: 80px;
}

.tag-compare-page .tag-compare-content ul#tabs {margin-left: 10px;}

.tag-compare-page .tag-compare-content ul#tabs li > a {
    color: #000;
    font-weight: bold;
    font-size: 17px;
    background-color: #efefef;
    border: 1px solid #dcdcdc;
    margin-right: 10px;
    border-radius: 5px;
}

.tag-compare-page .tag-compare-content ul#tabs li.active > a {
    background-color: #faaf42;
}

.tag-compare-page .tag-compare-content div#my-tab-content {
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
}

.tag-compare-page  .widgets {
    font-size: 15px;
}

.tag-compare-page  .widgets h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 10px;
    margin-top: 0;
}

.tag-compare-page  .widgets ul {
    margin: 0px;
    padding: 0px;
}

.tag-compare-page .widgets ul li {
    list-style-type: none;
    margin-bottom: 5px;
    font-weight: 600;
    background:url('../images/tag-compare-list.png') no-repeat;
    min-height: 24px;
    padding-left: 30px;
    line-height: 24px;
}

.tag-compare-page .widgets .widget {
    margin-top: 30px;
    border: 2px solid #eea449;
    padding: 10px 0px 0px;
}

.tag-compare-page .widgets .widget .widget-title {
    border-bottom: 1px solid #dcdbdb;
    margin-bottom: 10px;
}

.tag-compare-page .widgets .widget .widget-title h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 0;
}

.tag-compare-page .widgets .widget .widget-content {
    font-size: 15px;
}

.tag-compare-page .widgets .widget .widget-content h3 {
}

.tag-compare-page .widgets .widget .widget-content p {
    font-size: 13px;
}

.tag-compare-page .widgets .widget .widget-footer {}

.tag-compare-page .widgets .widget .widget-footer button {
    width: 100%;
    min-height: 50px;
    margin-top: 20px;
}

.tag-compare-page .carousel
{
    padding:0px 10px;
}

/* features pricing */

.features-pricing-page .features-pricing-content {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
    clear: both;
}

.features-pricing-page .features-pricing-table {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
    margin-bottom: 40px;
}

.features-pricing-page .features-pricing-table .features-pricing-name
{
    background-color: #ffddaa !important;
    min-height: 50px;
    text-align: left;
    font-weight: bold;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}

.features-pricing-page .features-pricing-table .features-pricing-type
{
    color: #faaf42;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.features-pricing-page .features-pricing-table .features-pricing-name .links {
    font-weight: normal;
    font-size: 14px;
    display: block;
    margin-top: 15px;
}

.features-pricing-page .features-pricing-table .sublist span
{
    display: block;
    text-align: center;
    margin-bottom: 5px;
    padding-left: 0px;
}

.features-pricing-page .features-pricing-table .sublist {
    padding-top: 20px;
}

.features-pricing-page .features-pricing-table .col-xs-3 {
    border-right: 1px solid #dddddd;
    background-color: #FFF;
}

.features-pricing-page .features-pricing-table .create_your_account
{
    background-color: #676767;
    color: #FFF;
    padding: 12px;
    clear: both;
}

.features-pricing-page .features-pricing-table .create_your_account a
{
    color: #ffddaa;
}

.features-pricing-page .features-pricing-table .line
{
    clear:both;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
}

.features-pricing-page .features-pricing-table .features-pricing-name .links a {
    margin-right: 26px;
    text-decoration: underline;
}

/* notification dropdown */
ul.notification-menu {
    padding: 0px;
    margin: 0px;
}

ul.notification-menu li {
    list-style-type: none;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd3c3;
}

ul.notification-menu li a {
    display: block;
    color: #333 !important;
    font-size: 16px;
    height: 60px;
    padding-left: 85px;
    line-height: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.notification-menu li.appointments a
{
    background:url('../images/icon_dropdown_notification_appointments.png') no-repeat;
}

ul.notification-menu li.balance_due a
{
    background:url('../images/icon_dropdown_notification_balance_due.png') no-repeat;
}

ul.notification-menu li.connections a
{
    background:url('../images/icon_dropdown_notification_connections.png') no-repeat;
}

ul.notification-menu li.requests a
{
    background:url('../images/icon_dropdown_notification_connections.png') no-repeat;
}

ul.notification-menu li.vaccinations a
{
    background:url('../images/icon_dropdown_notification_vaccinations.png') no-repeat;
}

/* dashboard */
.dashboard-content-inner
{
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
    padding-bottom: 80px;
}

.notification-appointments div#tab-appointments {}

.notification-appointments div#tab-appointments .list-notification {}

.notification-appointments div#tab-appointments .list-notification .item-notification {
    padding: 40px 40px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    position: relative;
}

.notification-appointments div#tab-appointments .list-notification .item-notification:nth-child(odd)
{
    background-color:#FFF;
}

.notification-appointments div#tab-appointments .list-notification .item-notification:nth-child(even)
{
    background-color:#fbfafa;
}


.notification-appointments div#tab-appointments .list-notification .item-notification .recent_notes
{
    float: left;
    overflow: hidden;
    margin-top: 50px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .recent_notes h5
{
    margin-bottom: 5px;
}


.notification-appointments div#tab-appointments .list-notification .item-notification .actions {
    float: right;
    overflow: hidden;
    margin-top: 50px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul {
    padding: 0px;
    margin: 0px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li a {
    text-decoration: none;
    color: #000;
    min-height: 80px;
    min-width: 80px;
    display: block;
    text-align: center;
    font-size: 15px;
    padding-top: 65px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.view-more a
{
    background:url('../images/icon_notification_view_more.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.remind-me a
{
    background:url('../images/icon_notification_remind_me.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.view-history a
{
    background:url('../images/icon_notification_view_history.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.cancel a
{
    background:url('../images/icon_notification_cancel.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.delete a
{
    background:url('../images/icon_notification_delete.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.pending a
{
    background:url('../images/icon_pending.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .actions ul li.approved a
{
    background:url('../images/icon_approved.png') no-repeat;
    background-position: top center;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .desc {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification h2 {
    font-size: 22px;
    color: #ee9009;
    background:url('../images/icon_notification_pet.png') no-repeat;
    background-position: left center;
    display: inline-block;
    padding-left: 60px;
    height: 50px;
    line-height: 50px;
}

.notification-appointments div#tab-appointments .list-notification .item-notification .status-new {
    position: absolute;
    top: 0px;
    left: 0px;
}

.notification-appointments ul#tabs li a {
    background-color: #f9f9f9;
    margin-right: 8px;
    border: 1px solid #dcdcdc;
    border-radius: 5px 5px 0px 0px;
    color: #565656;
    font-size: 15px;
    position: relative;
}

.notification-appointments ul#tabs li.active a {
    background-color: #5a5b5a;
    color: #FFF;
}

.notification-appointments ul#tabs li a .number_notification {
    position: absolute;
    top: -10px;
    right: -5px;
    background-color: #f9ae41;
    color: #FFF;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #FFF;
}

.notification-appointments div#my-tab-content {
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
    padding-bottom: 80px;
}

.notification-appointments ul#tabs {
    margin-left: 15px;
}

div#tab-connections .item-notification {
    padding: 40px 10px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
}

div#tab-connections .item-notification:nth-child(odd)
{
    background-color:#FFF;
}

div#tab-connections .item-notification:nth-child(even)
{
    background-color:#fbfafa;
}

div#tab-connections .item-notification  .desc
{

    font-size: 17px;

    position: relative;
}

div#tab-connections .item-notification .info
{

    border: 1px solid #c8c8c8;

    padding: 10px;

    border-radius: 5px;

    padding-bottom: 20px;
}

div#tab-connections .item-notification .actions
{
    float: right;
    margin-top: 40px;
    margin-right: 20px;
}

div#tab-connections .item-notification .actions li {
    list-style-type: none;
}

div#tab-connections .item-notification .actions li a {
    color: #dd8302;
    text-decoration: none;
    display: block;
    height: 51px;
    line-height: 51px;
    min-width: 100px;
}

div#tab-connections .item-notification .actions li.delete a
{
    background:url('../images/icon_notification_delete.png') no-repeat;
    background-position: right center;
}

div#tab-connections .item-notification .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

div#tab-connections .item-notification .info h3  a {
    color: #000;
    text-decoration: none;
}

div#tab-connections .item-notification .info p {
    color: #000;
    font-size: 14px;
}

div#tab-connections .item-notification .info p a {
    color: #000;
}

div#tab-requests .item-notification {
    padding: 40px 10px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
}

div#tab-requests .item-notification:nth-child(odd)
{
    background-color:#FFF;
}

div#tab-requests .item-notification:nth-child(even)
{
    background-color:#fbfafa;
}

div#tab-requests .item-notification  .desc
{

    font-size: 17px;
}

div#tab-requests .item-notification .info
{

    border: 1px solid #c8c8c8;

    padding: 10px;

    border-radius: 5px;

    padding-bottom: 20px;
}

div#tab-requests .item-notification .actions
{
    float: right;
    margin-top: 40px;
    margin-right: 20px;
}

div#tab-requests .item-notification .actions li {
    list-style-type: none;
    display: inline-block;
    margin-left: 30px;
}

div#tab-requests .item-notification .actions li a {
    color: #dd8302;
    text-decoration: none;
    display: block;
    height: 51px;
    line-height: 51px;
    min-width: 100px;
}

div#tab-requests .item-notification .actions li.delete a
{
    background:url('../images/icon_notification_delete.png') no-repeat;
    background-position: right center;
}

div#tab-requests .item-notification .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

div#tab-requests .item-notification .info h3 a {
    color: #000;
    text-decoration: none;
}

div#tab-requests .item-notification .info p {
    color: #000;
}

div#tab-requests .item-notification .info p a {
    color: #000;
}


#tab-vaccinations .tools-actions {
    float: right;
    color: #4061fe;
    margin-top: 30px;
    margin-bottom: 30px;
}

#tab-vaccinations .list-notification {
    clear: both;
}

#tab-vaccinations .item-notification {
    padding: 40px 40px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    position: relative;
}

div#tab-vaccinations .item-notification:nth-child(odd)
{
    background-color:#FFF;
}

div#tab-vaccinations .item-notification:nth-child(even)
{
    background-color:#f9f5ec;
}

#tab-vaccinations .item-notification.verified_vaccinations {}

#tab-vaccinations .item-notification.verified_vaccinations .notification-content {
    overflow: hidden;
}

#tab-vaccinations .item-notification.verified_vaccinations .notification-content table.vaccinations {
    margin-top: 30px;
    width: 100%;
}

#tab-vaccinations .item-notification.verified_vaccinations .notification-content table.vaccinations thead th {
    font-size: 13px;
    color: #fff;
    padding: 12px 12px 20px;
    border: solid 1px #dd9b3f;
    background-image: -webkit-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -moz-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -o-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -ms-linear-gradient(bottom, #faaf42, #e88819);
    background-image: linear-gradient(to top, #faaf42, #e88819);
}

#tab-vaccinations .item-notification.verified_vaccinations .notification-content table.vaccinations tbody td {
    font-size: 13px;
    padding: 10px 10px;
    border: 1px solid #ebebeb;
}

#tab-vaccinations ul.infos {
    padding: 0px;
    margin: 0px;
    float: left;
}

#tab-vaccinations ul.infos li {
    list-style-type: none;
    margin-bottom: 5px;
    height: 32px;
    padding-left: 45px;
    line-height: 32px;
}

#tab-vaccinations ul.infos li.icon
{
    background:url('../images/icon_notification_vaccinations_1.png') no-repeat;
    background-position: left center;
    height: 32px;
    padding-left: 45px;
}

#tab-vaccinations ul.infos li span.label {
    color: #333;
    font-size: 16px;
    min-width: 180px;
    display: inline-block;
    text-align: left;
    font-weight: bold;
}

#tab-vaccinations ul.infos li span.value {
    padding-left: 30px;
}

#tab-vaccinations .actions {
    float: right;
}

#tab-vaccinations .actions ul {
    margin: 0px;
    padding: 0px;
}

#tab-vaccinations .actions ul li {
    list-style-type: none;
}

#tab-vaccinations .actions ul li a {
    text-decoration: underline;
    display: block;
    width: 51px;
    height: 60px;
    padding-top: 55px;
    text-align: center;
}
#tab-vaccinations .actions ul li.delete a
{
    background:url('../images/icon_notification_delete.png') no-repeat;
    background-position: right top;
}

#tab-vaccinations ul.infos li span.value.expired {
    color: #ee9009;
}

#tab-vaccinations .tools-actions button {
    background: url('../images/icon_notification_delete.png') no-repeat;
    background-position: right center;
    height: 51px;
    width: 51px;
    line-height: 51px;
    margin-left: 20px;
}

#tab-vaccinations .buttons {
    text-align: center;
    margin-bottom: 20px;
    overflow: hidden;
}

#tab-vaccinations .buttons button {
    margin-left: 10px;
    border-radius: 5px;
    box-shadow: none;
}

#tab-vaccinations .buttons button {
    font-size: 18px;
}


#tab-vaccinations .item-notification .info {
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
    font-size: 15px;
}

#tab-vaccinations .item-notification .info h2 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
}

#tab-vaccinations .item-notification .vet-info {
    margin-bottom: 10px;
}

#tab-vaccinations .item-notification .owner-info {
    margin-bottom: 10px;
}

#tab-vaccinations .buttons button#btn_get_verified_records {
    float: left;
}

#tab-vaccinations .buttons button#btn_vaccination_records {
    float: right;
}

#tab-vaccinations .buttons button#btn_edit_vaccination {
    margin: 0px auto;
}

div#tab-balance-due {}

div#tab-balance-due .list-notification {}

div#tab-balance-due .list-notification .item-notification {
    padding: 40px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
}

div#tab-balance-due .list-notification .item-notification .buttons {
    float: right;
}

div#tab-balance-due .list-notification .item-notification .buttons button {
    font-size: 16px;
    margin-left: 10px;
}


/* Modal upgrade now */
#model-upgrade-now {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-upgrade-now .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-upgrade-now .modal-content {
    border-radius: 5px;
}

#model-upgrade-now .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-upgrade-now .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-upgrade-now .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-upgrade-now .modal-inner {
    width: 80%;
    margin: 0px auto;
}

#model-upgrade-now .control-label
{
    text-align:left;
}

#model-upgrade-now .modal-inner input[type='radio'] {
    width: 20px;
    height: 20px;
    box-shadow: none;
    display: inline-block;
    margin-right: 5px;
}

#model-upgrade-now .modal-inner .form-group {
    text-align: center;
}

#model-upgrade-now .modal-inner .form-group.buttons {
    text-align: center;
}

#model-upgrade-now .modal-inner .form-group.buttons button {
    font-size: 16px;
    margin-left: 10px;
}

/* Modal payment options */
#model-payment-options {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-payment-options .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-payment-options .modal-content {
    border-radius: 5px;
}

#model-payment-options .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-payment-options .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-payment-options .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-payment-options .modal-inner {
    width: 80%;
    margin: 0px auto;
}

#model-payment-options .control-label
{
    text-align:left;
}

#model-payment-options  .modal-inner input[type='radio'] {
    width: 20px;
    height: 20px;
    box-shadow: none;
    display: inline-block;
    margin-right: 5px;
}

#model-payment-options  .modal-inner .form-group {
    text-align: center;
}

#model-payment-options  .modal-inner .form-group.buttons {
    text-align: center;
}

#model-payment-options  .modal-inner .form-group.buttons button {
    font-size: 16px;
    margin-left: 10px;
}


/* setting menu dropdown */
ul.settings-menu {
    padding: 0px;
    margin: 0px;
}

ul.settings-menu li {
    list-style-type: none;
    text-align: left;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd3c3;
}

ul.settings-menu li a {
    display: block;
    color: #333 !important;
    font-size: 16px;
    height: 60px;
    padding-left: 85px;
    line-height: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    min-width: 275px;
}

ul.settings-menu li.account_details a
{
    background:url('../images/icon_setting_account_details.png') no-repeat;
}

ul.settings-menu li.credit_card a
{
    background:url('../images/icon_setting_credit_card.png') no-repeat;
}

ul.settings-menu li.send_complete_profile a
{
    background:url('../images/icon_setting_send_completed_profile.png') no-repeat;
}

ul.settings-menu li.send_feedback a
{
    background:url('../images/icon_setting_send_feedback.png') no-repeat;
}

ul.settings-menu li.send_invitation a
{
    background:url('../images/icon_setting_send_invitation.png') no-repeat;
}

ul.settings-menu li.user_settings a
{
    background:url('../images/icon_setting_user_setting.png') no-repeat;
}

ul.settings-menu li.view_edit_profile a
{
    background:url('../images/icon_setting_edit_profile.png') no-repeat;
}

/* feedback page */

.feedback-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    margin-bottom: 40px;
}

.feedback-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.feedback-page .feedback-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.feedback-page .feedback-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
}

.feedback-page .feedback-content-inner {
    /* background-color: #FFF; */
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
}

.feedback-page .feedback-content-inner form {
    padding: 30px;
    overflow: hidden;
}

.feedback-page .feedback-content-inner form .buttons {
    float: right;
}

.feedback-page .feedback-content-inner form .buttons button {
    font-size: 18px;
    margin-left: 10px;
}

/* User Settings */
.user-settings-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.user-settings-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.user-settings-page .user-settings-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    overflow: hidden;
}


.user-settings-page #tabs {
    background-color: #000;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    margin-right: -15px;
}

.user-settings-page #my-tab-content {
    /* background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec; */
}

.user-settings-page #tabs li a {
    color: #FFF !important;
    border: none;
    border-bottom: 1px solid #444544;
    margin: 0;
    padding: 12px 10px;
    border-radius: 0;
}
.user-settings-page #tabs li a span {
    position: relative;
}
.user-settings-page #tabs li a:hover {
    background-color: transparent;
}
.user-settings-page #tabs li.active a {
    background-color: transparent;
    width: 100%;
}
.user-settings-page #tabs li.active a::before,
.user-settings-page #tabs li a:hover::before {
    content: '';
    background-color: #f29e30;
    height: 40px;
    position: absolute;
    top: 3px;
    left: -2px;
    right: 0;
}
.user-settings-page #tabs li.active a::after,
.user-settings-page #tabs li a:hover::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #f29e30;
    border-width: 20px 0 20px 15px;
    position: absolute;
    right: -15px;
    top: 3px;
}

.user-settings-page #tabs li {
    padding: 0;
    margin: 0;
}

.user-settings-page #tabs li a img {
    display: inline-block;
    margin-right: 5px;
}

.user-settings-page .box_inner {
    padding: 20px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    margin-bottom: 35px;
}

/* tab deactive account */
div#tab-deactivate-account {
    font-size: 15px;
    /* padding: 40px; */
    line-height: 30px;
}

div#tab-deactivate-account ul li {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 5px;
}

div#tab-deactivate-account ul {
    padding: 10px 25px;
    margin: 0px;
}

div#tab-deactivate-account .form_group_buttons {
    margin-top: 50px;
    text-align: center;
}

div#tab-deactivate-account .form_group_buttons button {
    font-size: 18px;
    margin-left: 10px;
}

/* tab security */
div#tab-security-privacy {
    /* padding: 20px; */
}

div#tab-security-privacy .question {
    color: #f29e30;
    font-weight: bold;
}

div#tab-security-privacy .form-group {
    margin: 20px 0px;
    overflow: hidden;
}

div#tab-security-privacy label {
    font-weight: normal;
    height: 34px;
    line-height: 34px;
}

div#tab-security-privacy .form_group_buttons {
    text-align: center;
}

div#tab-security-privacy .form_group_buttons button {
    font-size: 18px;
    margin-left: 10px;
}

/* tab password  */

div#tab-password {
    /* padding: 20px; */
    font-size: 15px;
}

div#tab-password form {
    margin: 20px 0px;
}

div#tab-password form .form_inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    overflow: hidden;
    padding: 20px;
    width: 80%;
    margin: 0px auto;
}

div#tab-password form .form_inner .form-group {
    clear: both;
    overflow: hidden;
    margin: 20px 0px;
}

div#tab-password .form_group_buttons {
    text-align: center;
    margin-top: 40px;
}

div#tab-password .form_group_buttons button {
    font-size: 18px;
    margin-left: 10px;
}

div#tab-password strong {
    color: #f29e30;
}


/* tab company password  */

div#tab-company-password {
    /* padding: 20px; */
    font-size: 15px;
}

div#tab-company-password form {
    margin: 20px 0px;
}

div#tab-company-password form .form_inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    overflow: hidden;
    padding: 20px;
    width: 80%;
    margin: 0px auto;
}

div#tab-company-password form .form_inner .form-group {
    clear: both;
    overflow: hidden;
    margin: 20px 0px;
}

div#tab-company-password .form_group_buttons {
    text-align: center;
    margin-top: 40px;
}

div#tab-company-password .form_group_buttons button {
    font-size: 18px;
    margin-left: 10px;
}

div#tab-company-password strong {
    color: #f29e30;
}

/* tab notification */
div#tab-notification {
    /* padding: 20px; */
}

div#tab-notification label {
    font-weight: normal;
    text-align:right;
}

div#tab-notification .form-group {
    clear: both;
    margin: 10px 0px;
    overflow: hidden;
}

div#tab-notification .form-group input[type='checkbox'] {
    display: inline-block;
    width: 20px;
    margin: 0px;
    padding: 0px;
    border: none;
    box-shadow: none;
    height: 20px;
    margin-right: 10px;
}

div#tab-notification .form_group_buttons {
    margin-top: 40px;
    text-align: center;
}

div#tab-notification .form_group_buttons button {
    font-size: 18px;
    margin-right: 10px;
}

div#tab-notification label.email i {
    font-size: 20px;
}

div#tab-notification label.phone i {
    font-size: 35px;
    margin-top: -5px;
}

/* tab account */
div#tab-account {
    overflow: hidden;
    /* padding: 20px; */
    font-size: 15px;
}

div#tab-account .form_group_buttons {
    clear: both;
    text-align: center;
    margin-top: 40px;
}

div#tab-account .form-group {
    margin-bottom: 20px;
}
div#tab-account .form-horizontal .control-label {
    text-align: left;
}

div#tab-account .form_group_buttons button {
    font-size: 18px;
    margin-left: 10px;
    min-width: 120px;
}

div#tab-account .form-group input[type='radio'] {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

div#tab-account .form-group .add_another_email {
    display: block;
    margin-top: 10px;
}


div#tab-account span.help {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f29e30;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

/* credit card page */
.credit-card-page .heading {
    background-color: #faaf42;
    color: #FFF;
    padding-left: 20px;
    margin-bottom: 5px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.credit-card-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.credit-card-page .credit-card-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.credit-card-page .credit-card-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
}

.credit-card-page .credit-card-content-inner {
    /* background-color: #FFF; */
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
}

.credit-card-page a.link_payment_history {
    color: #FFF;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-right: 30px;
    background:url('../images/icon_payment_history.png') no-repeat;
    display: inline-block;
    padding-left: 45px;
    background-position: left center;
}

.credit-card-page  thead {
    background-color: #ec8f08;
    color: #FFF;
}

.credit-card-page table {
    width: 100%;
}

.credit-card-page thead th {
    padding: 10px;
    text-align: center;
}

.credit-card-page tbody tr {
    background-color: #fff;
}

.credit-card-page tbody tr td {
    padding: 15px;
    border: 1px solid #f3f3f3;
    text-align:center;
}

.credit-card-page .add_card {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}

.credit-card-page .add_card a {
    display: block;
    text-decoration: underline;
    background:url('../images/icon_add_card.png') no-repeat;
    display: block;
    height: 72px;
    line-height: 72px;
    padding-left: 80px;
}

.credit-card-page .actions .edit
{
    background:url('../images/icon_edit.png') no-repeat;
    display: block;
    width: 58px;
    height: 58px;
    text-indent: -9999px;
    text-align: center;
    margin: 0px auto;
}

.credit-card-page .actions .delete
{
    background:url('../images/icon_delete.png') no-repeat;
    display: block;
    width: 58px;
    height: 58px;
    text-indent: -9999px;
    text-align: center;
    margin: 0px auto;
}

.credit-card-page tbody tr td.actions a {
    display: inline-block !important;
}


/* popup add credit card */
#model-add-credir-card {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-add-credir-card .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-add-credir-card .modal-content {
    border-radius: 5px;
}

#model-add-credir-card .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-add-credir-card .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-add-credir-card .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-add-credir-card .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-add-credir-card #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-add-credir-card #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-add-credir-card .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-add-credir-card span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-add-credir-card span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}


/* popup payment confirmation */
#model-payment-confirmation {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-payment-confirmation .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-payment-confirmation .modal-content {
    border-radius: 5px;
}

#model-payment-confirmation .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-payment-confirmation .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-payment-confirmation .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-payment-confirmation .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-payment-confirmation #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-payment-confirmation #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-payment-confirmation .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-payment-confirmation span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

/* user profile page */
.user-profile-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.user-profile-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.user-profile-page .user-profile-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.user-profile-page .user-profile-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    position: relative;
}

.user-profile-page .user-profile-content-inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    /* overflow: hidden; */
    margin-bottom: 40px;
}

.user-profile-page .user-profile-content-inner .box_inner {
    padding: 20px;
}

.user-profile-page .user-profile-content-inner .box_inner h4 {
    margin-bottom: 20px;
    font-size: 18px;
}

.user-profile-page .user-profile-content-inner .box_inner label {
    font-weight: normal;
}

.user-profile-page a.link-edit-user-profile {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -999px;
    background: url('../images/icon_user_profile_edit.png') no-repeat;
    overflow: hidden;
    margin-right: 20px;
    background-size: 40px;
    line-height: 50px;
    background-position: right center;
}

/* model-send-invitation */
#model-send-invitation {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-send-invitation .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-send-invitation .modal-content {
    border-radius: 5px;
}

#model-send-invitation .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-send-invitation .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-send-invitation .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-send-invitation .modal-inner {
    width: 100%;
    margin: 0px auto;
}
#model-send-invitation  .modal-body
{
    padding-bottom:0px;
    background-color: #f3f3f3;
}

#model-send-invitation .buttons button
{
    font-size:18px;
}

#model-send-invitation input[type='radio']
{
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:5px;
    box-shadow:none;
}

#model-send-invitation .control-label
{
    text-align:left;
}
#model-send-invitation .form-group.radios
{

    padding: 20px 50px;
    padding-left: 0px;
    padding-right: 0px;
}
#model-send-invitation .form-group.buttons
{
    padding-bottom: 0px;
    background-color: #b5b5b5;
    margin-bottom: 0px;
    margin-top: 200px;
    padding: 10px;
}

/* model-send-invitation pet owner */
#model-send-invitation-pet-owner {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-send-invitation-pet-owner .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-send-invitation-pet-owner .modal-content {
    border-radius: 5px;
}

#model-send-invitation-pet-owner .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-send-invitation-pet-owner .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-send-invitation-pet-owner .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-send-invitation-pet-owner .modal-inner {
    width: 100%;
    margin: 0px auto;
}
#model-send-invitation-pet-owner  .modal-body
{
    padding-bottom:0px;
    background-color: #f3f3f3;
}

#model-send-invitation-pet-owner .buttons button
{
    font-size:18px;
}

#model-send-invitation-pet-owner input[type='radio']
{
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:5px;
    box-shadow:none;
}

#model-send-invitation-pet-owner .control-label
{
    text-align:left;
}
#model-send-invitation-pet-owner .form-group.radios
{
    padding: 20px 50px;
}
#model-send-invitation-pet-owner .form-group.buttons
{
    padding-bottom: 0px;
    background-color: #b5b5b5;
    margin-bottom: 0px;
    margin-top: 80px;
    padding: 10px;
}

/* model-send-invitation pet salon */
#model-send-invitation-pet-salon,  {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-send-invitation-pet-salon .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-send-invitation-pet-salon .modal-content {
    border-radius: 5px;
}

#model-send-invitation-pet-salon .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-send-invitation-pet-salon .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-send-invitation-pet-salon .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-send-invitation-pet-salon .modal-inner {
    width: 100%;
    margin: 0px auto;
}
#model-send-invitation-pet-salon  .modal-body
{
    padding-bottom:0px;
    background-color: #f3f3f3;
}

#model-send-invitation-pet-salon .buttons button
{
    font-size:18px;
}

#model-send-invitation-pet-salon input[type='radio']
{
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:5px;
    box-shadow:none;
}

#model-send-invitation-pet-salon .control-label
{
    text-align:left;
}
#model-send-invitation-pet-salon .form-group.radios
{
    padding: 20px 50px;
}
#model-send-invitation-pet-salon .form-group.buttons
{
    padding-bottom: 0px;
    background-color: #b5b5b5;
    margin-bottom: 0px;
    margin-top: 80px;
    padding: 10px;
}

/* model-send-invitation animal rescue */
#model-send-invitation-animal-rescue,  {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-send-invitation-animal-rescue .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-send-invitation-animal-rescue .modal-content {
    border-radius: 5px;
}

#model-send-invitation-animal-rescue .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-send-invitation-animal-rescue .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-send-invitation-animal-rescue .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-send-invitation-animal-rescue .modal-inner {
    width: 100%;
    margin: 0px auto;
}
#model-send-invitation-animal-rescue  .modal-body
{
    padding-bottom:0px;
    background-color: #f3f3f3;
}

#model-send-invitation-animal-rescue .buttons button
{
    font-size:18px;
}

#model-send-invitation-animal-rescue input[type='radio']
{
    width:20px;
    height:20px;
    display:inline-block;
    margin-left:5px;
    box-shadow:none;
}

#model-send-invitation-animal-rescue .control-label
{
    text-align:left;
}
#model-send-invitation-animal-rescue .form-group.radios
{
    padding: 20px 50px;
}
#model-send-invitation-animal-rescue .form-group.buttons
{
    padding-bottom: 0px;
    background-color: #b5b5b5;
    margin-bottom: 0px;
    margin-top: 80px;
    padding: 10px;
}

/* archived_pets */
.archived_pets {
    overflow: hidden;
    margin-bottom: 40px;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: 2px solid #ececec;
}

.archived_pets .archived_pet {
    background-color: #FFF;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px;
    padding: 20px;
}

.archived_pets_top {
    overflow: hidden;
    padding: 20px;
}

.archived_pets .archived_pet .links {}

.archived_pets .archived_pet .links a {
    display: block;
    margin-bottom: 20px;
}

.archived_pets .archived_pet .links a.link_edit
{
    background: url('../images/icon_edit.png') no-repeat;
    height: 55px;
    background-position: left center;
    line-height: 55px;
    padding-left: 60px;
    font-size: 13px;
}

.archived_pets .archived_pet .links a.link_remove_from_listing
{
    background: url('../images/icon_notification_cancel.png') no-repeat;
    height: 55px;
    background-position: left center;
    line-height: 55px;
    padding-left: 60px;
    font-size: 13px;
}

.archived_pet .label-name
{
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #faaf42;
    font-weight: bold;
    font-size: 18px;
}

.archived_pet img.pet-image {
    width: 100%;
    height: auto;
}


/* record page */
.record-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.record-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.record-page .record-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.record-page .record-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
}

.record-page .record-content-inner {
    /* background-color: #FFF; */
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
}

.content-wrap-full.record-content  ul.nav.nav-tabs li a {
    margin-bottom: 10px;
}

.record-page  thead {
    background-color: #ec8f08;
    color: #FFF;
}

.record-page table {
    width: 100%;
}

.record-page thead th {
    padding: 15px 5px;
    text-align: center;
}

.record-page tbody tr {
    background-color: #fff;
}

.record-page tbody tr td {
    padding: 15px 5px;
    border: 1px solid #f3f3f3;
    text-align:center;
}
.record-page .actions .edit
{
    background:url('../images/icon_edit.png') no-repeat;
    display: block;
    width: 58px;
    height: 58px;
    text-indent: -9999px;
    text-align: center;
    margin: 0px auto;
}

.record-page .record-content-inner h2 {
    background-color: #666;
    color: #FFF;
    font-size: 18px;
    padding: 15px;
    margin-bottom: 0px;
}

.record-page ul#tabs li a {
    background-color: #f2f2f2;
    border-radius: 5px 5px 0px 0px;
    margin-left: 5px;
    color: #4b4c4b;
    border: 1px solid #dcdcdc;
    min-width: 80px;
    text-align: center;
}

.record-page ul#tabs li.active a {
    background-color: #666;
    color: #FFF;
}

.record-page .tool_actions {
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
}

.record-page ul#tabs {
    clear: both;
}

.record-page  #my-tab-content
{
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
}

.record-page .slider .item
{
    text-align: center;
    max-height: 282px;
    color: #FFF;
}

.record-page .slider .item > img
{
    width: 100%;
    -webkit-filter: blur(10px); /* Safari */
    filter: blur(10px);
}

.record-page .slider .item .info {
    position: absolute;
    top: 5%;
    width:100%;
    text-align: center;
}

.record-page .slider .item .info h4 {
    font-size: 20px;
    margin: 10px 0px;
    color: #eee;
    text-shadow: 2px 2px #333;
}

.record-page .slider .item .info p {
    color: #eee;
    text-shadow: 2px 2px #333;
}

.record-page .slider .item .info img {
    max-width: 170px;
}

.record-page .owl-theme .owl-controls
{
    margin-top:0px;
}

.record-page .table-st thead th {
    font-size: 13px;
    text-align: left;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
.record-page .table-st .title-group td{
    font-size: 14px;
    color: #2e2e2e;
    text-align: left;
    text-shadow: 1px 1px rgba(255,255,255,.71);
    background-color: #dedede;
    box-shadow: 0 0 5px rgba(0,0,0,.52);
}
.record-page .table-st td {
    font-size: 13px;
    text-align: center;
}
.record-page .table-st td.status {
    text-align: left;
    color: #d00404;
    white-space: nowrap;
}
.record-page .table-st td.name {
    background-color: #ffddaa;
    text-align: left;
}
.record-page .table-st td.updated-by {
    white-space: nowrap;
}
.record-page .table-st td.updated-by a {
    text-decoration: underline;
}
.record-page .table-st .links-wrap {
    position: relative;
}

.record-page .table-st .links-wrap .paper-record {
    display: inline-block;
}

.record-page .table-st .link-delete {
    /* position: absolute; */
    /* right: -10px; */
    /* bottom: -17px; */
}
.link-history {
    background: url(../images/icon-calendar-black.png) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-indent: -9999px;
}


.record-page .tool_actions button {
    font-size: 18px;
}

.record-page .link_paper_record,
.pet-profile-page .link-view,.record-page .link-view
{
    background:url('../images/icon_paper_record.png') no-repeat;
    display: inline-block;
    width: 18px;
    height: 24px;
    text-align: center;
    margin: 0px auto;
    margin-right: 5px;
    margin-left: 5px;
}

.record-page .link_share,
.pet-profile-page .link-share,
.dashboard-pane-wrapper .link-share
{
    background:url('../images/icon_record_share.png') no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 0px auto;
}

.record-page .link_delete,
.pet-profile-page .link-delete,.record-page .link-delete
{
    background:url('../images/icon_record_delete.png') no-repeat;
    display: inline-block;
    width: 17px;
    height: 19px;
    text-align: center;
    margin: 0px auto;
}

.pet-profile-page .box_inner h3.box-title {
    font-size: 17px;
    color: #fe6600;
    background-color: #dedede;
    padding: 12px 15px;
    overflow: hidden;
    margin: -20px -20px 0px -20px;
    font-weight: bold;
}

.pet-profile-page .box_inner .box-inner-content {
    clear: both;
    overflow: hidden;
    padding: 20px 0px;
}

.pet-profile-page .box_inner .box-inner-content span.no-result {
    font-size: 17px;
    color: #fe6600;
    overflow: hidden;
    font-weight: bold;
}

/* format slider next and prev */
.owl-prev, .owl-next {
    position: absolute;
    top: 45%;
    margin-top: -50px;
    width: 50px;
    height: 50px;
    text-align: center;
    background-color: #fff;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    text-indent:-999px;
    overflow: hidden;
}
.owl-prev:hover, .owl-next:hover {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}
.owl-next {
    right: 0px;
}
.owl-prev {
    left: 0px;
}
.owl-controls {
    text-align: center;
}
.owl-controls .owl-page {
    display: inline-block;
}
.owl-controls .owl-page span {
    background-color: #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    filter: Alpha(Opacity=500);/*IE7 fix*/
    opacity: 0.5;
}
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}


/* Modal upload akc record */
#model-upload-akc-record {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-upload-akc-record .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-upload-akc-record .modal-content {
    border-radius: 5px;
}

#model-upload-akc-record .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-upload-akc-record .modal-header .close span,
#model-upload-vaccination-record .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-upload-akc-record .modal-header .close,
#model-upload-vaccination-record .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-upload-akc-record .modal-inner {
    width: 100%;
    margin: 0px auto;
}

#model-upload-akc-record .control-label
{
    text-align:left;
    font-weight:normal;
}

#model-upload-akc-record .control-label span.require {
    color: #ed9324;
}

#model-upload-akc-record .form-group.buttons {
    text-align: center;
}

#model-upload-akc-record .form-group.buttons button {
    font-size: 18px;
}

#model-upload-akc-record .form_inner {
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-bottom: 20px;
}

#model-upload-akc-record .modal-body {
    background-color: #f3f3f3;
}

/* Modal upload medical record */
#model-upload-medical-record {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-upload-medical-record .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-upload-medical-record .modal-content {
    border-radius: 5px;
}

#model-upload-medical-record .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-upload-medical-record .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-upload-medical-record .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-upload-medical-record .modal-inner {
    width: 100%;
    margin: 0px auto;
}

#model-upload-medical-record .control-label
{
    text-align:left;
    font-weight:normal;
}

#model-upload-medical-record .control-label span.require {
    color: #ed9324;
}

#model-upload-medical-record .form-group.buttons {
    text-align: center;
}

#model-upload-medical-record .form-group.buttons button {
    font-size: 18px;
}

#model-upload-medical-record .form_inner {
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-bottom: 20px;
}

#model-upload-medical-record .modal-body {
    background-color: #f3f3f3;
}


/* Modal upload rabies certificate */
#model-upload-rabies-certificate {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-upload-rabies-certificate .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-upload-rabies-certificate .modal-content {
    border-radius: 5px;
}

#model-upload-rabies-certificate .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-upload-rabies-certificate .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-upload-rabies-certificate .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-upload-rabies-certificate .modal-inner {
    width: 100%;
    margin: 0px auto;
}

#model-upload-rabies-certificate .control-label
{
    text-align:left;
    font-weight:normal;
}

#model-upload-rabies-certificate .control-label span.require {
    color: #ed9324;
}

#model-upload-rabies-certificate .form-group.buttons {
    text-align: center;
}

#model-upload-rabies-certificate .form-group.buttons button {
    font-size: 18px;
}

#model-upload-rabies-certificate .form_inner {
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-bottom: 20px;
}

#model-upload-rabies-certificate .modal-body {
    background-color: #f3f3f3;
}


/* lost a pet page */
.lost-a-pet-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.lost-a-pet-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.lost-a-pet-page .lost-a-pet-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.lost-a-pet-page .lost-a-pet-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
}

.lost-a-pet-page .lost-a-pet-content-inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    padding: 20px;
}

.lost-a-pet-page .lost-a-pet-content > h4 {
    font-size: 18px;
}

.lost-a-pet-page .lost-a-pet-content ul.select-pets {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.lost-a-pet-page .lost-a-pet-content ul.select-pets li {
    list-style-type: none;
    display: inline-block;
    margin-right: 0px;
    text-align: center;
    width: 20%;
    min-height: 200px;
    float: left;
}

.lost-a-pet-page .lost-a-pet-content ul.select-pets li img {
    border-radius: 5px;
    display: block;
    margin-bottom: 5px;
    width: 122px;
    height: 118px;
    margin: 0px auto 5px auto;
}

.lost-a-pet-page .lost-a-pet-content-inner label {
    font-weight: normal;
}

.lost-a-pet-page .lost-a-pet-content-inner label span.require {color: #ec8f08;}

.lost-a-pet-page .lost-a-pet-content ul.upload-image-pets {
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.lost-a-pet-page .lost-a-pet-content ul.upload-image-pets li {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    max-width: 200px
}

.lost-a-pet-page .lost-a-pet-content ul.upload-image-pets li img {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.lost-a-pet-page .lost-a-pet-content ul.upload-image-pets li span {
    background-color: #f0992b;
    color: #FFF;
    padding: 5px;
    display: inline-block;
    margin-top: 5px;
}

.lost-a-pet-page .lost-a-pet-content .form-group.buttons {
    float: right;
}

.lost-a-pet-page .lost-a-pet-content .form-group.buttons button {
    font-size: 18px;
    margin-left: 10px;
}

/* send completed profile page */
.send-complete-profile-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.send-complete-profile-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.send-complete-profile-page .send-complete-profile-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.send-complete-profile-page .send-complete-profile-content-inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    margin-bottom: 30px;
}

.send-complete-profile-content-inner .search-inline {
    margin-top: 8px;
    margin-right: 10px;
}

.send-complete-profile-page .recipients-email {
    background-color: #e8891a;
    padding: 10px;
    overflow: hidden;
    color: #FFF;
    border-radius: 5px;
    margin-bottom: 40px;
    margin-top: 20px;
}

.send-complete-profile-page .recipients-email .form-group {
    margin-bottom: 0px;
}

.send-complete-profile-page .recipients-email span {
    display: inline-block;
    line-height: 34px;
    font-size: 18px;
}

.send-complete-profile-page .heading-select-pet {
    background-color: #6b6b6b;
    overflow: hidden;
    margin-bottom: 20px;
}

.send-complete-profile-page .heading-select-pet h3 {
    color: #FFF;
    font-size: 17px;
    line-height: 40px;
    padding: 10px;
}

.send-complete-profile-page form.form-inline {
    margin-top: 10px;
    margin-right: 10px;
}

.send-complete-profile-page .buttons {
    text-align: right;
}

.send-complete-profile-page .buttons button {
    font-size: 18px;
}

.send-complete-profile-page .list-pets {}

.send-complete-profile-page .list-pets ul {
    padding: 20px;
    margin: 0px;
}

.send-complete-profile-page .list-pets ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.send-complete-profile-page .list-pets ul li img {
    display: block;
    margin-bottom: 10px;
}

.send-complete-profile-page .form-group input[type='checkbox']
{
    width: 15px;
    height: 15px;
    box-shadow:none;
    display:inline-block;
    margin-left: 20px;
}

.send-complete-profile-page  .links
{
    margin-top:20px;
}

.send-complete-profile-page  .links a
{
    display:inline-block;
    border-radius:5px;
    border:1px solid #bdbdbd;
    color:#383938;
    background-color: #f9f9f9;
    text-decoration: none;
    padding: 15px;
    margin-right: 5px;
}

/* locate a record */
.locate-a-record-heading {
    font-size: 18px;
    color: #fff;
    background-image: url(../images/locate-a-record/tag-heading-bg.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    line-height: 59px;
    padding: 0px 5px 0px 15px;
    position: relative;
}

.locate-a-record-heading:before {
    content: '';
    position: absolute;
    left: -32px;
    top: 0px;
    height: 59px;
    width: 32px;
    background-image: url(../images/locate-a-record/tag-heading-bgleft.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.locate-a-record-heading:after {
    content: '';
    position: absolute;
    right: -16px;
    top: 0px;
    height: 59px;
    width: 16px;
    background-image: url(../images/locate-a-record/tag-heading-bgright.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.locate-a-record-content {
    background-color: #f3f3f3;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    /* margin-bottom: 20px; */
    padding: 96px 40px 190px;
    background-image: url(../images/locate-a-record/form-locate-a-record-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    position: relative;
}

.locate-a-record-content span.no-result {
    clear: both;
    margin-top: 100px;
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 334px;
    text-align: center;
    margin: 100px auto 50px;
    font-weight: 500;
}

.locate-a-record-content:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 150px;
    width: 100%;
    background-image: url(../images/locate-a-record/form-locate-a-record-gradient.png);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    z-index: 0;
}

.locate-a-record-content:after {
    content: '';
    width: 110px;
    height: 102px;
    background-image: url(../images/locate-a-record/form-locate-a-record-bg-top-right.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 0;
}

.locate-a-record-content .locate-a-record-heading {
    position: absolute;
    position: absolute;
    left: 22px;
    top: 12px;
    z-index: 10;
}

.form-locate-a-record {
}

.form-locate-a-record form {
    overflow: hidden;
    width: 100%;
    max-width: 830px;
    margin: 0px auto 28px;
    position: relative;
    z-index: 10;
}

.form-locate-a-record p {
    font-size: 18px;
    font-weight: 300;
}

.form-locate-a-record #inputSearch
{
    background-color: #fcfcfc;
    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
    -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
    box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
    border: solid 1px #d5d4d4;
    height: 41px;
    padding: 5px 100px 5px 40px;
    border-radius: 0px;
    background-image: url(../images/locate-a-record/mag-icon.png);
    background-repeat: no-repeat;
    background-position: 12px 12px;
}

.form-locate-a-record .btn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 41px;
    box-shadow: none !important;
    border-radius: 0px;
}

.form-locate-a-record .form-group {
    margin: 0px;
}

.result-locate-a-record {
    padding-top: 26px;
    padding-bottom: 230px;
}

.result-locate-a-record form {
    position: relative;
    z-index: 10;
    float: right;
    width: 100%;
    max-width: 334px;
    margin: 0px 52px 36px 0px;
}

.result-locate-a-record form .form-control {
    padding: 6px 60px 6px 12px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    -moz-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4), inset 0 0 6px rgba(97,97,97,.17);
    border: solid 1px #d7d7d7;
    height: 41px;
}

.result-locate-a-record form .btn {
    position: absolute;
    top: 1px;
    right: 1px;
    text-indent: -9999px;
    height: 40px;
    border: 0px;
    width: 45px;
    box-shadow: none;
    background-image: url(../images/locate-a-record/mag-icon-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffc926;
}

.result-locate-a-record form .form-group {
    margin: 0px;
}

.result-locate-a-record .container-table {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    padding: 0px;
    clear: both;
    position: relative;
    z-index: 10;
    overflow: inherit;
}

.result-locate-a-record table {
    clear: both;
    /* overflow: hidden; */
    width: 100%;
}

.result-locate-a-record table thead
{
}

.result-locate-a-record table thead th {
    color: #FFF;
    text-align: center;
    background-color: #646262;
    padding: 12px 10px;
    font-size: 15px;
    font-weight: 500;
}

.result-locate-a-record table tbody td {
    padding: 12px 10px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #cdcdcd;
    font-weight: 400;
}

.result-locate-a-record table tbody td a {
    color: #2b78e4;
    text-decoration: none;
}

@media (max-width: 768px) {
    .result-locate-a-record {
        padding-top: 96px;
    }

    .result-locate-a-record form {
        float: none;
    }
}

/* archived connections */
.archived-connections-inner {
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.archived-connections-inner .list-archived {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 40px 10px;
    clear: both;
    overflow: hidden;
}

.archived-connections-inner .list-authorized {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 20px;
    clear: both;
    overflow: hidden;
}

.archived-connections-inner .subheadding {
    overflow: hidden;
    padding: 30px 20px;
    font-size: 18px;
}

.archived-connections-inner .subheadding form.form-inline {
    float: right;
}

.archived-connections-inner span.no-result {
    text-align: center;
    display: block;
}

.archived-connections-inner .box-title {
    background-color: #fd9c0f;
    color: #FFF;
    overflow: hidden;
    padding: 5px;
    border-radius: 5px;
}

.archived-connections-inner .date-archived {
    float: left;
    padding-left: 10px;
    font-size: 15px;
}

.archived-connections-inner .link-profile {
    float: right;
    padding-right: 10px;
}

.archived-connections-inner .link-profile a {
    color: #FFF;
    font-size: 15px;
}

.archived-connections-inner .box-content {
    padding: 10px 0px;
}

.archived-connections-inner .box-content a.link-enable-authorization {
    font-size: 15px;
    color: #fd9c0f;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.archived-connections-inner .box-content .box-info {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    padding: 0px 0px 10px 0px;
}
.archived-connections-inner .box-content .box-info > * {
    padding: 5px 10px;
    font-size: 15px;
    display: block;
}

.archived-connections-inner .box-content .box-info h4 {
    background-color: #dbdbdb;
    padding: 10px;
    font-size: 16px;
}

.archived-connections-inner .box-content a.link-pet {
    font-size: 15px;
    color: #fd9c0f;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}
.archived-connections-inner .box-content .image-avatar
{
    width:100%;
}

.list-archived .item
{
    margin-bottom: 40px;
}

.formsearch #inputSearch
{
    padding: 6px 60px 6px 12px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    -moz-box-shadow: inset 0 0 6px rgba(97,97,97,.17);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4), inset 0 0 6px rgba(97,97,97,.17);
    border: solid 1px #d7d7d7;
    height: 41px;
}

.formsearch button
{
    text-indent: -9999px;
    height: 40px;
    border: 0px;
    width: 45px;
    box-shadow: none;
    background-image: url(../images/locate-a-record/mag-icon-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffc926;
    margin-left: -3px;
}

/* no vacancy */
.no-vacancy {
    background-color: #f3f3f3;
    padding: 40px 10px 80px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.no-vacancy-info {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.no-vacancy .no-vacancy-info thead {
    background-color: #ef9728;
    color: #FFF;
    text-align: center;
}

.no-vacancy .no-vacancy-info thead th {
    padding: 15px 8px;
    text-align: center;
    font-size: 15px;
}

.no-vacancy .buttons {
    text-align: center;
    margin-top: 40px;
}

.no-vacancy .buttons button {
    font-size: 18px;
}

.no-vacancy-inner > p {
    font-size: 15px;
}

.no-vacancy .no-vacancy-info table td {
    padding: 10px 0px;
    border: 1px solid #c6c6c6;
    text-align: center;
}

.no-vacancy .no-vacancy-info table td input[type="text"] {
    max-width: 150px;
    margin: 0px 5px;
}

.no-vacancy .no-vacancy-info table tbody tr:nth-child(2n+1)
{
    background-color: #FFF;
}

.no-vacancy .no-vacancy-info table tbody tr:nth-child(2n)
{
    background-color: #e1e1e1;
}

/* profile pet page */
.pet-profile-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.pet-profile-page .heading h2 {
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}
.heading .edit-pet-profile,
.heading .save-pet-profile {
    float: right;
    border: 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
}
.heading .edit-pet-profile {
    background: url('../images/icon_user_profile_edit.png') no-repeat;
}
.heading .save-pet-profile {
    background: url('../images/icon_user_profile_save.png') no-repeat;
}

.heading .cancel-pet-profile {
    float: right;
    border: 0;
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-left: 10px;
    margin-top: 1px;
}
.heading .cancel-pet-profile {
    background: url('../images/cancel-edit-profile.png') no-repeat;
    background-size: 54px;
    background-position: center center;
}

.pet-profile-page .pet-profile-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    overflow: hidden;
}

.pet-profile-page #tabs {
    background-color: #000;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .pet-profile-page #tabs {
        margin-right: -15px;
    }
}

.pet-profile-page #my-tab-content {
    /* background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec; */
}

.pet-profile-page #tabs li a {
    color: #FFF;
    border: none;
    border-bottom: 1px solid #444544;
    margin: 0;
    padding: 12px 10px;
    border-radius: 0;
}
.pet-profile-page #tabs li a span {
    position: relative;
}
.pet-profile-page #tabs li a:hover {
    background-color: transparent;
}
.pet-profile-page #tabs li.active a {
    background-color: transparent;
    width: 100%;
}
.pet-profile-page #tabs li.active a::before,
.pet-profile-page #tabs li a:hover::before {
    content: '';
    background-color: #f29e30;
    height: 40px;
    position: absolute;
    top: 3px;
    left: -2px;
    right: 0;
}
.pet-profile-page #tabs li.active a::after,
.pet-profile-page #tabs li a:hover::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #f29e30;
    border-width: 20px 0 20px 15px;
    position: absolute;
    right: -15px;
    top: 3px;
}

.pet-profile-page #tabs li {
    padding: 0;
    margin: 0;
}

.pet-profile-page #tabs li a img {
    display: inline-block;
    margin-right: 5px;
}
.pet-profile-page .box_inner {
    padding: 20px;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    margin-bottom: 35px;
}
.pet-profile-page .box_inner .box_inner-title {
    margin: -20px -20px 30px;
    background-color: #f8aa3c;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
    color: #fff;
    padding: 16px 14px;
}
.pet-profile-page .box_inner .box_inner-title h3 {
    font-size: 17px;
    font-weight: 700;
}
.pet-profile-page .form-group label {
    font-weight: 400;
}
.pet-profile-page .control-label {
    font-size: 15px;
    margin-bottom: 12px;
}
.pet-profile-page .control-value {
    display: block;
    font-size: 14px;
    font-weight: 300;
    padding-left: 15px;
    margin-bottom: 50px;
}
.pet-profile-page .control-value .or {
    display: inline-block;
    padding: 0 15px;
    font-weight: 500;
}
.pet-profile-page .control-value .age-years-show {
    padding-right: 80px;
}
.pet-profile-page .control-label .require {
    color: #ff0000;
}
.pet-profile-page .form-control,
.main-content .form-control-mpc {
    height: 60px;
}
.pet-profile-page .form-control:focus,
.form-control-mpc:focus {
    box-shadow: inset 0 0 6px rgba(97,97,97,.17), 1px 1px 2px rgba(0,0,0,0.6);
    border-color: #d7d7d7;
}
.pet-profile-page .form-group .dob-field {
    position: relative;
}
.dashboard-add-pet__form-row .date-wrap
{
    position:relative;
}
.pet-profile-page .form-group .dob-field .icon_dob,
#model-upload-vaccination-record .record-tab-form .icon_dob,.dashboard-add-pet__form-row .icon_dob {
    background: url(../images/icon-calendar_2.png) no-repeat;
    width: 35px;
    height: 35px;
    background-size: 35px;
    position: absolute;
    right: 0px;
    top: 2px;
    cursor: pointer;
    display: inline-block;
}
.pet-profile-page .form-group .age-field {
    font-size: 13px;
}
.pet-profile-page .form-group .age-field select {
    width: 86px;
    margin-right: 8px;
}
.pet-profile-page .form-group .age-field #age_month {
    margin-left: 12px;
}
.pet-profile-page .form-group-highlight .form-control {
    background: #ececec;
}
.pet-profile-page .text-note-required {
    font-size: 14px;
    margin-top: 15px;
}
.pet-profile-page .text-note-required p {
    padding-left: 22px;
    position: relative;
    margin-bottom: 20px;
}
.pet-profile-page .text-note-required p::before {
    content: '*';
    color: #ff0000;
    margin-left: -20px;
    position: absolute;
    top: 4px;
}
.pet-profile-page .text-note-required .cb-highlight {
    color: #da8000;
}
.pet-profile-page .update-pet-profile-img {
    font-size: 14px;
    padding: 10px;
    border-radius: 4px;
    background-color: #ededed;
    box-shadow: 0 2px 4px rgba(0,0,0,.37), inset 0 -3px #dadada, inset 0 0 2px rgba(255,255,255,.75);
    border: solid 1px #cbcbcb;
    background-image: -webkit-linear-gradient(bottom, #ededed, #f9f9f9);
    background-image: linear-gradient(to top, #ededed, #f9f9f9);
}
.pet-profile-page .update-pet-profile-img .image-preview {
    float: left;
    width: 125px;
    text-align: center;
    margin-right: 15px;
}
.pet-profile-page .update-pet-profile-img .image-preview img {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #dcdcdc;
}
.pet-profile-page .update-pet-profile-img .image-preview p {
    color: #ff7200;
    font-size: 14px;
    margin-top: 6px;
    padding-top: 0px;
}
.pet-profile-page .update-pet-profile-img .image-upload .input-file {
    margin-bottom: 28px;
}

.pet-profile-page .update-pet-profile-img  .image-upload {
    float: left;
    width: 500px;
}

.pet-profile-page .update-pet-profile-img .image-upload .upload-image-input-container .upload-image-input-text {
    width: 60%;
    display: inline-block;
    margin-right: 15px;
}

.pet-profile-page .update-pet-profile-img .image-upload p {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 20px;
}

.pet-profile-page .update-pet-profile-img .image-upload .upload-image-input-container button.btn-browse {
    font-size: 18px;
    font-weight: 500;
    width: 119px;
}

.pet-profile-page .img-pet-directions {
    list-style: none;
    padding: 0;
    margin: 32px 0 20px;
}
.pet-profile-page .img-pet-directions li {
    float: left;
    text-align: center;
    margin-right: 23px;
    width: 26%;
}
.pet-profile-page .img-pet-directions li img {
    width: 92px;
    border: 1px solid #b1b1b1;
    border-radius: 6px;
}
.pet-profile-page .img-pet-directions li p {
    margin-top: 10px;
}

.pet-profile-page .img-pet-directions li.active
{
    color: #e37b0c;
}

.pet-profile-page .img-pet-directions li.active img
{
    border-color:#e37b0c
}

@media (min-width: 768px) {
    .pet-profile-page .img-pet-directions.no-edit {
        padding-left: 70px;
    }
}
.pet-profile-page .img-pet-directions.no-edit li {
    margin-right: 36px;
}
.pet-profile-page .img-pet-directions.no-edit li img {
    width: 142px;
}
.pet-profile-page .img-pet-directions.no-edit li p {
    font-size: 23px;
}
.form-weight-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}
.form-weight-field .form-weight-or {
    font-size: 18px;
    font-weight: 500;
    padding: 0 12px;
}
.form-weight-field .input-group-addon {
    background: #848484;
    box-shadow: inset 0 0 6px rgba(97,97,97,.17), 1px 1px 2px rgba(0,0,0,0.6);
    border: 0;
    font-size: 12px;
    color: #fff;
}
.label-control__small {
    font-weight: 300;
    font-size: 13px;
}
.pet-profile-page .additional-notes-field label {
    margin-top: 0px;
    margin-bottom: 23px;
}
.pet-profile-page #select-pre-existing-conditions {
    display: inline-block;
    width: 286px;
    margin-right: 7px;
}
.pet-profile-page .pre-existing-conditions-field .btn-mpc-primary {
    font-size: 18px;
    height: 39px;
    width: 90px;
}
.pet-profile-page #tab-feeding-instructions .box_inner {
    padding: 0;
    min-height: 440px;
}
.pet-profile-page #tab-feeding-instructions table {
    width: 100%;
    table-layout: fixed;
}
.pet-profile-page #tab-feeding-instructions table th{
    font-size: 17px;
    color: #fe6600;
    background-color: #dedede;
    padding: 12px 15px;
    text-align: center;
    border-left: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}
.pet-profile-page #tab-feeding-instructions table td {
    font-size: 15px;
    text-align: center;
    padding: 14px 15px;
    border-left: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
}
.pet-profile-page #tab-feeding-instructions table th:first-child,
.pet-profile-page #tab-feeding-instructions table td:first-child {
    border-left: 0;
}
.pet-profile-page #tab-feeding-instructions table:last-child {
    border-bottom: 1px solid #b9b9b9;
}
.pet-profile-page #tab-feeding-instructions .content-edit .box_inner {
    padding: 15px;
}
.pet-profile-page #tab-feeding-instructions .title-fi {
    color: #ee6a12;
    font-weight: 500;
    margin: 0 0 20px 15px;
}
.pet-profile-page #tab-feeding-instructions .content-box .radio {
    display: inline-block;
    margin: 0 15px 0 0;
}
.pet-profile-page #tab-feeding-instructions .content-box .help {
    width: 20px;
    height: 20px;
    background: #ee6a12;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
}
.pet-profile-page #tab-feeding-instructions .content-box .radio:last-child {
    margin-right: 0;
}
.pet-profile-page #tab-feeding-instructions .box-row {
    margin-bottom: 20px;
}
.pet-profile-page #tab-feeding-instructions .time-box {
    background-color: #fdf5e2;
    border: 1px solid #dad9d7;
    border-radius: 10px;
    padding: 14px;
    min-height: 116px;
    margin-bottom: 20px;
}
.pet-profile-page #tab-feeding-instructions .time-box .checkbox {
    margin-top: 0;
}
.pet-profile-page #tab-feeding-instructions .time-box .checkbox label {
    font-weight: 700;
}
.pet-profile-page #tab-feeding-instructions .time-box select {
    margin-bottom: 15px;
}
.pet-profile-page #tab-feeding-instructions .time-box .row {
    margin-left: -10px;
    margin-right: -10px;
}
.pet-profile-page #tab-feeding-instructions .time-box .row > div {
    padding-left: 10px;
    padding-right: 10px;
}
.btn-green-third {
    font-size: 18px;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    height: 45px;
    background-image: -webkit-linear-gradient(bottom, #8cc646, #9fd75b);
    background-image: linear-gradient(to top, #8cc646, #9fd75b);
    border-radius: 3px/4px;
    background-color: #8cc646;
    box-shadow: 0 1px rgba(22,165,42,.75);
    border: solid 1px #72a534;
}
.btn-green-third:hover {
    color: #fff;
}
.pet-profile-page #tab-feeding-instructions .btn-green-third {
    float: right;
    width: 102px;
}
.pet-profile-page #tab-grooming-profile p {
    font-size: 19px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 35px;
}
.pet-profile-page .grooming-profile-img {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}
.pet-profile-page .grooming-profile-img li {
    float: left;
    width: 32%;
    border-radius: 5px;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 0 3px rgba(0,0,0,.54), 0 4px rgba(0,0,0,.61);
    border: solid 1px rgba(255,255,255,.52);
}
.pet-profile-page .grooming-profile-img li:not(:last-child) {
    margin-right: 2%;
}
.pet-profile-page .grooming-profile-img li img {
    width: 100%;
    border-radius: 5px;
}

.pet-profile-page #tab-grooming-profile .link_edit
{
    text-decoration: underline;
    display: block;
    width: 58px;
    height: 78px;
    padding-top: 55px;
    text-align: center;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: right top;
}

.pet-profile-page #tab-grooming-profile .link_delete
{
    text-decoration: underline;
    display: block;
    width: 58px;
    height: 78px;
    padding-top: 55px;
    text-align: center;
    background: url('../images/icon_delete.png') no-repeat;
    background-position: right top;
}

.pet-profile-page #tab-grooming-profile .buttons {
    text-align: right;
    margin-bottom: 20px;
}
.pet-profile-page #tab-grooming-profile .grooming-item .box_inner {
    padding: 40px 60px;
    overflow: hidden;
}
.pet-profile-page #tab-grooming-profile .grooming-item .salon-meta {
    font-weight: 700;
    font-size: 19px;
    line-height: 35px;
}
.pet-profile-page #tab-grooming-profile .grooming-item .salon-date {
    float: right;
}
.pet-profile-page #tab-grooming-profile .grooming-item p {
    text-align: left;
}
.pet-profile-page #tab-grooming-profile .grooming-item .delete-item {
    float: right;
    margin-top: -60px;
    margin-right: -40px;
}

.record-page .box_inner {
    padding: 0;
}
.record-page .table-st thead th {
    font-size: 13px;
    text-align: left;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
.record-page .table-st .title-group td{
    font-size: 14px;
    color: #2e2e2e;
    text-align: left;
    text-shadow: 1px 1px rgba(255,255,255,.71);
    background-color: #dedede;
    box-shadow: 0 0 5px rgba(0,0,0,.52);
}
.record-page .table-st td {
    font-size: 13px;
    text-align: center;
}
.record-page .table-st td.status {
    text-align: left;
    color: #d00404;
    white-space: nowrap;
}
.record-page .table-st td.name {
    background-color: #ffddaa;
    text-align: left;
}
.record-page .table-st td.updated-by {
    white-space: nowrap;
}
.record-page .table-st td.updated-by a {
    text-decoration: underline;
}
.record-page .table-st .links-wrap {
    position: relative;
}
.record-page .table-st .link-delete {
    /* position: absolute; */
    /* bottom: -17px; */
}
.link-history {
    background: url(../images/icon-calendar-black.png) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-indent: -9999px;
}


.pet-profile-page #tab-vaccinations .box_inner {
    padding: 0;
}
.pet-profile-page #tab-vaccinations .table-st thead th {
    font-size: 13px;
    text-align: left;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
.pet-profile-page #tab-vaccinations .table-st .title-group td{
    font-size: 14px;
    color: #2e2e2e;
    text-align: left;
    text-shadow: 1px 1px rgba(255,255,255,.71);
    background-color: #dedede;
    box-shadow: 0 0 5px rgba(0,0,0,.52);
}
.pet-profile-page #tab-vaccinations .table-st td {
    font-size: 13px;
    text-align: center;
}
.pet-profile-page #tab-vaccinations .table-st td.status {
    text-align: left;
    color: #d00404;
    white-space: nowrap;
}
.pet-profile-page #tab-vaccinations .table-st td.name {
    background-color: #ffddaa;
    text-align: left;
}
.pet-profile-page #tab-vaccinations .table-st td.updated-by {
    white-space: nowrap;
}
.pet-profile-page #tab-vaccinations .table-st td.updated-by a {
    text-decoration: underline;
}
.pet-profile-page #tab-vaccinations .table-st .links-wrap {
    position: relative;
    min-width: 60px;
}

.pet-profile-page #tab-vaccinations .table-st .links-wrap .paper-record {
    display: inline-block;
}

.pet-profile-page #tab-vaccinations .table-st .link-delete {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.pet-profile-page #tab-records .tab-container .nav-tabs li {
    margin-left: 5px;
    margin-right: 0;
}
.pet-profile-page #tab-records .tab-container .nav-tabs li a {
    min-width: auto;
    font-size: 14px;
}
.pet-profile-page #tab-records .tab-container .nav-tabs li.active a{
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
.pet-profile-page .nav-tabs #tab-all-nav {
    width: 80px;
}
.pet-profile-page .nav-tabs #tab-akc-records-nav {
    width: 156px;
}
.pet-profile-page #tab-records .tab-pane table {
    width: 100%;
}
.pet-profile-page #tab-records .tab-pane table th {
    font-size: 15px;
    font-weight: bold;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
.pet-profile-page #tab-records .tab-pane table th:first-child {
    width: 34%;
}
.pet-profile-page #tab-records .tab-pane table td {
    text-align: center;
}
.pet-profile-page #tab-records .tab-pane table td:first-child {
    color: #d00404;
}
.pet-profile-page #tab-records .tab-pane table td a {
    text-decoration: underline;
}

#tab-vaccination-records button#tab-vaccination-records_upload_records {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* Dashboard */
.main-dashboard {
    background: url('../images/body_dashboard_bg.jpg') no-repeat center top;
    background-size: cover;
    padding-bottom: 0;
}
.dashboard-pane {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 0 27px;
}
@media (min-width: 992px) {
    .dashboard-pane-wrapper {
        width: 72%;
        padding-left: 0;
    }
    .dashboard-pane {
        margin-left: 0;
    }
}
.locate-a-record-content {
    margin-top: 38px;
}
.appointment-calendar {
    background-color: #fff;
    text-align: center;
    margin: -5px 5px 0;
    padding-top: 25px;
    padding-bottom: 22px;
    border-radius: 5px/3px;
    box-shadow: 0 0 6px rgba(68,73,84,.4);
    border: solid 1px #c4c5c6;
}
.dashboard-pane .ourPet {
    margin: 30px 0 15px;
}
.dashboard-pane .ourPet .ourPet_amount {
    float: left;
    color: #fff;
    font-size: 18px;
    margin-left: 10px;
}
.dashboard-pane .ourPet .add-pet-btn {
    float: right;
    width: 117px;
    height: 26px;
    background: #faaf42;
    color: #fff;
    text-shadow: 0 -1px 1px rgba(102,102,102,.45);
    font-size: 13px;
    box-shadow: 0 0 5px rgba(0,0,0,.19), inset 0 1px 1px #fff;
    border: 0;
    border-radius: 3px;
}
.dashboard-pane .ourPet .add-pet-btn span {
    display: inline-block;
}
.dashboard-pane .ourPet .add-pet-btn img {
    margin-top: -2px;
    margin-right: 10px;
}
.dashboard-pane .table-pet-details {
    margin-left: -12px;
    margin-right: -12px;
}
.top-pet-detail-wrap {
    padding: 0 3px;
    position: relative;
}
.top-pet-detail-wrap::before,
.top-pet-detail-wrap::after {
    content: '';
    width: 3px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 14px;
}
.top-pet-detail-wrap::before {
    left: 0;
    border-left: 1px solid #c4c5c6;
    border-top: 1px solid #c4c5c6;
    border-top-left-radius: 3px;
}
.top-pet-detail-wrap::after {
    right: 0;
    border-right: 1px solid #c4c5c6;
    border-top: 1px solid #c4c5c6;
    border-top-right-radius: 3px;
}
.table-pet-details .top-pet-detail {
    background: #fff;
    margin: 0 -3px;
    border-left: 1px solid #c4c5c6;
    border-right: 1px solid #c4c5c6;
    padding: 12px 0 30px;
}
.top-border-pet-detail {
    background: url(../images/ghim.png) repeat-x;
    height: 31px;
}
.table-pet-details .top-pet-detail .pet-detail-title {
    display: inline-block;
    font-size: 20px;
    margin-left: 32px;
}
.table-pet-details .top-pet-detail .pet-detail-action {
    float: right;
    margin-right: 15px;
    font-size: 0;
}
.table-pet-details .top-pet-detail .pet-detail-action a {
    display: inline-block;
    font-size: 12px;
    color: #9f9f9f;
    padding-left: 6px;
    margin-left: 6px;
    line-height: 27px;
}
.table-pet-details .top-pet-detail .pet-detail-action a i {
    color: #f9af41;
    margin-right: 5px;
}
.table-pet-details .top-pet-detail .pet-detail-action a:not(:first-child) {
    border-left: 1px solid #e3e3e3;
}
.table-pet-details .pet-info-wrap {
    border-top: 1px solid #c4c5c6;
    margin-top: -16px;
    position: relative;
}
.pet-info-border-top {
    background: url(../images/dot-gray-bg.png) repeat-x;
    height: 15px;
}
.pet-info-wrap .pet-info-container {
    background: url(../images/gray-pattern-bg.png) repeat;
    padding: 13px 25px 30px;
}
.pet-info-wrap .pet-info-left {
    float: left;
    width: 105px;
    text-align: center;
}

.pet-info-wrap .pet-info-left img
{
    width: 100%;
}

.pet-info-wrap .pet-info-left .pet-name {
    font-size: 16px;
    margin-top: 10px;
}
.pet-info-wrap .pet-info-left .edit-profile {
    font-size: 11px;
    color: #2b78e4;
    text-decoration: none;
    margin-top: 5PX;
    display: bLock;
}

.pet-info-wrap .pet-info-left .edit-profile span {
    display: block;
    text-align: center;
    margin: 0px auto;
}

.pet-info-wrap .pet-info-left .edit-profile i {
    margin-right: 7px;
}
.pet-info-wrap .pet-info-right {
    float: right;
    width: 550px;
}
@media (max-width: 991px) {
    .pet-info-wrap .pet-info-left {
        float: none;
        width: auto;
        margin-bottom: 15px;
    }
    .pet-info-wrap .pet-info-right {
        float: none;
        width: auto;
    }
}
.pet-info-wrap .table-pet-info {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.19);
}
.pet-info-wrap .table-pet-info thead th {
    font-size: 12px;
    color: #fff;
    padding: 12px 12px 20px;
    border: solid 1px #dd9b3f;
    background-image: -webkit-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -moz-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -o-linear-gradient(bottom, #faaf42, #e88819);
    background-image: -ms-linear-gradient(bottom, #faaf42, #e88819);
    background-image: linear-gradient(to top, #faaf42, #e88819);
}
.pet-info-wrap .table-pet-info thead th:nth-child(3),
.pet-info-wrap .table-pet-info thead th:nth-child(4) {
    width: 16%;
}
.pet-info-wrap .table-pet-info thead th:nth-child(5) {
    width: 12%;
}
.pet-info-wrap .table-pet-info tbody td {
    font-size: 12px;
    padding: 8px 7px;
    border: 1px solid #ebebeb;
}
.pet-info-wrap .table-pet-info tbody td:nth-child(2) {
    background: #fde5c1;
    color: #80581c;
}

/* Paging */
.dashboard-pane .paging-nav {
    text-align: center;
    margin: 25px 0;
}

.dashboard-pane .paging-nav .pagination li
{
    margin: 0px 5px;
}

.dashboard-pane .paging-nav .pagination li > *{
    display: inline-block;
    text-align: center;
    color: #556270;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 2px 3px 3px 2px/3px;
    background-color: #fff;
    box-shadow: inset 0 1px 1px #fff;
    border: solid 1px #ddd;
    background-image: -webkit-linear-gradient(bottom, #f0f0f0, rgba(240,240,240,0));
    background-image: linear-gradient(to top, #f0f0f0, rgba(240,240,240,0));
    float: inherit;
}
.dashboard-pane .paging-nav .pagination li.active > * {
    background: #faaf42;
    border: solid 1px #af874c;
}
.dashboard-pane .paging-nav .pagination > a[rel="prev"],
.dashboard-pane .paging-nav .pagination > a[rel="next"] {
    padding: 0 12px;
}
.dashboard-pane .paging-nav a:hover {
    text-decoration: none;
}
.dashboard-pane .paging-nav a:focus {
    outline: none;
}

/* Sidebar */
.sidebar-dashboard .search-box {
    padding: 12px 7px 14px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.4);
    border: solid 1px #c4c5c6;
    margin-bottom: 12px;
    background-image: -webkit-linear-gradient(top, #e2e3e3, #fbfcfd);
    background-image: linear-gradient(to bottom, #e2e3e3, #fbfcfd);
}
.sidebar-dashboard .search-box > h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
.sidebar-dashboard .search-box .form-group {
    margin-bottom: 0;
    position: relative;
}
.sidebar-dashboard .search-box input {
    width: 100%;
    height: 32px;
    font-size: 12px;
    padding: 0 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px rgba(255,255,255,.75), inset 0 0 12px rgba(0,0,0,.31);
    border: solid 1px #c4c5c6;
}
.sidebar-dashboard .search-box .btn-search {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 -1px rgba(0,50,74,.3);
    height: 25px;
    border-radius: 2px/3px 3px 2px 2px;
    background-color: rgba(255,255,255,.82);
    box-shadow: inset 0 2px rgba(251,251,252,.55);
    border: solid 1px #d29031;
    background-image: -webkit-linear-gradient(bottom, #e78516, #faaf42);
    background-image: linear-gradient(to top, #e78516, #faaf42);
}
@media (min-width: 992px) {
    .sidebar-dashboard {
        width: 287px;
        padding: 0;
        margin-left: -10px;
    }
}
.sidebar-dashboard .tag-clip-top {
    background: url(../images/clip-tag-header.png) no-repeat center top;
    padding: 60px 0 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.sidebar-dashboard .tag-clip-top .manage-connect-box {
    padding: 0 10px 10px;
    background: #f4fcff;
    background: -webkit-linear-gradient(top, #f4fcff 0%,#d2effd 100%);
    background: linear-gradient(to bottom, #f4fcff 0%,#d2effd 100%);
    border: 1px solid #c4c5c6;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}
@media (max-width: 991px) {
    .sidebar-dashboard .tag-clip-top {
        height: auto;
        background: none;
        padding-top: 0;
    }
    .sidebar-dashboard .tag-clip-top .manage-connect-box {
        padding-top: 20px;
        border-radius: 4px;
    }
}
.sidebar-dashboard .tag-clip {
    background: #e5e6e6;
    background-image: -webkit-linear-gradient(bottom, #fff, rgba(255,255,255,0) 93%);
    background-image: linear-gradient(to top, #fff, rgba(255,255,255,0) 93%);
    padding: 30px 10px 27px;
    margin-top: -10px;
    border: 1px solid #c4c5c6;
    border-radius: 4px;
    box-shadow: 0 6px 6px rgba(0,0,0,.4);
    clear: both;
    overflow: hidden;
}
.manage-connect-box .box-title {
    background-color: #faaf42;
    border: 1px solid #d7a255;
    position: relative;
    padding: 11px 15px 10px 38px;
}
.manage-connect-box .box-title::before {
    content: '';
    background: url(../images/icon-pet-owner-black-small.png) no-repeat;
    width: 15px;
    height: 19px;
    position: absolute;
    left: 12px;
    top: 10px;
    background-position: center center;
    background-size: 100%;
}

.manage-connect-box.pet-vet .box-title::before
{
    content: '';
    background: url(../images/icon-pet-vet-black-small.png) no-repeat;
    width: 15px;
    height: 19px;
    position: absolute;
    left: 12px;
    top: 10px;
    background-size: 15px;
    background-position: center center;
}

.manage-connect-box.pet-salon .box-title::before
{
    content: '';
    background: url(../images/icon-pet-salon-black-small.png) no-repeat;
    width: 15px;
    height: 19px;
    position: absolute;
    left: 12px;
    top: 10px;
    background-size: 15px;
    background-position: center center;
}

.manage-connect-box.pet-owner .box-title::before
{
    content: '';
    background: url(../images/icon-pet-owner-black-small.png) no-repeat;
    width: 15px;
    height: 19px;
    position: absolute;
    left: 12px;
    top: 10px;
    background-size: 15px;
    background-position: center center;
}

.manage-connect-box .box-title h4 {
    font-size: 14px;
    color: #fff;
}
.manage-connect-box .box-title .delete-box {
    position: absolute;
    top: 10px;
    right: 14px;
    background: url(../images/bin.png) no-repeat;
    width: 14px;
    height: 15px;
    text-indent: -9999px;
}
.manage-connect-box .box-content {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-top: 0;
}
.manage-connect-box .box-content_user {
    display: table;
    width: 100%;
    padding: 21px;
}
.manage-connect-box .box-content_user > * {
    display: table-cell;
    vertical-align: middle;
}
.manage-connect-box .box-content_user-img {
    width: 85px;
    padding-right: 12px;
}

.manage-connect-box .box-content_user-img img
{
    width: 100%;
}

.manage-connect-box .box-content_user-info h3 {
    font-size: 16px;
    line-height: 20px;
}
.manage-connect-box .box-content_user-info p{
    font-size: 11px;
    color: #999;
    margin: 5px 0 0;
}
.manage-connect-box .box-content_user-delete .delete-box
{
    width: 14px;
    height: 15px;
    display: block;
    padding: 10px;
    color: #faaf42;
}
.manage-connect-box .box-content_action {
    padding: 12px 16px;
    border-top: 1px solid #e7e7e7;
}
.manage-connect-box .box-content_action a {
    color: #2b78e4;
    font-size: 11px;
}
.manage-connect-box .box-content_action a.ac1 {
    float: left;
}
.manage-connect-box .box-content_action a.ac2 {
    float: right;
}
.manage-connect-box .box-content_action a.ac2 img {
    margin-right: 5px;
}
.pet-product-accessories {
    background: url(../images/hanging-wood.png) no-repeat;
    width: 293px;
    height: 271px;
    text-align: center;
    font-size: 16px;
    padding: 60px 15px 0;
    margin-top: -15px;
}
.pet-product-accessories .button-bottom {
    margin-top: 12px;
}
.pet-product-accessories .button-bottom a{
    display: inline-block;
    color: #fff;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
}
.pet-product-accessories .button-bottom a:hover {
    text-decoration: none;
}
.pet-product-accessories .button-bottom .btn-ordernow {
    border: solid 1px #ea8b1d;
    background-image: -webkit-linear-gradient(top, #e27a0b, #faaf42 45%);
    background-image: linear-gradient(to bottom, #e27a0b, #faaf42 45%);
}
.pet-product-accessories .button-bottom .btn-moredetail{
    border: solid 1px #9e9e9e;
    background-image: -webkit-linear-gradient(top, #989898, #c3c3c3 45%);
    background-image: linear-gradient(to bottom, #989898, #c3c3c3 45%);
}
.pet-product-accessories .button-bottom .btn-compare{
    box-shadow: 0 1px rgba(81,81,81,.75);
    border: solid 1px #474747;
    background-image: -webkit-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: linear-gradient(to top, #333433, #6a6a6a);
}
.dog-face {
    position: absolute;
    right: -20px;
    bottom: -13px;
}

/* Container full width */
@media (min-width: 1200px){
    .container-full-width {
        max-width: 1038px;
    }
}
.container-full-width {
    padding: 20px 15px 125px;
    background-color: rgba(255, 255, 255, 0.3);
    position: relative;
}
.content-wrap-full {
    padding: 15px;
    border-radius: 5px;
    background-color: #f3f3f3;
    box-shadow: 0 3px rgba(0,0,0,.75);
    border: solid 1px #989898;
}
.box-area-wrap {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-bottom: 25px;
}
.box-area-wrap .checkbox,
.box-area-wrap .radio {
    margin: 0;
}
.box-area-wrap .box-area__title {
    position: relative;
    height: 64px;
    padding: 0 10px;
    background-color: #787878;
    border-bottom: solid 1px #323232;
    background-image: -webkit-linear-gradient(bottom, #595959, #7a7a7a);
    background-image: linear-gradient(to top, #595959, #7a7a7a);
}
.box-area-wrap .box-area__title h3 {
    color: #fff;
    font-size: 15px;
    line-height: 62px;
    font-weight: 500;
    float: left;
}
.box-area-wrap .box-area__title h3.title-right {
    float: right;
}
.box-area-wrap .box-area__title .title--accessories {
    position: absolute;
    left: 52%;
    top: 3px;
}
.box-area-wrap .box-area__title .title--box-price {
    position: absolute;
    left: 32%;
    top: 8px;
    width: 120px;
    height: 48px;
    background: #fff;
    padding: 5px 8px;
    text-align: center;
}
.box-area-wrap .box-area__title .title--box-price span {
    display: block;
    height: 100%;
    color: #faaf42;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #5a5a5a;
    line-height: 34px;
}
.box-area-wrap .box-area__content {
    padding: 20px;
}
.box-area-wrap .box-area__content::after {
    content: '';
    display: table;
    clear: both;
}
.table-st-wrap {
    overflow: hidden;
}
.table-st {
    width: 100%;
}
.table-st thead th {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    padding: 12px;
    border-left: 1px solid #888;
    background-color: #5b5b5b;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #636363, #868686);
}
.table-st > tbody > tr > td {
    font-size: 14px;
    padding: 10px 5px;
    border-left: 1px solid #e1e1e1;
}

.table-st > tbody > tr > td.require-period > div {
    display: inline;
}

.table-st > tbody > tr > td.require-period > div.checkbox-text {
    margin-left: 8px;
}

.content-wrap-full select,
 .content-wrap-full input[type="text"],
 .content-wrap-full textarea {
     width: 100%;
     font-size: 14px;
     background-color: #fff;
     border-radius: 4px;
     box-shadow: inset 0 0 6px rgba(97,97,97,.17), 1px 1px 2px rgba(0,0,0,0.6);
     border: solid 1px #d7d7d7;
 }
.content-wrap-full select {
    height: 42px;
    padding: 0 12px;
    font-size: 14px;
}
.content-wrap-full input[type="text"] {
    width: 100%;
    height: 42px;
    font-size: 13px;
    padding: 0px 5px;
    /* line-height: 34px; */
}
.content-wrap-full input.price-txt {
    width: 70px;
}
.content-wrap-full .table-st #other-vaccine-select {
    width: 170px;
    margin-right: 6px;
}
.box-area-wrap .table-st .btn-delete {
    width: 56px;
    height: 56px;
    background: url(../images/i-circle-4.png) no-repeat;
    display: inline-block;
    border: 0;
}
.box-area-wrap .table-st .btn-delete span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.content-wrap-full .box-area-wrap .table-st.table-kennel th:first-child,
.content-wrap-full .box-area-wrap .table-st.table-kennel th:nth-child(2),
.content-wrap-full .box-area-wrap .table-st.table-deposit th:first-child,
.tab-vaccination .tab-container .table-st th:first-child {
    width: 32%;
}
.content-wrap-full .box-area-wrap .table-st.table-kennel th:last-child,
.content-wrap-full .box-area-wrap .table-st.table-deposit th:last-child {
    width: 12%;
}
.content-wrap-full .edit-services {
    padding: 15px 15px 20px;
}
.edit-services .service-icon {
    font-size: 13px;
}
.edit-services .service-icon a.link-delete-service {
    text-decoration: none;
    color: inherit;
}

.edit-services .service-icon .icon-circle {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 15px;
}
.edit-services .service-edit-action {
    font-size: 13px;
    text-align: center;
}
.edit-services .service-edit-action .radio {
    display: inline-block;
    margin: 0 5px;
}
.tab-container .nav-tabs li {
    float: left;
    margin-right: 10px;
}
.tab-container .nav-tabs li a {
    display: block;
    min-width: 115px;
    padding: 10px 15px 18px;
    font-size: 15px;
    text-align: center;
    color: #000;
    margin: 0;
    border-radius: 5px;
    background-color: #fff;
    border: solid 1px #dcdcdc;
    background-image: -webkit-linear-gradient(bottom, #d9d9d9, #fff);
    background-image: linear-gradient(to top, #d9d9d9, #fff);
}
.tab-container .nav-tabs li a:hover {
    text-decoration: none;
}
.tab-container .nav-tabs li.dog a::before,
.tab-container .nav-tabs li.cat a::before,
.tab-container .nav-tabs li.horse a::before {
    content: '';
    width: 25px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.tab-container .nav-tabs li.dog a::before {
    background: url(../images/dog-bl.png) no-repeat;
}
.tab-vaccination ul.tab-nav li.cat a::before,.tab-container .nav-tabs li.cat a::before {
    background: url(../images/cat-bl.png) no-repeat;
}.tab-container .nav-tabs li.horse a::before {
     background: url(../images/horse-bl.png) no-repeat;
 }
.tab-container .nav-tabs li.active a {
    background-color: #e88716;
    box-shadow: 0 1px rgba(165,107,22,.75);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #e88716, #f19c2e);
    background-image: linear-gradient(to top, #e88716, #f19c2e);
    margin: 0;
}
.tab-container .tab-content {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-top: -8px;
}
.tab-vaccination .tab-container .table-st thead th:nth-child(2) {
    width: 25%;
}
.table-st-striped > tbody > tr:nth-child(even) {
    background-color: #f9ebd6;
}
.table-st-striped > tbody > tr > td:first-child {
    background-color: #f9ebd6;
}
.table-st-striped > tbody > tr:nth-child(even) > td:first-child {
    background-color: #f3d9b4;
}
.table-st-bordered tbody td {
    border-bottom: 1px solid #e1e1e1;
}
.tab-vaccination .tab-container .table-st .btn-add {
    width: 85px;
    height: 42px;
    font-size: 16px;
    color: #fff;
    padding: 0 12px;
    font-weight: bold;
    border-radius: 4px;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-color: #faaf42;
    box-shadow: 0 1px rgba(165,107,22,.75);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #e88716, #f19c2e);
    background-image: linear-gradient(to top, #e88716, #f19c2e);
}
.table-st .require-period.no-month {
    padding-left: 137px;
}
.table-st .require-period .checkbox {
    display: inline-block;
    margin: 0 15px;
}

.table-st .require-period .radio
{
    display: inline-block;
    margin: 0 15px;
}
.kennel-wrap .add-new-kennel {
    float: right;
    color: #4a4a4a;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.kennel-wrap .add-new-kennel.btn {
    color: #fff;
    margin-top: 0px;
}

.box-area-wrap .table-st.table-deposit tbody td:nth-child(2) {
    padding-left: 60px;
    width: 80%;
}
.box-area-wrap .table-st.table-deposit .radio {
    margin: 0 0 12px;
}
.box-area-wrap .table-st.table-deposit .radio:last-child {
    margin-bottom: 0;
}
.button-bottom-wrap {
    text-align: center;
    margin: 55px 0;
}
.tab-vaccination .tab-container .table-st .btn-add,
.button-bottom-wrap button {
    height: 45px;
    font-size: 16px;
    color: #fff;
    padding: 0 12px;
    margin: 0 4px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-color: #faaf42;
    box-shadow: 0 1px rgba(165,107,22,.75);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #e88716, #f19c2e);
    background-image: linear-gradient(to top, #e88716, #f19c2e);
}
.button-bottom-wrap button.btn-second {
    background-color: #333433;
    box-shadow: 0 1px rgba(81,81,81,.75);
    border: solid 1px #474747;
    background-image: -webkit-linear-gradient(bottom, #333433, #6a6a6a);
    background-image: linear-gradient(to top, #333433, #6a6a6a);
}
.button-bottom-wrap button span {
    display: inline-block;
    position: relative;
}
.button-bottom-wrap .btn-cancel span {
    padding-right: 36px;
}
.button-bottom-wrap .btn-cancel span::before{
    content: '';
    width: 25px;
    height: 24px;
    background: url(../images/x-cancel.png) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
.button-bottom-wrap .btn-update span {
    padding-right: 31px;
}
.button-bottom-wrap .btn-update span::before {
    content: '';
    position: absolute;
    right: 0;
    background: url(../images/up-update.png) no-repeat;
    width: 18px;
    height: 16px;
}
.button-bottom-wrap .btn-reset span {
    padding-right: 30px;
}
.button-bottom-wrap .btn-reset span::before {
    content: '';
    width: 18px;
    height: 15px;
    background: url(../images/icon-reset.png) no-repeat;
    position: absolute;
    right: 0;
    top: 3px;
}
.button-bottom-wrap .btn-submit span {
    padding-right: 28px;
}
.button-bottom-wrap .btn-submit span::before {
    content: '';
    width: 19px;
    height: 15px;
    background: url(../images/icon-arrow-right.png) no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}
/* schedule-an-appointment */
.schedule-appointment-inner .button-bottom-wrap {
    margin: 25px 0 80px;
}
.box-area-wrap .box-area__title .search-pet {
    float: right;
    position: relative;
    margin-top: 10px;
}
.box-area-wrap .box-area__title .search-pet input[type="text"] {
    width: 336px;
    height: 43px;
}
.box-area-wrap .box-area__title .search-pet input[type="button"] {
    background: #ffc926;
    width: 43px;
    height: 41px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 1px;
    top: 1px;
    border: 0;

    position: absolute;
    top: 1px;
    right: 1px;
    text-indent: -9999px;
    height: 40px;
    border: 0px;
    width: 45px;
    box-shadow: none;
    background-image: url(../images/locate-a-record/mag-icon-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffc926;
}
.select-pet-wrap .select-pet-grid {
    margin: 0 -20px;
}
.select-pet-wrap .select-pet-grid .pet-item {
    width: 48%;
    float: left;
    padding: 0 20px;
    text-align: left;
}
.select-pet-wrap .select-pet-grid .pet-item .checkbox {
    margin-top: 5px;
    margin-bottom: 5px;
}
.select-pet-wrap .box-area__content > .checkbox {
    margin: 0 0 30px 10px;
}
.select-pet-wrap .select-pet-grid .pet-item img {
    width: 122px;
    height: 118px;
}
.select-pet-wrap .select-pet-grid .pet-item img:not(.img-default){
    border: 1px solid #a3a09b;
    border-radius: 5px;
}
.box-area-wrap .box-area__content #select-service-provider,
.box-area-wrap .box-area__content #kennel_type{
    height: 39px;
}

.note-has-service-provider {
    float: right;
    width: 70%;
    font-size: 14px;
    color: red;
}

.box-area__content .tab-container {
    position: relative;
}
.select-service-wrap .copy-service-checkbox {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 15px;
}
.box-area__content .tab-container .nav-tabs li {
    margin-left: 10px;
    margin-right: 0;
}
.select-service-wrap .tab-container .nav-tabs li.active a {
    color: #fff;
}
.select-service-wrap .tab-container .tab-content {
    padding: 20px;
}
.select-service-wrap .checkbox-service {
    padding: 0 30px;
}
.select-service-wrap .checkbox-service .checkbox {
    font-size: 14px;
    margin-bottom: 30px;
}
.required-vaccination-wrap .table-st th {
    width: 50%;
}
.required-vaccination-wrap .table-st th:nth-child(1) {
    text-align: left;
}
.required-vaccination-wrap .table-st th:nth-child(2) {
    text-align: right;
}
.required-vaccination-wrap .table-st .require-period {
    text-align: right;
}
.current-vaccination-wrap .table-st thead th {
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
.current-vaccination-wrap .table-st td {
    font-size: 13px;
    text-align: center;
}
.current-vaccination-wrap .table-st td:nth-child(2n) {
    background-color: #ffddaa;
}
.service-dates-wrap .date__check-in {
    float: left;
    width: 50%;
}
.service-dates-wrap .date__check-out {
    float: right;
    width: 50%;
}
.service-dates-wrap .date-input {
    display: inline-block;
    position: relative;
}
.service-dates-wrap .date-input .date-txt {
    width: 80%;
    height: 40px;
}
.service-dates-wrap .date-input .calendar-icon {
    background: url(../images/icon-calendar.png) no-repeat;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 4px;
    top: 8px;
}

.service-dates-wrap .copy-service-checkbox {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 15px;
}

.list-services-dates-of-pets .tab-content {
    overflow: hidden;
    clear: both;
    padding: 20px;
}

.list-services-dates-of-pets ul.nav.nav-tabs li {
    margin-bottom: 10px;
}

.list-services-dates-of-pets .date__check-in .date-input.date-wrap {
    margin-left: 10px;
    min-width: 250px;
}
.list-services-dates-of-pets .date__check-out .date-input.date-wrap {
    margin-left: 10px;
    min-width: 250px;
}

.list-services-dates-of-pets .date__check-in .date-input.date-wrap input.datepicker {
    padding-left: 10px !important;
}

.list-services-kennel-of-pets .tab-content {
    overflow: hidden;
    clear: both;
    padding: 20px;
}

.service-kennel-wrap .copy-service-checkbox {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 15px;
}

.list-services-of-pets ul.nav.nav-tabs li {
    margin-bottom: 10px;
}

.list-services-kennel-of-pets ul.nav.nav-tabs li {
    margin-bottom: 10px;
}

.current-vaccination-wrap ul.nav.nav-tabs li {
    /* margin-bottom: 10px; */
}

.schedule_a_appointment_box .box-area-wrap.select-pet-wrap {}

.schedule_a_appointment_box .box-area-wrap.select-pet-wrap .box-area__title .checkbox {
    color: #fff;
    display: block;
    float: left;
    line-height: 62px;
    margin-left: 20px;
}

.schedule_a_appointment_box .box-area-wrap.select-pet-wrap .box-area__title .checkbox input[type="checkbox"] {
    position: relative;
    margin-right: 10px;
}

.schedule_a_appointment_box .box-area-wrap .box-area__title span {
    display: block;
    color: #FFF;
    font-size: 11px;
    clear: both;
}

.schedule_a_appointment_box .box-area-wrap.required-vaccination-wrap .box-area__title h3 {
    display: block;
    width: 100%;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}


.schedule_a_appointment_box .box-area-wrap.current-vaccination-wrap .box-area__title h3 {
    display: block;
    width: 100%;
    line-height: normal;
    margin-top: 15px;
    margin-bottom: 5px;
}

.schedule_a_appointment_box .box-area-wrap.required-vaccination-wrap .box-area__content {
    padding: 10px;
}

.schedule_a_appointment_box .box-area-wrap.current-vaccination-wrap {}

.schedule_a_appointment_box .box-area-wrap.current-vaccination-wrap .box-area__content {
    padding: 10px;
}

.box-area-wrap .select-service-wrap {}

.box-area-wrap .select-service-wrap .list_service {
    width: 30%;
    float: left;
    margin-right: 10px;
}

.box-area-wrap .select-service-wrap .select_date {
    width: 28%;
    float: left;
    margin-right: 6%;
}

.box-area-wrap .select-service-wrap .select_kenel {
    width: 30%;
    float: left;
}

.box-area-wrap .select-service-wrap .list_service h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.box-area-wrap .select-service-wrap .select_date h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.box-area-wrap .select-service-wrap .select_kenel h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.box-area-wrap .select-service-wrap .select_date .select_date_content > div {
    margin-bottom: 15px;
}

.box-area-wrap .select-service-wrap .select_date .select_date_content > div h4 {
    margin-bottom: 10px;
}

.box-area-wrap .select-service-wrap .list_service .checkbox {
    font-size: 14px;
    margin-bottom: 5px;
}

.select_service_dates_for_pet {
    border-right: 1px solid #777;
}

span.icon_pet_white {
    background: url("../images/icon_dog_white.png") no-repeat;
    height: 62px;
    width: 40px;
    display: inline-block !important;
    padding: 0px;
    margin: 0px;
    background-position: center center;
    float: left;
    margin-right: 15px;
}

.schedule_a_appointment_box .box-area-wrap .box-area__title span.icon_pet_white img {
    margin-top: 15px;
}

.schedule_a_appointment_box .box-area-wrap .select_service_dates_for_pet .box-area__title span.icon_pet_white {
    background: none;
}
span.icon_service_provider {
    background: url("../images/icon_service_provider_white.png") no-repeat;
    height: 62px;
    width: 40px;
    display: inline-block !important;
    padding: 0px;
    margin: 0px;
    background-position: center center;
    float: left;
    margin-right: 15px;
}

.select_kenel_content {
    padding-top: 26px;
}

.appoinment-request-copy-all {
    margin-top: 50px;
}


.select_service_dates_for_pets .slick-prev {
    left: 0px;
    z-index: 999;
    background-size: 100%;
    background-position: center center;
    bottom: -65px !important;
    height: 45px;
    line-height: 45px;
    width: 100px;
    font-size: 16px;
    color: #000;
    padding: 0 12px;
    margin: 0 4px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-color: #faaf42;
    box-shadow: 0 1px rgba(165,107,22,.75);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #e88716, #f19c2e);
    background-image: linear-gradient(to top, #e88716, #f19c2e);
    transform: none;
    top: inherit;
    text-align: center;
}

.select_service_dates_for_pets .slick-next {
    right: 0px;
    z-index: 999;
    background-size: 100%;
    background-position: center center;
    bottom: -65px !important;
    height: 45px;
    line-height: 45px;
    width: 100px;
    font-size: 16px;
    color: #000;
    padding: 0 12px;
    margin: 0 4px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-color: #faaf42;
    box-shadow: 0 1px rgba(165,107,22,.75);
    border: solid 1px #f69e1d;
    background-image: -webkit-linear-gradient(bottom, #e88716, #f19c2e);
    background-image: linear-gradient(to top, #e88716, #f19c2e);
    transform: none;
    top: inherit;
    text-align: center;
}

.box-area-wrap.select_service_dates_for_pets {
    border: none;
    margin-bottom: 0px;
}

.box-area-wrap.select_service_dates_for_pets.slick-initialized {
    position: relative !important;
    margin-bottom: 80px;
}

.select_service_dates_for_pets .slick-prev:before {
    display: none;
}

.select_service_dates_for_pets .slick-next:before {
    display: none;
}

/* Upload Record Popup */
@media (min-width: 768px) {
    #model-upload-vaccination-record .modal-dialog {
        width: 1016px;
    }
}
#model-upload-vaccination-record .modal-content {
    background-color: #f3f3f3;
}
#model-upload-vaccination-record .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-upload-vaccination-record .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-upload-vaccination-record .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-upload-vaccination-record .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
    position: relative;
}
#model-upload-vaccination-record .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-upload-vaccination-record .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-upload-vaccination-record .form-horizontal span.required {
    color: #e8891a;
}
#model-upload-vaccination-record .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
    font-size: 17px;
    font-weight: 300;
    color: #000;
    margin-top: -17px;
    cursor: pointer;
}
.custom-upload-wrap .icon_upload-circle {
    display: inline-block;
    background: url(../images/i-circle-upload.png) no-repeat;
    width: 56px;
    height: 56px;
    margin-left: 5px;
    vertical-align: -14px;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: inherit;
}
.custom-upload-wrap span.file_upload_name {
    font-size: 14px;
}

.custom-upload-wrap span.file_upload_name i
{
    color: #000;
}

#model-upload-vaccination-record .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-upload-vaccination-record .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-upload-vaccination-record .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-upload-vaccination-record .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
/*
#model-upload-vaccination-record .table-st tr:not(:first-child):nth-child(odd) {
	background-color: #e1e1e1;
}*/
#model-upload-vaccination-record .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-upload-vaccination-record .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-upload-vaccination-record .table-st thead th:first-child,
#model-upload-vaccination-record .table-st thead td:first-child {
    border-left: 0;
}
#model-upload-vaccination-record .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-upload-vaccination-record .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-upload-vaccination-record .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
    font-size: 12px;
}
#model-upload-vaccination-record .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-upload-vaccination-record .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-upload-vaccination-record .table-st td.vaccination {
    text-align: left;
}
#model-upload-vaccination-record .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-upload-vaccination-record .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-upload-vaccination-record .record-tab-form .date-wrap {
    position: relative;
}


#model-upload-vaccination-record .record-tab-form .date-wrap.small {
    min-width: 160px;
}

#model-upload-vaccination-record .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-upload-vaccination-record .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-upload-vaccination-record .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-upload-vaccination-record .button-bottom-wrap button {
    font-size: 18px;
}
#model-upload-vaccination-record .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-upload-vaccination-record .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-upload-vaccination-record .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-upload-vaccination-record .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}

#model-upload-vaccination-record tr.vaccination-record {}

#model-upload-vaccination-record tr.vaccination-record input.copy-vaccination {
    margin: 0px auto;
    position: relative;
}

#model-upload-vaccination-record tr.vaccination-record .checkbox {
    text-align: center;
}

#model-upload-vaccination-record tr.vaccination-record .checkbox label {
    display: block;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}

/* Edit Record Popup */
@media (min-width: 768px) {
    #model-edit-vaccination-record .modal-dialog {
        width: 1016px;
    }
}
#model-edit-vaccination-record .modal-content {
    background-color: #f3f3f3;
}
#model-edit-vaccination-record .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-edit-vaccination-record .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-edit-vaccination-record .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-edit-vaccination-record .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-edit-vaccination-record .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-edit-vaccination-record .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-edit-vaccination-record .form-horizontal span.required {
    color: #e8891a;
}
#model-edit-vaccination-record .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}

#model-edit-vaccination-record .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-edit-vaccination-record .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-edit-vaccination-record .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-edit-vaccination-record .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-edit-vaccination-record .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-edit-vaccination-record .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-edit-vaccination-record .table-st thead th:first-child,
#model-edit-vaccination-record .table-st thead td:first-child {
    border-left: 0;
}
#model-edit-vaccination-record .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-edit-vaccination-record .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-edit-vaccination-record .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-edit-vaccination-record .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-edit-vaccination-record .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-edit-vaccination-record .table-st td.vaccination {
    text-align: left;
}
#model-edit-vaccination-record .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-edit-vaccination-record .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-edit-vaccination-record .record-tab-form .date-wrap {
    position: relative;
}
#model-edit-vaccination-record .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-edit-vaccination-record .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-edit-vaccination-record .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-edit-vaccination-record .button-bottom-wrap button {
    font-size: 18px;
}
#model-edit-vaccination-record .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-edit-vaccination-record .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-edit-vaccination-record .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-edit-vaccination-record .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}

#model-edit-vaccination-record tbody {
    border: 1px solid #c6c6c6;
}

#model-edit-vaccination-record a.link-view, .notify_file {
    background: url(../images/icon_paper_record.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 24px;
    text-align: center;
    margin: 0px auto;
    margin-right: 5px;
    margin-left: 5px;
}

/* Ask Edit Record Popup */
@media (min-width: 768px) {
    #model-vaccination-edit .modal-dialog {
        width: 1016px;
    }
}
#model-vaccination-edit .modal-content {
    background-color: #f3f3f3;
}
#model-vaccination-edit .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-vaccination-edit .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-vaccination-edit .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-vaccination-edit .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-vaccination-edit .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-vaccination-edit .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-vaccination-edit .form-horizontal span.required {
    color: #e8891a;
}
#model-vaccination-edit .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}

#model-vaccination-edit .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-vaccination-edit .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-vaccination-edit .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-vaccination-edit .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-vaccination-edit .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-vaccination-edit .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-vaccination-edit .table-st thead th:first-child,
#model-vaccination-edit .table-st thead td:first-child {
    border-left: 0;
}
#model-vaccination-edit .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-vaccination-edit .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-vaccination-edit .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-vaccination-edit .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-vaccination-edit .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-vaccination-edit .table-st td.vaccination {
    text-align: left;
}
#model-vaccination-edit .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-vaccination-edit .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-vaccination-edit .record-tab-form .date-wrap {
    position: relative;
}
#model-vaccination-edit .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-vaccination-edit .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-vaccination-edit .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-vaccination-edit .button-bottom-wrap button {
    font-size: 18px;
}
#model-vaccination-edit .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-vaccination-edit .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-vaccination-edit .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-vaccination-edit .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}

div#model-vaccination-edit {
    text-align: center;
}

div#model-vaccination-edit .row {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

div#model-vaccination-edit .row button {
    display: block;
    margin: 0px auto;
    min-width: 120px;
    margin-top: 10px;
}

/* Edit Record Popup Update Vaccine Details */
@media (min-width: 768px) {
    #model-edit-vaccine-details-vaccination-record .modal-dialog {
        width: 1016px;
    }
}
#model-edit-vaccine-details-vaccination-record .modal-content {
    background-color: #f3f3f3;
}
#model-edit-vaccine-details-vaccination-record .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-edit-vaccine-details-vaccination-record .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-edit-vaccine-details-vaccination-record .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-edit-vaccine-details-vaccination-record .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-edit-vaccine-details-vaccination-record .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-edit-vaccine-details-vaccination-record .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-edit-vaccine-details-vaccination-record .form-horizontal span.required {
    color: #e8891a;
}
#model-edit-vaccine-details-vaccination-record .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}

#model-edit-vaccine-details-vaccination-record .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-edit-vaccine-details-vaccination-record .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-edit-vaccine-details-vaccination-record .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-edit-vaccine-details-vaccination-record .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-edit-vaccine-details-vaccination-record .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-edit-vaccine-details-vaccination-record .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-edit-vaccine-details-vaccination-record .table-st thead th:first-child,
#model-edit-vaccine-details-vaccination-record .table-st thead td:first-child {
    border-left: 0;
}
#model-edit-vaccine-details-vaccination-record .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-edit-vaccine-details-vaccination-record .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-edit-vaccine-details-vaccination-record .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-edit-vaccine-details-vaccination-record .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-edit-vaccine-details-vaccination-record .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-edit-vaccine-details-vaccination-record .table-st td.vaccination {
    text-align: left;
}
#model-edit-vaccine-details-vaccination-record .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-edit-vaccine-details-vaccination-record .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-edit-vaccine-details-vaccination-record .record-tab-form .date-wrap {
    position: relative;
}
#model-edit-vaccine-details-vaccination-record .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-edit-vaccine-details-vaccination-record .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-edit-vaccine-details-vaccination-record .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-edit-vaccine-details-vaccination-record .button-bottom-wrap button {
    font-size: 18px;
}
#model-edit-vaccine-details-vaccination-record .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-edit-vaccine-details-vaccination-record .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-edit-vaccine-details-vaccination-record .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-edit-vaccine-details-vaccination-record .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}


/* archived-appointments */
@media (min-width: 992px) {
    .archived-appointments-inner {
        margin-bottom: 110px;
    }
}


.archived-appointments-inner .list-notification {}

.archived-appointments-inner .list-notification .item-notification {
    padding: 40px 40px;
    background-color: #FFF;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    position: relative;
}

.archived-appointments-inner .list-notification .item-notification:nth-child(odd)
{
    background-color:#FFF;
}

.archived-appointments-inner .list-notification .item-notification:nth-child(even)
{
    background-color:#fbfafa;
}

.archived-appointments-inner .list-notification .item-notification .actions {
    float: right;
    overflow: hidden;
    margin-top: 50px;
}

.archived-appointments-inner .list-notification .item-notification .actions ul {
    padding: 0px;
    margin: 0px;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li a {
    text-decoration: none;
    color: #000;
    min-height: 80px;
    min-width: 80px;
    display: block;
    text-align: center;
    font-size: 15px;
    padding-top: 65px;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li.view-more a
{
    background:url('../images/icon_notification_view_more.png') no-repeat;
    background-position: top center;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li.remind-me a
{
    background:url('../images/icon_notification_remind_me.png') no-repeat;
    background-position: top center;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li.view-history a
{
    background:url('../images/icon_notification_view_history.png') no-repeat;
    background-position: top center;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li.cancel a
{
    background:url('../images/icon_notification_cancel.png') no-repeat;
    background-position: top center;
}

.archived-appointments-inner .list-notification .item-notification .actions ul li.pending a
{
    background:url('../images/icon_notification_pending.png') no-repeat;
    background-position: top center;
}

.archived-appointments-inner .list-notification .item-notification .desc {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
}

.archived-appointments-inner .list-notification .item-notification h2 {
    font-size: 22px;
    color: #ee9009;
    background:url('../images/icon_notification_pet.png') no-repeat;
    background-position: left top;
    display: inline-block;
    padding-left: 60px;
    padding-top: 12px;
    min-height: 50px;
}

.archived-appointments-inner .list-notification .item-notification .status-new {
    position: absolute;
    top: 0px;
    left: 0px;
}

.archived-appointments-inner .list-notification .item-notification .recent_notes
{
    float: left;
    overflow: hidden;
    margin-top: 50px;
}

.archived-appointments-inner .list-notification .item-notification .recent_notes h5
{
    margin-bottom: 5px;
}

/* modal popup modify date */
#model-modify-date {}

#model-modify-date .modal-header h4 {
    color: #FFF;
    font-size: 18px;
    text-align: center;
}

#model-modify-date .modal-header {
    background-color: #f47320;
}

#model-modify-date .modal-body {
    text-align: center;
    background-color: #fdf5e1;
}

#model-modify-date .form-group.buttons {
    margin-top: 10px;
}

#model-modify-date .form-group.buttons button#btn_cancel {
    background-color: #ff8539;
    border-color: #ff8539;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
}

#model-modify-date .form-group.buttons button#btn_ok {
    background-color: #54a90f;
    border-color: #54a90f;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
}

/* Appointment Request - Confirm Appointment For Salon */
@media (min-width: 768px) {
    #model-appointment-request-confirm-appointment .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-request-confirm-appointment .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-request-confirm-appointment .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-request-confirm-appointment .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-request-confirm-appointment .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-request-confirm-appointment .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-request-confirm-appointment .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-request-confirm-appointment .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-request-confirm-appointment .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: 100%;
    opacity: 0;
    cursor: inherit;
}
#model-appointment-request-confirm-appointment .record-tab-form {
    margin-top: 35px;
}
#model-appointment-request-confirm-appointment .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-request-confirm-appointment .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-request-confirm-appointment .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-request-confirm-appointment .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-request-confirm-appointment .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-request-confirm-appointment .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-request-confirm-appointment .table-st thead th:first-child,
#model-appointment-request-confirm-appointment .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-request-confirm-appointment .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-request-confirm-appointment .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-request-confirm-appointment .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-request-confirm-appointment .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-request-confirm-appointment .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-request-confirm-appointment .table-st td.vaccination {
    text-align: left;
}
#model-appointment-request-confirm-appointment .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-request-confirm-appointment .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-request-confirm-appointment .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-request-confirm-appointment .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-request-confirm-appointment .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-top: -8px;
    margin-top: 40px;
}

#model-appointment-request-confirm-appointment .additional-notes {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-top: -8px;
    margin-top: 40px;
    padding: 20px;
}

#model-appointment-request-confirm-appointment .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-request-confirm-appointment .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
}

#model-appointment-request-confirm-appointment .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-request-confirm-appointment .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-request-confirm-appointment .info p {
    color: #000;
}

#model-appointment-request-confirm-appointment .info p a {
    color: #000;
}

#model-appointment-request-confirm-appointment ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-confirm-appointment ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-confirm-appointment ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-request-confirm-appointment th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
}

#model-appointment-request-confirm-appointment th.col-action  span {
    background: url('../images/icon_table_action.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 30px;
    min-height: 26px;
    line-height: 26px;
}


#model-appointment-request-confirm-appointment .actions .confirm span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-request-confirm-appointment .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
    background-size: 45px;
}

#model-appointment-request-confirm-appointment .actions .reject span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_notification_cancel.png') no-repeat;
    background-position: top center;
    background-size: 45px;
}

#model-appointment-request-confirm-appointment .actions input[type="checkbox"] {
    line-height: 45px;
    display: inline-block;
    height: 45px;
}

#model-appointment-request-confirm-appointment .actions .accept {
    float: left;
}

#model-appointment-request-confirm-appointment .actions .modify {

}

#model-appointment-request-confirm-appointment .actions {

}

#model-appointment-request-confirm-appointment .actions > div {
    display: inline-block;
}

#model-appointment-request-confirm-appointment .buttons {
    text-align: center;
    margin-top: 20px;
}

#model-appointment-request-confirm-appointment .buttons button {
    font-size: 18px;
}

/* Appointment Request - View More */
@media (min-width: 768px) {
    #model-appointment-request-view-more .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-request-view-more .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-request-view-more .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-request-view-more .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-request-view-more .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-request-view-more .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-request-view-more .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-request-view-more .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-request-view-more .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: 100%;
    opacity: 0;
    cursor: inherit;
}
#model-appointment-request-view-more .record-tab-form {
    margin-top: 35px;
}
#model-appointment-request-view-more .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-request-view-more .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-request-view-more .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-request-view-more .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}

#model-appointment-request-view-more .table-st thead th.col-action {
    min-width: 150px;
    padding-left: 5px;
    padding-right: 5px;
}

#model-appointment-request-view-more .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-request-view-more .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-request-view-more .table-st thead th:first-child,
#model-appointment-request-view-more .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-request-view-more .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-request-view-more .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-request-view-more .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-request-view-more .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-request-view-more .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-request-view-more .table-st td.vaccination {
    text-align: left;
}
#model-appointment-request-view-more .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-request-view-more .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-request-view-more .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-request-view-more .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-request-view-more .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-top: -8px;
    margin-top: 40px;
}

#model-appointment-request-view-more .additional-notes {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-top: -8px;
    margin-top: 40px;
    padding: 20px;
}

#model-appointment-request-view-more .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-request-view-more .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
}

#model-appointment-request-view-more .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-request-view-more .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-request-view-more .info p {
    color: #000;
}

#model-appointment-request-view-more .info p a {
    color: #000;
}

#model-appointment-request-view-more ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-view-more ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

#model-appointment-request-view-more ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-request-view-more th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-more th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-more th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-more th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-more th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
}

#model-appointment-request-view-more th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
}

#model-appointment-request-view-more th.col-action  span {
    background-position: left center;
    min-width: 40px;
    padding-left: 5px;
    min-height: 26px;
    line-height: 26px;
    display: block;
    font-size: 13px;
    text-align: left;
    clear: both;
    line-height: 32px;
    margin-bottom: 3px;
}

#model-appointment-request-view-more th.col-action  span i {
    color: #000;
    font-size: 20px;
    margin-right: 5px;
}

#model-appointment-request-view-more th.col-action  span.accept i {
    color: green;
}

#model-appointment-request-view-more th.col-action  span.modify i {
}


#model-appointment-request-view-more .actions .confirm span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-request-view-more .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
    background-size: 45px;
}

#model-appointment-request-view-more .actions .reject span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_notification_cancel.png') no-repeat;
    background-position: top center;
    background-size: 45px;
}

#model-appointment-request-view-more .actions input[type="checkbox"] {
    line-height: 45px;
    display: inline-block;
    height: 45px;
}

#model-appointment-request-view-more .actions .accept {
    float: left;
}

#model-appointment-request-view-more .actions .modify {

}

#model-appointment-request-view-more .actions {

}

#model-appointment-request-view-more .actions > div {
    display: block;
    clear: both;
}

#model-appointment-request-view-more .actions > div * {display: block;float: left;height: 45px;line-height: 45px;margin: 4px 0px 0px;margin-right: 5px;}

#model-appointment-request-view-more .actions > div {
    display: inline-block;
}

#model-appointment-request-view-more .buttons {
    text-align: center;
    margin-top: 20px;
}

#model-appointment-request-view-more .buttons button {
    font-size: 18px;
}

#model-appointment-request-view-more th.col-action  span.accept {
}

#model-appointment-request-view-more th.col-action  span.accept .icon {
    text-decoration: none;
    color: #000;
    min-height: 32px;
    min-width: 32px;
    display: block;
    text-align: center;
    font-size: 15px;
    background: url(../images/icon_accept.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}

#model-appointment-request-view-more th.col-action  span.modify {}

#model-appointment-request-view-more th.col-action  span.modify span.icon {
    text-decoration: none;
    color: #000;
    min-height: 32px;
    min-width: 32px;
    display: block;
    text-align: center;
    font-size: 15px;
    background: url(../images/icon_edit.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}

#model-appointment-request-view-more th.col-action  span.reject {}

#model-appointment-request-view-more th.col-action  span.reject .icon {
    text-decoration: none;
    color: #000;
    min-height: 32px;
    min-width: 32px;
    display: block;
    text-align: center;
    font-size: 15px;
    background: url(../images/icon_notification_cancel.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}

#model-appointment-request-view-more table.table-st tr {
    border-bottom: 1px solid #cdcdcd;
}

#model-appointment-request-view-more .box-area-wrap.required-vaccination-wrap {}

#model-appointment-request-view-more .box-area-wrap.required-vaccination-wrap .box-area__content {
    padding: 10px;
}

#model-appointment-request-view-more .box-area-wrap.current-vaccination-wrap {}

#model-appointment-request-view-more .box-area-wrap.current-vaccination-wrap .box-area__content {
    padding: 10px;
}

#model-appointment-request-view-more .box-area-wrap.required-vaccination-wrap span.note {
    font-size: 12px;
    display: block;
    line-height: normal;
    clear: both;
    color: #FFF;
}

#model-appointment-request-view-more .box-area-wrap.required-vaccination-wrap h3 {
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

#model-appointment-request-view-more .box-area-wrap.current-vaccination-wrap span.note {
    display: block;
    font-size: 12px;
    clear: both;
    color: #FFF;
}

#model-appointment-request-view-more .box-area-wrap.current-vaccination-wrap h3 {
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Appointment Request - View Modified */
@media (min-width: 768px) {
    #model-appointment-request-view-modified .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-request-view-modified .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-request-view-modified .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-request-view-modified .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-request-view-modified .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-request-view-modified .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-request-view-modified .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-request-view-modified .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-request-view-modified .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: 100%;
    opacity: 0;
    cursor: inherit;
}
#model-appointment-request-view-modified .record-tab-form {
    margin-top: 35px;
}
#model-appointment-request-view-modified .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-request-view-modified .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-request-view-modified .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-request-view-modified .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
    padding: 10px 2px;
}
#model-appointment-request-view-modified .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-request-view-modified .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-request-view-modified .table-st thead th:first-child,
#model-appointment-request-view-modified .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-request-view-modified .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-request-view-modified .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-request-view-modified .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-request-view-modified .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-request-view-modified .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-request-view-modified .table-st td.vaccination {
    text-align: left;
}
#model-appointment-request-view-modified .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-request-view-modified .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-request-view-modified .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-request-view-modified .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-request-view-modified .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-bottom: 40px;
    margin-top: 10px;
}

#model-appointment-request-view-modified .additional-notes {
    /* position: relative; */
    /* border-radius: 3px; */
    /* background-color: #fff; */
    /* box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23); */
    /* border: solid 6px #ececec; */
    /* margin-top: -8px; */
    /* margin-top: 40px; */
    /* padding: 20px; */
}

#model-appointment-request-view-modified .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-request-view-modified .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
    background: url('../images/icon_notes.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    line-height: 24px;
    background-position: left center;
}

#model-appointment-request-view-modified .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-request-view-modified .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-request-view-modified .info p {
    color: #000;
}

#model-appointment-request-view-modified .info p a {
    color: #000;
}

#model-appointment-request-view-modified ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-view-modified ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-view-modified ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-request-view-modified span.or {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

#model-appointment-request-view-modified h3.subheadding {
    font-weight: bold;
    background: url('../images/icon_request.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    background-position: left center;
    line-height: 24px;
}

#model-appointment-request-view-modified .buttons {
    text-align: right;
}

#model-appointment-request-view-modified .buttons button {
    font-size: 18px;
}

#model-appointment-request-view-modified .submessage {
    background-color: #FFF;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
}

#model-appointment-request-view-modified .actions .accept span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-request-view-modified .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 45px;
    min-width: 45px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
    background-size: 45px;
}

#model-appointment-request-view-modified .actions input[type="checkbox"] {
    line-height: 45px;
    display: inline-block;
    height: 45px;
}

#model-appointment-request-view-modified .actions .accept {
    float: left;
}

#model-appointment-request-view-modified .actions .modify {
    float: right;
}

#model-appointment-request-view-modified .actions {

}

#model-appointment-request-view-modified .actions div {
    display: block;
    margin: 0px;
    clear: both;
    float: none !important;
    font-size: 28px;
}

#model-appointment-request-view-modified .actions div * {
    display: inline-block;
    color: #000;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    float: left;
    margin: 4px 0px 0px;
    margin-right: 5px;
}

#model-appointment-request-view-modified th.col-action {
    padding: 10px 0px !important;
}

#model-appointment-request-view-modified th.col-action span {
    display: block;
    color: #333;
    margin: 0px 5px;
}

#model-appointment-request-view-modified th.col-action span input {
    display: inline-block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 5px;
}

#model-appointment-request-view-modified th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-view-modified th.col-action  span {
    background: url('../images/icon_table_action.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 30px;
    min-height: 26px;
    line-height: 26px;
    color: #FFF;
    font-size: 13px;
}

#model-appointment-request-view-modified th.col-action  span.modify {
    background: url('../images/icon_edit.png') no-repeat;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 45px;
    background-size: 45px;
}

#model-appointment-request-view-modified th.col-action  span.accept {
    background: url('../images/icon_accept.png') no-repeat;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: block;
    color: #FFF;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    padding-left: 45px;
}

#model-appointment-request-view-modified th.col-action  span i {
    color: #000;
    font-size: 20px;
    margin-right: 5px;
    display: none;
}

#model-appointment-request-view-modified th.col-action  span.accept i {
    color: green;
    display: none;
}


/* Appointment Request - User Modify Appointment */
@media (min-width: 768px) {
    #model-appointment-request-user-modify-appointment .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-request-user-modify-appointment .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-request-user-modify-appointment .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-request-user-modify-appointment .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-request-user-modify-appointment .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-request-user-modify-appointment .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-request-user-modify-appointment .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-request-user-modify-appointment .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-request-user-modify-appointment .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: 100%;
    opacity: 0;
    cursor: inherit;
}
#model-appointment-request-user-modify-appointment .record-tab-form {
    margin-top: 35px;
}
#model-appointment-request-user-modify-appointment .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-request-user-modify-appointment .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-request-user-modify-appointment .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-request-user-modify-appointment .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
    padding: 10px 2px;
}
#model-appointment-request-user-modify-appointment .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-request-user-modify-appointment .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-request-user-modify-appointment .table-st thead th:first-child,
#model-appointment-request-user-modify-appointment .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-request-user-modify-appointment .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-request-user-modify-appointment .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-request-user-modify-appointment .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-request-user-modify-appointment .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-request-user-modify-appointment .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-request-user-modify-appointment .table-st td.vaccination {
    text-align: left;
}
#model-appointment-request-user-modify-appointment .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-request-user-modify-appointment .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-request-user-modify-appointment .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-request-user-modify-appointment .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-request-user-modify-appointment .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-bottom: 40px;
    margin-top: 10px;
}

#model-appointment-request-user-modify-appointment .additional-notes {
    /* position: relative; */
    /* border-radius: 3px; */
    /* background-color: #fff; */
    /* box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23); */
    /* border: solid 6px #ececec; */
    /* margin-top: -8px; */
    /* margin-top: 40px; */
    /* padding: 20px; */
}

#model-appointment-request-user-modify-appointment .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-request-user-modify-appointment .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
    background: url('../images/icon_notes.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    line-height: 24px;
    background-position: left center;
}

#model-appointment-request-user-modify-appointment .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-request-user-modify-appointment .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-request-user-modify-appointment .info p {
    color: #000;
}

#model-appointment-request-user-modify-appointment .info p a {
    color: #000;
}

#model-appointment-request-user-modify-appointment ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-user-modify-appointment ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#model-appointment-request-user-modify-appointment ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-request-user-modify-appointment span.or {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

#model-appointment-request-user-modify-appointment h3.subheadding {
    font-weight: bold;
    background: url('../images/icon_request.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    background-position: left center;
    line-height: 24px;
}

#model-appointment-request-user-modify-appointment .buttons {
    text-align: center;
    margin-top: 20px;
}

#model-appointment-request-user-modify-appointment .buttons button {
    font-size: 18px;
}

#model-appointment-request-user-modify-appointment .submessage {
    background-color: #FFF;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
}

#model-appointment-request-user-modify-appointment .actions .accept span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-request-user-modify-appointment .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
}

#model-appointment-request-user-modify-appointment .actions input[type="checkbox"] {
    line-height: 58px;
    display: inline-block;
    height: 58px;
}

#model-appointment-request-user-modify-appointment .actions .accept {
    float: left;
}

#model-appointment-request-user-modify-appointment .actions .modify {
    float: right;
}

#model-appointment-request-user-modify-appointment .actions {

}

#model-appointment-request-user-modify-appointment th.col-action {
    padding: 10px 0px !important;
}

#model-appointment-request-user-modify-appointment th.col-action span {
    display: inline-block;
    text-align: center;
    color: #333;
    margin: 0px 5px;
}

#model-appointment-request-user-modify-appointment th.col-action span input {
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 5px;
}

#model-appointment-request-user-modify-appointment th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-request-user-modify-appointment th.col-action  span {
    background: url('../images/icon_table_action.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 30px;
    min-height: 26px;
    line-height: 26px;
}

#model-appointment-request-user-modify-appointment th.col-action  span.modify {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-request-user-modify-appointment th.col-action  span.accept {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-request-user-modify-appointment .icon_dob{
    background: url(../images/icon-calendar_2.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 8px;
    top: 5px;
    pointer-events: none;
}
#model-appointment-request-user-modify-appointment .date-wrap
{
    position: relative;
}

/* Appointment History */
@media (min-width: 768px) {
    #model-appointment-history .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-history .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-history .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-history .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-history .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-history .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-history .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-history .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-history .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: 100%;
    opacity: 0;
    cursor: inherit;
}
#model-appointment-history .record-tab-form {
    margin-top: 35px;
}
#model-appointment-history .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-history .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-history .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-history .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
    padding: 10px 2px;
}
#model-appointment-history .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-history .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-history .table-st thead th:first-child,
#model-appointment-history .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-history .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-history .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-history .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-history .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-history .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-history .table-st td.vaccination {
    text-align: left;
}
#model-appointment-history .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-history .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-history .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-history .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-history .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-bottom: 40px;
    margin-top: 10px;
}

#model-appointment-history .additional-notes {
    /* position: relative; */
    /* border-radius: 3px; */
    /* background-color: #fff; */
    /* box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23); */
    /* border: solid 6px #ececec; */
    /* margin-top: -8px; */
    /* margin-top: 40px; */
    /* padding: 20px; */
}

#model-appointment-history .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-history .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
    background: url('../images/icon_notes.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    line-height: 24px;
    background-position: left center;
}

#model-appointment-history .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-history .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-history .info p {
    color: #000;
}

#model-appointment-history .info p a {
    color: #000;
}

#model-appointment-history ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-history ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#model-appointment-history ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-history span.or {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

#model-appointment-history h3.subheadding {
    font-weight: bold;
    background: url('../images/icon_request.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    background-position: left center;
    line-height: 24px;
}

#model-appointment-history .buttons {
    text-align: center;
    margin-top: 20px;
}

#model-appointment-history .buttons button {
    font-size: 18px;
}

#model-appointment-history .submessage {
    background-color: #FFF;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
}

#model-appointment-history .actions .accept span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-history .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
}

#model-appointment-history .actions input[type="checkbox"] {
    line-height: 58px;
    display: inline-block;
    height: 58px;
}

#model-appointment-history .actions .accept {
    float: left;
}

#model-appointment-history .actions .modify {
    float: right;
}

#model-appointment-history .actions {

}

#model-appointment-history th.col-action {
    padding: 10px 0px !important;
}

#model-appointment-history th.col-action span {
    display: inline-block;
    text-align: center;
    color: #333;
    margin: 0px 5px;
}

#model-appointment-history th.col-action span input {
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 5px;
}

#model-appointment-history th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-history th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-history th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-history th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-history th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: 5px center;
    min-width: 40px;
    padding-left: 30px;
    display: inline-block;
    min-height: 35px;
    line-height: normal;
}

#model-appointment-history th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: 5px center;
    min-width: 40px;
    padding-left: 30px;
    display: inline-block;
    min-height: 35px;
    line-height: normal;
}

#model-appointment-history th.col-status  span {
    background: url('../images/icon_table_status.png') no-repeat;
    background-position: 5px center;
    min-width: 40px;
    padding-left: 35px;
    display: inline-block;
    min-height: 25px;
    line-height: 25px;
}

#model-appointment-history th.col-action  span {
    background: url('../images/icon_table_action.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 30px;
    min-height: 26px;
    line-height: 26px;
}

#model-appointment-history th.col-action  span.modify {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-history th.col-action  span.accept {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-history .icon_dob{
    background: url(../images/icon-calendar_2.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 8px;
    top: 5px;
    pointer-events: none;
}
#model-appointment-history .date-wrap
{
    position: relative;
}

#model-appointment-history .additional-notes-inner
{
    background-color: #FFF;
    padding: 20px;
    border-radius: 5px;
}
/* Heading title */
.heading-title__left {
    float: left;
}
.heading-title__left,
.heading-title__right {
    font-size: 17px;
    position: relative;
    padding-left: 52px;
    line-height: 22px;
}
.connections-title .heading-title__left::before,
.connections-title .heading-title__right::before {
    content: '';
    background: url(../images/icon-group.png) no-repeat;
    width: 39px;
    height: 22px;
    position: absolute;
    margin-left: -52px;
}
.heading-title__right {
    float: right;
}
.connections-title .heading-title__right {
    text-decoration: none;
}

.connections-title .heading-title__right a {
    color: #FFF;
    text-decoration: none;
}

/* Manage pet salon */
.manage-pet-tab-wrap {
    padding: 12px 15px;
    background: #f3f3f3;
}
.manage-pet-tab-wrap .tab-container {
    margin-bottom: 25px;
}
.manage-pet-tab-wrap .tab-container .nav-tabs .pet-salon a::before,
.manage-pet-tab-wrap .tab-container .nav-tabs .pet-vet a::before,
.manage-pet-tab-wrap .tab-container .nav-tabs .authorized-use a::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
}
.manage-pet-tab-wrap .tab-container .nav-tabs .pet-salon a::before {
    background: url(../images/icon-pet-salon-black-small.png) no-repeat;
    width: 18px;
    height: 19px;
    margin-right: 12px;
    background-size: 18px auto;
}

.manage-pet-tab-wrap .tab-container .nav-tabs .pet-vet a::before {
    background: url(../images/icon-pet-vet-black-small.png) no-repeat;
    width: 18px;
    height: 19px;
    margin-right: 12px;
    background-size: 18px auto;
}
.manage-pet-tab-wrap .tab-container .nav-tabs .authorized-use a::before {
    background: url(../images/icon-user-authorized.png) no-repeat;
    width: 26px;
    height: 25px;
    margin-right: 8px;
}
.tab-content > .tab-pane .tab-pane__title {
    background: #d7d7d7;
    padding: 13px;
}
.tab-content > .tab-pane .tab-pane__title h3 {
    float: left;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}
.tab-content > .tab-pane .tab-pane__title a {
    float: right;
    font-size: 17px;
    color: #1b44f5;
    text-decoration: underline;
}
.tab-content > .tab-pane .tab-pane__content {
    padding: 10px;
}
.search-autocomplete-wrap {
    max-width: 465px;
    position: relative;
    margin: 25px 0;
}
.search-autocomplete-suggestions {
    position: absolute;
    background: #fff;
    border: 1px solid #b2b2b2;
    width: 100%;
    max-height: 265px;
    overflow: auto;
    margin-top: -2px;
    z-index: 99;
    display: none;
}
.search-autocomplete-suggestions .item-suggestion {
    border-top: 1px solid #b2b2b2;
    padding: 15px;
}
.search-autocomplete-suggestions .item-suggestion:first-child {
    margin-top: 0;
}
.search-autocomplete-suggestions .item-suggestion.search-not-found_invite p.text-not-found {
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 22px 5px;
}
.search-autocomplete-suggestions .item-suggestion.search-not-found_invite p:last-child {
    margin-bottom: 0;
}
.search-autocomplete-suggestions .item-suggestion.search-not-found_invite a {
    font-size: 17px;
    color: #1b44f5;
    text-decoration: underline;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__image img {
    width: 100%;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info {
    font-size: 15px;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info > .row {
    margin-bottom: 10px;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info label {
    text-align: right;
    font-weight: 500;
    padding-right: 0;
    font-size: 13px;
    padding-left: 5px;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info .control-value {
    padding-left: 6px;
    font-size: 13px;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info .authorize {
    position: relative;
    display: inline-block;
    padding-left: 42px;
    line-height: 34px;
    margin-left: 18%;
    cursor: pointer;
}
.search-autocomplete-suggestions .item-suggestion .item-suggestion__info .authorize::after {
    content: '';
    background: url(../images/icon-plus-green.png) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    left: 0;
}
.search-autocomplete-wrap .search-autocomplete .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
.search-autocomplete-wrap .search-autocomplete .search-btn {
    width: 48px;
    height: 39px;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/icon-search.png) no-repeat center #ffc926;
    border-radius: 0 4px 4px 0;
    text-indent: -9999px;
}
.boxs-pet-salon {
    padding: 0 20px;
    margin-top: 45px;
}
.boxs-pet-salon .box-salon-item {
    width: 451px;
    height: 356px;
    background: url(../images/clip-tag_450.png) no-repeat;
    padding: 66px 15px 17px;
    margin-bottom: 30px;
}
.boxs-pet-salon .box-salon-item-inner {
    background: #fff;
    border: 1px solid #d1d1d1;
    border-top: 0;
}
.boxs-pet-salon .box-salon-item.left {
    float: left;
    clear: left;
}
.boxs-pet-salon .box-salon-item.right {
    float: right;
}
.boxs-pet-salon .box-salon-item__header {
    position: relative;
    background: #faaf42;
    border: 1px solid #d7a255;
    padding: 10px 10px 10px 36px;
    margin: 0 -1px;
    min-height: 39px;
}
.boxs-pet-salon .box-salon-item__header::before {
    content: '';
    background: url(../images/icon-pet-salon-black-small.png) no-repeat;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 10px;
    background-size: 16px;
    background-position: center center;
}

.boxs-pet-salon.pet-vet .box-salon-item__header::before
{
    content: '';
    background: url(../images/icon-pet-vet-black-small.png) no-repeat;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 10px;
    background-size: 16px;
    background-position: center center;
}

.boxs-pet-salon.pet-owner .box-salon-item__header::before
{
    content: '';
    background: url(../images/icon-pet-owner-black-small.png) no-repeat;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 10px;
    background-size: 16px;
    background-position: center center;
}

.boxs-pet-salon .box-salon-item__header h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
.boxs-pet-salon .box-salon-item__header .delete {
    position: absolute;
    right: 11px;
    top: 11px;
    background: url(../images/bin_white.png) no-repeat;
    width: 14px;
    height: 15px;
    cursor: pointer;
}
.boxs-pet-salon .box-salon-item__body {
    padding: 32px 12px;
}
.boxs-pet-salon .box-salon-item__body .pet-salon-image {
    float: left;
    width: 119px;
    margin-right: 10px;
}
.boxs-pet-salon .box-salon-item__body .pet-salon-image img{
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    width: 100%;
}
.boxs-pet-salon .box-salon-item__body .pet-salon-info {
    overflow: hidden;
    text-align: center;
}
.boxs-pet-salon .box-salon-item__body .pet-salon-info h3 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 12px;
}
.boxs-pet-salon .box-salon-item__body .pet-salon-info p {
    margin-bottom: 0;
}
.boxs-pet-salon  .box-salon-item__footer {
    border-top: 1px solid #d1d1d1;
    padding: 15px 10px;
    position: relative;
}
.boxs-pet-salon  .box-salon-item__footer a {
    color: #1b44f5;
    font-size: 14px;
    text-decoration: underline;
}
.boxs-pet-salon  .box-salon-item__footer .tag-authorized {
    background: url(../images/authorized.png) no-repeat;
    width: 90px;
    height: 71px;
    position: absolute;
    right: 12px;
    bottom: 6px;
}
.boxs-pet-salon  .box-salon-item__footer .tag-not-authorized {
    background: url(../images/not-authorized.png) no-repeat;
    width: 112px;
    height: 76px;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

form.authorized-use {
    padding: 20px 10px;
}

form.authorized-use input[type=checkbox], input[type=radio] {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: transparent;
    box-shadow: none;
    margin-left: 20px;
}

form.authorized-use .choose-access-level
{
    text-align: right;
}

form.authorized-use #btn_authorize
{
    margin-top: 30px;
}

/* Payment Authorization */
.mailing-address-bar {
    background: #f09a2b;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 12px 9px;
    margin: -20px -20px 40px;
}
.form-horizontal-2col label {
    font-size: 15px;
    font-weight: normal;
    padding-right: 0;
    margin-top: 10px;
    white-space: nowrap;
}
.form-horizontal-2col label.no-mg-top {
    margin-top: 0;
}
.form-horizontal-2col .hl-value {
    color: #f09a2b;
    font-weight: 500;
}
.content-wrap-full .form-horizontal-2col .form-control-mpc {
    width: 100%;
    height: 39px;
    font-size:15px;
    font-style: italic;
}
@media (min-width: 992px) {
    .form-horizontal-2col {
        padding-right: 20px;
    }
    .content-wrap-full .form-horizontal-2col .col-md-6 {
        width: 46%;
    }
}
.form-horizontal-2col .security-code-field input.form-control-mpc {
    width: calc(100% - 54px);
}
.form-horizontal-2col .security-code-field .what-security-code {
    float: right;
    width: 42px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    background: #faaf42;
    text-shadow: 1px 1px 1px rgba(0,0,0,.35);
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
}
.form-horizontal-2col .exp-date-field select {
}
.form-horizontal-2col .exp-date-field select:first-child {
    margin-right: 4%;
}
.button-bottom-wrap.button-bottom-right {
    text-align: right;
    margin: 25px 0 10px;
}
.button-bottom-wrap.button-bottom-right button {
    width: 160px;
    font-size: 18px;
}
/* Checkout - Select pet */
.checkout-select-pet-wrap .select-pet-wrap .box-area__content {
    padding-bottom: 5px;
}
.checkout-select-pet-wrap .select-pet-wrap .select-pet-grid .pet-item .checkbox {
    margin-bottom: 10px;
}
.select-pet-grid .tag-size {
    width: 122px;
    background: #787878;
    border: 1px solid #787878;
    padding: 5px 10px;
    margin: 0 auto;
}
.select-pet-grid .tag-size p {
    font-size: 15px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
}
.checkout-select-pet-wrap .select-pet-wrap .tag-size select {
    height: 33px;
    font-size: 13px;
    box-shadow: none;
    padding: 0 5px;
}

.checkout-select-pet-wrap .select-pet-grid  .pet-item {
    min-height: 300px;
    overflow: hidden;
}
/* Checkout - Order summary */

.total-payment-wrap div.coupon_code {
    margin-top: 10px;
}

.total-payment-wrap div.coupon_code h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.total-payment-wrap button#btn-apply-coupon-code {
    height: 45px;
    font-size: 16px;
    color: #fff;
    padding: 0 12px;
    margin: 0 4px;
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px rgba(0,0,0,.2);
    background-color: #94cd4e;
    box-shadow: 0 1px rgba(140,198,70,0.75);
    border: solid 1px #94cd4e;
    background-image: -webkit-linear-gradient(bottom, #8cc646, #9fd75b));
    background-image: linear-gradient(to top, #8cc646, #9fd75b);
    min-width: 100px;
}

span.coupon_price {
    color: #8cc646;
}

.order-summary-content {
    position: relative;
    padding-bottom: 50px !important;
}
.order-summary-content .quantity {
    font-size: 17px;
    color: #f09a2b;
    margin-bottom: 20px;
}
.order-summary-content .btn-edit-circle {
    background: url(../images/i-circle-edit.png) no-repeat;
    width: 42px;
    height: 42px;
    border: 0;
    position: absolute;
    right: 30px;
    top: 6px;
    text-indent: -9999px;
}
.order-summary-content .shop-summary .order-item {
    width: 280px;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.order-summary-content .shop-summary .order-item:nth-child(3n+1) {
    clear: both;
}

.order-summary-content .shop-summary .order-item figure {
    float: left;
    width: 130px;
    border: 1px solid #a3a09b;
    border-radius: 4px;
    margin-right: 15px;
}

.order-summary-content .shop-summary .order-item .info {
    float: left;
    width: 135px;
    overflow: hidden;
}

.order-summary-content .shop-summary .order-item figure img {
    width: 100%;
    height: 116px;
    border-radius: 4px;
}
.order-summary-content .shop-summary .order-item .info h4 {
    font-size: 20px;
    margin-bottom: 5px;
}
.order-summary-content .shop-summary .order-item .info span {
    font-size: 16px;
    font-weight: 300;
}
.order-summary-content .shop-summary .order-item .tag-size {
    clear: both;
    margin-top: 13px;
}
.order-summary-content .shop-summary .order-item .tag-size label {
    display: inline-block;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    margin: 0;
}
.order-summary-content .shop-summary .order-item .custom-select {
    float: right;
    width: 200px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}
.order-summary-content .shop-summary .order-item .custom-select .custom-select-styled {
    position: relative;
    color: #6f6f6f;
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding: 2px 12px;
}
/*
.order-summary-content .shop-summary .order-item .custom-select .custom-select-styled::after {
	content: '';
	background: url(../images/icon-arrow-down.png) no-repeat;
	width: 13px;
	height: 8px;
	position: absolute;
	right: 2px;
	top: 50%;
	margin-top: -4px;
}*/
.order-summary-content .shop-summary .order-item .custom-select .price {
    color: #000;
    margin-left: 25px;
}
.order-summary-content .shop-summary .order-item .custom-select .custom-select-options {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #c6c6c6;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: -1px;
    display: none;
}
.order-summary-content .shop-summary .order-item .custom-select .custom-select-options li {
    padding: 5px 12px;
    color: #6f6f6f;
    border-top: 1px solid #c6c6c6;
}
.order-summary-content .shop-summary .order-item .custom-select .custom-select-options li:first-child {
    border-top: 0;
}
.order-summary-content .shop-summary .order-item .custom-select .custom-select-options li:hover {
    background: #c6c6c6;
}
.shipping-details-wrap {
    margin-top: 40px;
}
.shipping-details-wrap .form-horizontal-2col .form-group {
    margin-bottom: 35px;
}
.form-horizontal-2col .value-fd {
    font-weight: 300;
}
.form-horizontal-2col .f-name-field .hl-value,
.form-horizontal-2col .l-name-field .hl-value {
    font-weight: 700;
}
@media (min-width: 992px) {
    .total-payment-wrap .total-box,
    .total-payment-wrap .payment-box {
        width: 48%;
    }
}
.total-payment-wrap .box-area-wrap {
    margin-top: 15px;
    margin-bottom: 0;
    min-height: 270px;
}
.total-payment-wrap .title-box {
    background: #f09a2b;
}
.total-payment-wrap .title-box h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding: 15px 25px;
}
.total-payment-wrap .content-box {
    font-size: 22px;
    padding: 20px;
}
.total-payment-wrap .total-box .content-box label {
    font-weight: 500;
    padding-right: 0;
    margin-bottom: 0;
}
.total-payment-wrap .total-box .content-box span {
    font-weight: 300;
}
.total-payment-wrap .content-box .radio {
    font-size: 19px;
    margin-bottom: 25px;
}
.total-payment-wrap .content-box .radio label {
    padding-left: 30px;
}
.total-payment-wrap .content-box .radio input[type=radio] {
    margin-top: 7px;
    margin-left: -30px;
}
.total-payment-wrap .total-box .content-box > .row {
    margin-bottom: 10px;
}

.form-search-pet-owner-connections
{
    width: 60%;
    margin: 0px auto;
}

.form-search-pet-owner-connections #inputSearch
{
    width: 80%;
    float: left;
    height: 45px;
}

.form-search-pet-owner-connections .btn
{
    height: 45px;
    font-size: 20px;
    color: #333;
    padding: 0px 20px;
}

.pet-salon .boxs-pet-salon .box-salon-item__body .pet-salon-info
{
    text-align: left;
}

.pet-salon .boxs-pet-salon .box-salon-item-inner .link-cancel
{
    background: url('../images/icon_notification_cancel.png') no-repeat;
    display: block;
    width: 58px;
    height: 58px;
    padding-left: 60px;
    background-position: left center;
    padding-top: 8px;
}

/* Modal authorize pet salon  */
#model-authorize-pet-salon {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-pet-salon .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-pet-salon .modal-content {
    border-radius: 5px;
}

#model-authorize-pet-salon .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-pet-salon .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-pet-salon .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-pet-salon .modal-inner {
    width: 90%;
    margin: 0px auto;
    padding: 20px 0px;
    text-align: center;
}

#model-authorize-pet-salon #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-salon #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-salon .control-label
{
    text-align:left;
}

#model-authorize-pet-salon .modal-inner .buttons {
    margin-top: 40px;
}

#model-authorize-pet-salon .modal-inner h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

#model-authorize-pet-salon .modal-inner p {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}

#model-authorize-pet-salon .modal-inner span.salon-name {
    color: #ed9324;
    font-weight: bold;
}

#model-authorize-pet-salon .modal-inner p  strong {
    width: 49%;
    display: inline-block;
    text-align: right;
}

#model-authorize-pet-salon .modal-inner p  span {
    width: 49%;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

#model-authorize-pet-salon .modal-inner .buttons button {
    font-size: 18px;
}

/* Modal authorize pet vet  */
#model-authorize-pet-vet {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-pet-vet .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-pet-vet .modal-content {
    border-radius: 5px;
}

#model-authorize-pet-vet .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-pet-vet .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-pet-vet .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-pet-vet .modal-inner {
    width: 90%;
    margin: 0px auto;
    padding: 20px 0px;
    text-align: center;
}

#model-authorize-pet-vet #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-vet #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-vet .control-label
{
    text-align:left;
}

#model-authorize-pet-vet .modal-inner .buttons {
    margin-top: 40px;
}

#model-authorize-pet-vet .modal-inner h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

#model-authorize-pet-vet .modal-inner p {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}

#model-authorize-pet-vet .modal-inner span.salon-name {
    color: #ed9324;
    font-weight: bold;
}

#model-authorize-pet-vet .modal-inner p  strong {
    width: 49%;
    display: inline-block;
    text-align: right;
}

#model-authorize-pet-vet .modal-inner p  span {
    width: 49%;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

#model-authorize-pet-vet .modal-inner .buttons button {
    font-size: 18px;
}

/* Modal authorize Pet owner */
#model-authorize-pet-owner {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-pet-owner .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-pet-owner .modal-content {
    border-radius: 5px;
}

#model-authorize-pet-owner .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-pet-owner .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-pet-owner .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-pet-owner .modal-inner {
    width: 90%;
    margin: 0px auto;
    padding: 20px 0px;
    text-align: center;
}

#model-authorize-pet-owner #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-owner #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-pet-owner .control-label
{
    text-align:left;
}

#model-authorize-pet-owner .modal-inner .buttons {
    margin-top: 40px;
}

#model-authorize-pet-owner .modal-inner h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

#model-authorize-pet-owner .modal-inner p {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}

#model-authorize-pet-owner .modal-inner span.salon-name {
    color: #ed9324;
    font-weight: bold;
}

#model-authorize-pet-owner .modal-inner p  strong {
    width: 49%;
    display: inline-block;
    text-align: right;
}

#model-authorize-pet-owner .modal-inner p  span {
    width: 49%;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

#model-authorize-pet-owner .modal-inner .buttons button {
    font-size: 18px;
}

/* Modal authorize  */
#model-authorize {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize .modal-content {
    border-radius: 5px;
}

#model-authorize .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize .modal-inner {
    width: 90%;
    margin: 0px auto;
    padding: 20px 0px;
    text-align: center;
}

#model-authorize #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize .control-label
{
    text-align:left;
}

#model-authorize .modal-inner .buttons {
    margin-top: 40px;
}

#model-authorize .modal-inner h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

#model-authorize .modal-inner p {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}

#model-authorize .modal-inner span.salon-name {
    color: #ed9324;
    font-weight: bold;
}

#model-authorize .modal-inner p  strong {
    width: 40%;
    display: inline-block;
    text-align: right;
}

#model-authorize .modal-inner p  span {
    width: 49%;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

#model-authorize .modal-inner .buttons button {
    font-size: 18px;
}

/* model share records */
#model-share-record .modal-content {
    border: 6px solid #c69d5b;
    border-radius: 5px;
    background-color: #3e4a32;
    padding: 10px 55px;
}

#model-share-record .modal-body .box_inner {
    background-color: #fbf2e0;
    padding: 15px;
}

#model-share-record .modal-header {
    color: #FFF;
    font-size: 25px;
    text-align: center;
}

#model-share-record .modal-header h4 {
    font-size: 26px;
    text-align: center;
    background: url('../images/icon_record_share.png') no-repeat;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 30px;
    margin: 0px auto;
}

#model-share-record .modal-body {
    padding: 0px;
}

#model-share-record .modal-body .form-horizontal .form-group {
    background-color: #dfdfdf;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 5px;
}

#model-share-record .box_form_inner {
    background-color: #FFF;
    padding: 10px;
}

#model-share-record label.control-label {
    float: left;
    font-size: 14px;
    padding-top: 5px;
}

#model-share-record input.form-control {
    float: right;
    width: 92%;
    margin-left: 2%;
    height: 30px;
}

#model-share-record .message-info {
    margin-top: 20px;
    padding-left: 20px;
    font-size: 14px;
}

#model-share-record .buttons {
    overflow: hidden;
    margin-top: 10px;
    text-align: right;
}

#model-share-record .buttons button
{
    font-size: 18px;
}

#model-share-record span.text-control {
    padding-top: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}

.text-orange
{
    color: #ff0000;
}

#model-share-record .link-attach
{
    color: #979490;
    background: url('../images/icon_attach.png') no-repeat;
    display: block;
    height: 69px;
    line-height: 69px;
    padding-left: 70px;
    background-position: left center;
}

/* Modify Appointment */
@media (min-width: 768px) {
    #model-appointment-modify .modal-dialog {
        width: 1016px;
    }
}
#model-appointment-modify .modal-content {
    background-color: #f3f3f3;
}
#model-appointment-modify .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-appointment-modify .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-appointment-modify .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-appointment-modify .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-appointment-modify .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-appointment-modify .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
}
#model-appointment-modify .form-horizontal .required {
    color: #e8891a;
}
.custom-upload-wrap {
    position: relative;
    overflow: hidden;
}
.custom-upload-wrap input[type="file"] {
    position: absolute;
    top: 0;
    min-width: inherit;
    opacity: 0;
    cursor: inherit;
    max-height: 55px;
    /* width: 150px; */
}
#model-appointment-modify .record-tab-form {
    margin-top: 35px;
}
#model-appointment-modify .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-appointment-modify .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-appointment-modify .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-appointment-modify .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
    padding: 10px 2px;
}
#model-appointment-modify .table-st tr:nth-child(odd) {
    background-color: #e1e1e1;
}
#model-appointment-modify .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-appointment-modify .table-st thead th:first-child,
#model-appointment-modify .table-st thead td:first-child {
    border-left: 0;
}
#model-appointment-modify .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-appointment-modify .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-appointment-modify .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-appointment-modify .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-appointment-modify .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-appointment-modify .table-st td.vaccination {
    text-align: left;
}
#model-appointment-modify .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}

#model-appointment-modify .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}
#model-appointment-modify .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-appointment-modify .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-appointment-modify .box_inner {
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23);
    border: solid 6px #ececec;
    margin-bottom: 40px;
    margin-top: 10px;
}

#model-appointment-modify .additional-notes {
    /* position: relative; */
    /* border-radius: 3px; */
    /* background-color: #fff; */
    /* box-shadow: 0 0 3px rgba(0,0,0,.27), 0 3px rgba(0,0,0,.23); */
    /* border: solid 6px #ececec; */
    /* margin-top: -8px; */
    /* margin-top: 40px; */
    /* padding: 20px; */
}

#model-appointment-modify .additional-notes textarea {
    width: 100%;
    min-height: 120px;
}

#model-appointment-modify .additional-notes h3 {
    font-weight: bold;
    margin-bottom: 20px;
    background: url('../images/icon_notes.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    line-height: 24px;
    background-position: left center;
}

#model-appointment-modify .info {
    float: right;
    border: 1px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    padding-bottom: 20px;
}

#model-appointment-modify .info h3 {
    background-color: #e5e5e5;
    margin: -10px;
    padding: 15px 10px;
    margin-bottom: 20px;
    color: #000;
}

#model-appointment-modify .info p {
    color: #000;
}

#model-appointment-modify .info p a {
    color: #000;
}

#model-appointment-modify ul.services {
    padding: 0px;
    margin: 0px;
}

#model-appointment-modify ul.services li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#model-appointment-modify ul.services li .fa
{
    color: #f8aa3c;
}

#model-appointment-modify span.or {
    display: block;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

#model-appointment-modify h3.subheadding {
    font-weight: bold;
    background: url('../images/icon_request.png') no-repeat;
    padding-left: 30px;
    min-height: 24px;
    background-position: left center;
    line-height: 24px;
}

#model-appointment-modify .buttons {
    text-align: center;
    margin-top: 20px;
}

#model-appointment-modify .buttons button {
    font-size: 18px;
}

#model-appointment-modify .submessage {
    background-color: #FFF;
    padding: 20px;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 15px;
}

#model-appointment-modify .actions .accept span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_accept.png') no-repeat;
    background-position: top center;
}

#model-appointment-modify .actions .modify span.icon
{
    text-decoration: none;
    color: #000;
    min-height: 58px;
    min-width: 58px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: url('../images/icon_edit.png') no-repeat;
    background-position: top center;
}

#model-appointment-modify .actions input[type="checkbox"] {
    line-height: 58px;
    display: inline-block;
    height: 58px;
}

#model-appointment-modify .actions .accept {
    float: left;
}

#model-appointment-modify .actions .modify {
    float: right;
}

#model-appointment-modify .actions {

}

#model-appointment-modify th.col-action {
    padding: 10px 0px !important;
}

#model-appointment-modify th.col-action span {
    display: inline-block;
    text-align: center;
    color: #333;
    margin: 0px 5px;
}

#model-appointment-modify th.col-action span input {
    display: block;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 5px;
}

#model-appointment-modify th.col-name span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-species  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-breed  span {
    background: url('../images/icon_table_name.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-services  span {
    background: url('../images/icon_table_service.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-check-in-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-check-out-day  span {
    background: url('../images/icon_table_date.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 40px;
    display: inline-block;
    min-height: 35px;
    line-height: 35px;
}

#model-appointment-modify th.col-action  span {
    background: url('../images/icon_table_action.png') no-repeat;
    background-position: left center;
    min-width: 40px;
    padding-left: 30px;
    min-height: 26px;
    line-height: 26px;
}

#model-appointment-modify th.col-action  span.modify {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-modify th.col-action  span.accept {
    background: none;
    padding: 0px;
    min-width: inherit;
    min-height: inherit;
    display: inline-block;
}

#model-appointment-modify .icon_dob{
    background: url(../images/icon-calendar_2.png) no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 8px;
    top: 5px;
    pointer-events: none;
}
#model-appointment-modify .date-wrap
{
    position: relative;
}

label.error {
    color: red !important;
    font-size: 13px !important;
    font-weight: normal !important;
    display: block;
}

/* Services - Add a service */
.add-service-content-wrap {
    padding: 18px;
}
.heading-title-with-reservation h3{
    float: left;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    height: 45px;
    line-height: 45px;
}
.heading-title-with-reservation .custom-radio-green {
    float: right;
    position: relative;
}
.heading-title-with-reservation .custom-radio-green input[type="radio"] {
    display: none;
}
.heading-title-with-reservation .custom-radio-green > label {
    font-size: 17px;
    color: #0b6807;
    font-weight: 500;
    line-height: 45px;
    margin: 0;
    padding-left: 15px;
    position: relative;
    height: 45px;
    display: block;
    float: right;
}
.heading-title-with-reservation .custom-radio-green label::before {
    content: '';
    width: 18px;
    height: 18px;
    display: inline-block;
    box-shadow: 0 0 1px rgba(0,0,0,.36);
    border: solid 3px #e6e6e6;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    display: none;
}
.heading-title-with-reservation .custom-radio-green label::after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #066e01;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: -webkit-transform 200ms ease-in-out;
    transition: -webkit-transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out;
    transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
    display: none;
}
.heading-title-with-reservation .custom-radio-green input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.heading-title-with-reservation .custom-radio-green .status {
    color: #fff;
    font-size: 11px;
    position: absolute;
    left: -6px;
    bottom: -12px;
}

.heading-title-with-reservation .custom-radio-green label.disable:before {border: solid 3px #066e01;}

.heading-title-with-reservation .custom-radio-green label.disable::after {
    background-color: #e6e6e6;
}

div#reservation-center-status input[type="radio"] {
    display: none;
}

div#reservation-center-status input[type="radio"] + label {
    color: #FFF;
    line-height: normal;
    margin-top: 5px;
    TEXT-ALIGN: center;
}

div#reservation-center-status input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

div#reservation-center-status input[type="radio"] + label span {
    background-color: red;
    display: block;
    border: 3px solid #fff;
}

div#reservation-center-status input[type="radio"]:checked + label span {
    background-color: green;
    border: 3px solid #FFF;
}

div#reservation-center-status input[type="radio"] + label span,
div#reservation-center-status input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

.heading-title-with-reservation div#reservation-center-status > div {
    display: block;
    float: left;
    line-height: normal;
    margin-right: 10px;
}


.heading-title.heading-title-with-reservation {
    padding: 0px;
    height: 45px;
    line-height: 45px;
    padding: 0px 15px;
}

.add-service-content-wrap .services-offer {
    margin-bottom: 20px;
}
.add-service-content-wrap .services-offer h3 {
    float: left;
    font-size: 21px;
    color: #5b5b5b;
    font-weight: 400;
    line-height: 30px;
}
.add-service-content-wrap .services-offer .radio {
    float: right;
    margin: 0;
    font-size: 21px;
    color: #5b5b5b;
}
.add-service-content-wrap .services-offer .radio input[type="radio"] {
    margin-top: 9px;
}
.add-service-content-wrap .edit-any-service p {
    font-size: 15px;
    margin-bottom: 20px;
}
.add-service-content-wrap .list-edit-services {
    margin-left: -7px;
    margin-right: -7px;
}
.add-service-content-wrap .list-edit-services > div {
    padding-left: 7px;
    padding-right: 7px;
}
.add-service-content-wrap .list-edit-services .item-service {
    border-radius: 4px;
    background-color: #ffac33;
    box-shadow: 0 3px rgba(253,203,130,.57);
    border: solid 3px #fff;
    margin-bottom: 10px;
}
.add-service-content-wrap .list-edit-services .item-service-inner {
    position: relative;
    overflow: hidden;
    padding: 12px 5px;
}

.add-service-content-wrap .list-edit-services .item-service-inner a {
    display: block;
    text-decoration: none;
    line-height: 80px;
    height: 80px;
}

.add-service-content-wrap .list-edit-services .service1	.item-service {
    background-color: #f8daaf;
}
.add-service-content-wrap .list-edit-services .service2	.item-service {
    background-color: #969696;
    color: #fff;
}
.add-service-content-wrap .list-edit-services .service3	.item-service {

}
.add-service-content-wrap .list-edit-services .service4	.item-service {
    background-color: #e6e3de;
    box-shadow: 0 3px rgba(185,182,177,.57);
}
.add-service-content-wrap .list-edit-services .item-service .icon {
    display: inline-block;
    max-width: 50px;
}
.add-service-content-wrap .list-edit-services .item-service h3 {
    font-size: 22px;
    font-weight: 400;
    color: #373737;
    display: inline-block;
    vertical-align: middle;
    max-width: 160px;
}
.add-service-content-wrap .box-service-vaccin-deposit {
    background-color: #f4f3f2;
    margin-top: 35px;
    margin-bottom: 50px;
}
.add-service-content-wrap .box-service-vaccin-deposit-inner {
    background: url(../images/pattern-box-area.png) repeat;
    padding: 30px 25px;
}
.add-service-content-wrap .box-service-vaccin-deposit .item {
    display: table;
}
.add-service-content-wrap .box-service-vaccin-deposit .item .icon {
    display: table-cell;
    padding-right: 25px;
}
.add-service-content-wrap .box-service-vaccin-deposit .item p {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 300;
    color: #606060;
    line-height: 24px;
}
.add-service-content-wrap .list-edit-services .item-service .with-other {
    position: absolute;
    bottom: -40px;
    right: -40px;
    background-color: #f3f3f3;
    box-shadow: inset 1px 1px rgba(0,0,0,.38);
    border-radius: 50%;
    width: 89px;
    height: 89px;
}
.add-service-content-wrap .list-edit-services .item-service .with-other.with-vaccin img.vaccin {
    position: absolute;
    left: 19px;
    top: 18px;
}
.add-service-content-wrap .list-edit-services .item-service .with-other.with-vaccin img.vaccin_deposit {
    position: absolute;
    left: 6px;
    top: 20px;
}
.add-service-content-wrap .list-edit-services .item-service .with-other.with-vaccin-deposit img.vaccin {
    position: absolute;
    top: 23px;
    left: 12px;
}
.add-service-content-wrap .list-edit-services .item-service .with-other.with-vaccin-deposit img.deposit {
    position: absolute;
    top: 6px;
    left: 32px;
}

.reservation-center-status.status-off label span {
    background-color: #FFF !important;
    border: 2px solid #000 !important;
}

.reservation-center-status.status-on label span {
    background-color: #000 !important;
    border: 3px solid #FFF !important;
}

/* form search inline */
.search-inline
{
    position: relative;
    text-align: right;
}
.search-inline input[type="text"]
{
    width: 336px;
    height: 43px;
    font-size: 14px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: inset 0 0 6px rgba(97,97,97,.17), 1px 1px 2px rgba(0,0,0,0.6);
    border: solid 1px #d7d7d7;
    font-size: 13px;
    padding: 0 14px;
    line-height: 34px;
}

.search-inline input[type="submit"] {
    background: #ffc926;
    width: 43px;
    height: 41px;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 1px;
    top: 1px;
    border: 0;
    position: absolute;
    top: 1px;
    right: 1px;
    text-indent: -9999px;
    height: 40px;
    border: 0px;
    width: 45px;
    box-shadow: none;
    background-image: url(../images/locate-a-record/mag-icon-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffc926;
}
.member-profile-summary__dropdown {
    margin-bottom: 10px;
}
.member-profile-summary__dropdown .custom-dropdown {
    position: relative;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    color: #434343;
    border-radius: 2px 3px 3px 2px/2px;
    background-color: #f2f2f2;
    border: solid 1px #bfbfbf;
    background-image: -webkit-linear-gradient(bottom, #d9d9d9, #fff);
    background-image: linear-gradient(to top, #d9d9d9, #fff);
    padding-left: 15px;
    cursor: pointer;
}
.member-profile-summary__dropdown .custom-dropdown .icon-custom-dropdown {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    /* border-left: solid 1px #bfbfbf; */
    /* box-shadow: inset 1px 0 0 #fff; */
}
.member-profile-summary__dropdown .custom-dropdown .icon-arrow_dark::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #575755 transparent transparent transparent;
    border-width: 5px 5px 0 5px;
    position: absolute;
    top: 12px;
    left: 10px;
}
.member-profile-summary__dropdown .custom-dropdown .icon-cut_dark--small::before {
    content: '';
    width: 18px;
    height: 19px;
    background: url(../images/cut-bl.png) no-repeat;
    position: absolute;
    top: 6px;
    left: 6px;
}

.petowner .member-profile-summary__dropdown .custom-dropdown .icon-cut_dark--small::before
{
    background: url(../images/hand.png) no-repeat;
}

.petvet .member-profile-summary__dropdown .custom-dropdown .icon-cut_dark--small::before
{
    background: url(../images/vet.png) no-repeat;
}

/* Dialog */
.ui-dialog .ui-dialog-titlebar {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
    background-image: none;
}

.ui-dialog {
    padding: 0px;
    border: none;
    background: #fef3e2;
    max-width: 650px;
}

.ui-dialog .ui-dialog-title {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
    font-weight: normal;
    width: 100%;
    text-align: center;
}

.ui-dialog .ui-dialog-content {
    background: #fef3e2;
    padding: 20px;
    font-size: 15px;
    min-width: 400px;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none;
}

.ui-dialog.no-close button.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none;
    background: transparent;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-red {
    background-color: #ea8b1b;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 5px;
    margin-left: 20px;
    border-color: transparent;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-green {
    background-color: #71b049;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 5px;
    margin-left: 20px;
    border-color: transparent;
}

.ui-widget-overlay.ui-front {
    background: #000;
    opacity: 0.5;
    z-index: 9999!important;
}

.ui-dialog .ui-dialog-content ul {
    margin: 0px;
    padding: 0px;
}

.ui-dialog .ui-dialog-content ul li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}

.ui-dialog .ui-dialog-content > p {
    text-align: center;
}

div.loading-spin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 99999;
    display:none;
}

.loading-spin img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    width: 100px;
    height: auto;
}

div#dialog-confirm-password {
    text-align: center;
}

#dialog-delete-akc-record
{
    text-align: center;
}

p.note {
    color: #c80707;
}

/* .flash-message */
.flash-message
{
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
}

.petowner_dashboard .flash-message {
    background: none;
    margin-bottom: 20px;
    max-width: 1060px;
    margin: 0px auto;
    width: 1060px;
}

.petsalon_dashboard .flash-message {
    background: none;
    margin-bottom: 20px;
    max-width: 1060px;
    margin: 0px auto;
    width: 1060px;
}

.flash-message .alert
{
    margin-bottom: 0px;
    clear: both;
    max-width: 100%;
    width: 1060px;
    margin: 0px auto;
}

input.form-control-mpc[type='checkbox']
{
    width:20px;
    height:20px;
}

.form-control-mpc[readonly] {
    background-color: #FFF;
}

div#dialog-add-type-service-result {
    text-align: center;
}

div#dialog-add-type-service-result span {
    margin-bottom: 10px;
    display: block;
}

div#dialog-deactivate-reason {}

div#dialog-deactivate-reason select#deactivate_reason {
    margin-top: 10px;
    margin-bottom: 20px;
}

div#dialog-deactivate-reason input#deactivate_reason_other {
    margin-top: 10px;
}

div#dialog-deactivate-reason span {
    display: block;
    margin: 10px 0px;
}

.profile-image {}

.profile-image img {
    width: 100%;
    height: auto;
}

.profile-image a.edit-profile-image {
    display: block;
    background-color: #333;
    color: #FFF;
    text-decoration: none;
    font-size: 15px;
    padding: 10px;
}

.dashboard-add-pet .dashboard-panel-accordion .dashboard-utility-button__icon--round {
    font-size: 16px;
}
.dashboard-add-pet-weight .input-group .form-control {
    margin-bottom: 0;
}

.dashboard-add-pet-weight .input-group  label#weight-error {
    position: absolute;
    width: 100%;
    bottom: -25px;
    font-size: 12px !important;
    left: 0px;
}
.dashboard-add-pet-weight .input-group-addon{
    background: #848484;
    box-shadow: inset 0 0 6px rgba(97,97,97,.17), 1px 1px 2px rgba(0,0,0,0.6);
    border: 0;
}
.dashboard-add-pet-weight .or-option {
    line-height: 39px;
    font-weight: bold;
    font-size: 18px;
    position: relative;
    left: 2px;
}
.dashboard-add-pet-age-input .form-control-mpc {
    margin-top: 0;
    width: 146px;
    display: inline-block;
    margin-right: 15px;
}
.dashboard-add-pet-age-input p {
    padding-top: 0;
}
.dashboard-add-pet-age-input p.or {
    padding-top: 40px;
}
.dashboard-add-pet-age-input__label {
    font-size: 13px;
    display: inline-block;
    padding-top: 0;
}
.dashboard-upload-profile-img .image-preview {
    text-align: center;
}
@media (min-width: 768px) {
    .dashboard-upload-profile-img .image-preview {
        padding-right: 0;
    }
}
.dashboard-upload-profile-img .image-preview img {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #dcdcdc;
    margin-bottom: 6px;
}
.dashboard-upload-profile-img .image-preview p {
    padding: 0;
    font-size: 14px;
    color: #ff7200;
    font-weight: 300;
}
.dashboard-upload-profile-img .upload-image-input-container input[type="file"] {
    display: none;
}
.dashboard-upload-profile-img .upload-image-input-container .upload-image-input-text {
    width: 60%;
    display: inline-block;
    margin-right: 15px;
}
.dashboard-upload-profile-img .upload-image-input-container .btn-browse {
    font-size: 18px;
    font-weight: 500;
    width: 119px;
}
/* Slider button navigation */
.owl-theme .owl-controls .owl-buttons div {
    background-color: transparent;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    width:  36px;
    height:  36px;
    top: 50%;
    margin-top: -18px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    background: url('../images/btn-prev.png') no-repeat;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    background: url('../images/btn-next.png') no-repeat;
}
.user-profile-page .user-profile-content .profile-image {
    border: 1px solid #efefef;
}
.profile-image a.edit-profile-image {
    padding: 6px 8px;
    font-weight: 300;
}
.profile-image a.edit-profile-image::before {
    content: '';
    display: inline-block;
    background: url('../images/icon_user_profile_edit_no_text.png') no-repeat;
    width: 36px;
    height: 36px;
    margin-right: 14px;
    vertical-align: middle;
}
.user-profile-page .user-profile-content-inner .box_inner label > .help {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #fff;
    background-color: #e98918;
    text-align: center;
    border-radius: 50%;
    margin-left: 2px;
    line-height: 18px;
}
.user-profile-page .user-profile-content h3 {
    position: relative;
}
.user-profile-button-utility {
    width: 35px;
    height: 35px;
    background-color: #fff;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -18px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.7) inset;
    color: #3e3e3e;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}
.account-reset-text span {
    color: #ff6600;
    font-size: 15px;
}
.account-reset-box,
.account-reset-box-inner {
    border-radius: 0px;
}
.account-reset-box {
    padding: 30px;
    background: #ffffff ;
}
.account-reset-box-inner {
    width: 80%;
    margin: 60px auto;
    padding: 0px;
    position: relative;
}
.account-reset-box-inner .control-label {
    font-size: 14px;
    font-weight: 300;
    padding-top: 20px;
}
.account-reset-confirm-form .account-reset-box-inner {
    margin-top: 30px;
}
.account-reset-confirm-form .account-reset-box-inner .form-group:not(:last-child) {
    margin-bottom: 35px;
}
.account-reset-confirm-form .account-reset-box-inner .control-label {
    text-align: left;
}
.account-reset-box .button-bottom-wrap {
    margin-bottom: 10px;
}
.account-reset-button button {
    font-size: 18px;
    font-weight: 500;
}
.account-reset-button button.btn-cancel { width: 158px; max-width: 45%; display: inline-block; }
.account-reset-button button.btn-send { width: 178px; display: inline-block; max-width: 45%; }
.account-reset-button button.btn-send i {
    margin-left: 8px;
}

/*register user result dialog */
div#register-user-result {
    text-align: center;
    max-width: 600px;
}

/* Modal transfer ownership  */
#model-transfer-ownership {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-transfer-ownership .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-transfer-ownership .modal-content {
    border-radius: 5px;
}

#model-transfer-ownership .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-transfer-ownership .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-transfer-ownership .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-transfer-ownership .modal-inner {
    width: 90%;
    margin: 0px auto;
    padding: 20px 0px;
    text-align: center;
}

#model-transfer-ownership #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-transfer-ownership #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-transfer-ownership .control-label
{
    text-align:left;
}

#model-transfer-ownership .modal-inner .buttons {
    margin-top: 40px;
}

#model-transfer-ownership .modal-inner h3 {
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 20px;
    font-weight: bold;
}

#model-transfer-ownership .modal-inner p {
    margin-bottom: 10px;
    display: block;
    font-size: 18px;
}

#model-transfer-ownership .modal-inner span.salon-name {
    color: #ed9324;
    font-weight: bold;
}

#model-transfer-ownership .modal-inner p  strong {
    width: 49%;
    display: inline-block;
    text-align: right;
}

#model-transfer-ownership .modal-inner p  span {
    width: 49%;
    display: inline-block;
    text-align: left;
    font-weight: normal;
}

#model-transfer-ownership .modal-inner .buttons button {
    font-size: 18px;
}
/* Appointment Calendar */
.appointment-calendar {
    padding-left: 25px;
    padding-right: 25px;
}
#upcoming-appointments-calendar {
    position: relative;
}
#archieved-appointments-calendar {
    position: relative;
}
/* 1. Tab calendar */
.appointment-calendar .nav-tabs {
    border-bottom: 0;
}
.appointment-calendar .nav-tabs>li>a {
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.24), rgba(255,255,255,.24) 49%);
    background-image: linear-gradient(to top, rgba(0,0,0,.24), rgba(255,255,255,.24) 49%);
    box-shadow: 0 1px 1px rgba(0,0,0,.75), inset 0 1px rgba(255,255,255,.3);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-color: #dba23b;
    padding: 10px 25px;
    border-radius: 15px 15px 0 0;
}

/* 2. Full calendar */
.fc-toolbar {
    position: absolute;
    position: absolute;
    top: -33px;
    right: 0;
    margin-bottom: 0;
}
.fc-toolbar h2 {
    font-size: 17px;
    font-weight: 500;
}
.fc-state-default {
    background: none;
    border: 0;
    box-shadow: none;
}
.fc button {
    height: auto;
}
.fc-icon {
    width: 9px;
    height: 16px;
    background: url('../images/fc-icon-arrow.png') no-repeat;
}
.fc-icon-right-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.fc-content-skeleton {
    display: none;
}
.fc th {
    background-color: #f3ab3f;
    font-size: 12px;
    color: #fff;
    padding: 10px;
    border-color: #c38c39;
}
.fc-unthemed .fc-head td {
    border-color: #c38c39;
}
.fc-unthemed .fc-body td.fc-day {
    font-weight: 700;
    background-image: -webkit-linear-gradient(bottom, #e0e0e0, #f0f0f0);
    background-image: linear-gradient(to top, #e0e0e0, #f0f0f0);
    border-color: #ddd;
    text-align: center;
    vertical-align: middle;
}
.fc-unthemed .fc-body td.fc-day > * {
    color: #7e7e7e;
    text-shadow: 1px 1px rgba(255,255,255,.48);
}
.fc-unthemed .fc-body td.fc-sat,
.fc-unthemed .fc-body td.fc-sun {
    background-image: -webkit-linear-gradient(bottom, #bbb, #d0d0d0);
    background-image: linear-gradient(to top, #bbb, #d0d0d0);
}
.fc-unthemed .fc-body td.has-appointments {
    background-image: -webkit-linear-gradient(bottom, #fac578, #ffdeaf);
    background-image: linear-gradient(to top, #fac578, #ffdeaf);
}
.fc-unthemed .fc-body td.has-appointments a {
    text-decoration: underline;
}

/* found a pet non mpc */
.found-a-pet-none-mpc-page .heading {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.found-a-pet-none-mpc-page .heading h2 {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0px;
    padding: 0px;
    padding-left: 15px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content {
    background-color: #f3f3f3;
    padding: 40px 15px 80px 15px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content h3 {
    background-color: #ec8f08;
    color: #FFF;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content-inner {
    background-color: #FFF;
    padding: 0px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    border: 6px solid #ececec;
    padding: 20px;
    margin-bottom: 15px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content > h4 {
    font-size: 18px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.select-pets {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.select-pets li {
    list-style-type: none;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.select-pets li img {
    border-radius: 5px;
    display: block;
    margin-bottom: 5px;
    width: 122px;
    height: 118px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content-inner label {
    font-weight: normal;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content-inner label span.require {color: #ec8f08;}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.upload-image-pets {
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.upload-image-pets li {
    display: inline-block;
    margin-right: 20px;
    text-align: center;
    max-width: 180px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.upload-image-pets li img {
    display: block;
    margin: 0px auto;
    margin-bottom: 10px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content ul.upload-image-pets li span {
    background-color: #f0992b;
    color: #FFF;
    padding: 5px;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content .form-group.buttons {
    float: right;
}

.found-a-pet-none-mpc-page .found-a-pet-none-mpc-content .form-group.buttons button {
    font-size: 18px;
    margin-left: 10px;
}

/* model-transfer-ownership-non-mpc-user */
#model-transfer-ownership-non-mpc-user {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-transfer-ownership-non-mpc-user .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-transfer-ownership-non-mpc-user .modal-content {
    border-radius: 5px;
}

#model-transfer-ownership-non-mpc-user .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-transfer-ownership-non-mpc-user .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-transfer-ownership-non-mpc-user .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-transfer-ownership-non-mpc-user .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-transfer-ownership-non-mpc-user #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-transfer-ownership-non-mpc-user #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-transfer-ownership-non-mpc-user .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-transfer-ownership-non-mpc-user span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-transfer-ownership-non-mpc-user span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

/* model-authorize-a-non-mpc-user */
#model-authorize-a-non-mpc-user {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-a-non-mpc-user .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-a-non-mpc-user .modal-content {
    border-radius: 5px;
}

#model-authorize-a-non-mpc-user .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-a-non-mpc-user .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-a-non-mpc-user .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-a-non-mpc-user .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-authorize-a-non-mpc-user #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-non-mpc-user #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-non-mpc-user .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-authorize-a-non-mpc-user span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-authorize-a-non-mpc-user span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

/* model-authorize-a-new-pet-salon-non-mpc */
#model-authorize-a-new-pet-salon-non-mpc {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-content {
    border-radius: 5px;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-a-new-pet-salon-non-mpc .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-authorize-a-new-pet-salon-non-mpc #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-salon-non-mpc #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-salon-non-mpc .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-authorize-a-new-pet-salon-non-mpc span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-authorize-a-new-pet-salon-non-mpc span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

/* model-authorize-a-new-pet-owner-non-mpc */
#model-authorize-a-new-pet-owner-non-mpc {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-content {
    border-radius: 5px;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-a-new-pet-owner-non-mpc .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-authorize-a-new-pet-owner-non-mpc #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-owner-non-mpc #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-owner-non-mpc .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-authorize-a-new-pet-owner-non-mpc span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-authorize-a-new-pet-owner-non-mpc span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

/* model-authorize-a-new-pet-vet-non-mpc */
#model-authorize-a-new-pet-vet-non-mpc {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-content {
    border-radius: 5px;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-authorize-a-new-pet-vet-non-mpc .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-authorize-a-new-pet-vet-non-mpc #btn_submit
{
    background-color: #ea8d1c;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-vet-non-mpc #btn_cancel
{
    background-color: #494a49;
    color: #FFF;
    font-size: 16px;
    padding: 10px;
    min-width: 100px;
    border: none;
}

#model-authorize-a-new-pet-vet-non-mpc .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-authorize-a-new-pet-vet-non-mpc span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-authorize-a-new-pet-vet-non-mpc span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

/* pet profile control */
.pet-profile-page #tab-about-me .content-edit
{
    display: none;
}

.pet-profile-page #tab-tracing-insurance .content-edit
{
    display: none;
}

.pet-profile-page #tab-pre-existing-conditions .content-edit
{
    display: none;
}

.pet-profile-page #tab-feeding-instructions .content-edit
{
    display: none;
}

.pet-profile-page #tab-feeding-instructions .content-edit.must-show {
    display: block !important;
}

.pet-profile-page .heading .save-pet-profile
{
    display: none;
}

.pet-profile-page .heading .cancel-pet-profile
{
    display:none;
}

.pet-profile-page .heading .edit-pet-profile
{
    display: none;
}

.modal {
    overflow-y: scroll;
}

a.appointments-head-title-link {
    color: #FFF;
    text-decoration: none;
    font-size: 1.125rem;
    font-family: "Roboto",sans-serif;
    font-weight: 300;
}

.date-picker {
    background-color: #FFF !important;
}


.pet-profile-page #tab-veterinarian .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
}
.pet-profile-page #tab-veterinarian .form-inline .label-control {
    white-space: nowrap;
    padding-right: 15px;
    margin-bottom: 0;
    padding-top: 9px;
}
.pet-profile-page #tab-veterinarian .form-inline .form-control-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.pet-profile-page #tab-veterinarian .form-inline .form-control-wrap-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pet-profile-page #tab-veterinarian .form-inline .form-control-wrap_wrap-state {
    width: 80px;
}
.pet-profile-page #tab-veterinarian .form-inline .form-control-wrap__wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.pet-profile-page #tab-veterinarian .form-inline .form-control {
    width: 100%;
}
.pet-profile-page #tab-veterinarian .form-inline .form-col1 .label-control {
    width: 130px;
}
.pet-profile-page #tab-veterinarian .form-inline .form-col2 .label-control {
    width: 130px;
}
.pet-profile-page #tab-veterinarian .form-inline .form-col2 .label-control-zip {
    width: auto;
    padding-left: 15px;
}
.pet-profile-page #tab-veterinarian .form-inline label.error {
    margin-bottom: 0;
    margin-top: 10px;
}
.pet-profile-page #tab-veterinarian .form-inline button {
    font-size: 18px;
    width: 104px;
    height: 44px;
}
.pet-profile-page #tab-veterinarian .veterinarian-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}
.pet-profile-page #tab-veterinarian .veterinarian-item .veterinarian-item__text {
    padding-right: 20px;
}
.pet-profile-page #tab-veterinarian .veterinarian-item .delete-item,
.pet-profile-page #tab-grooming-profile .grooming-item .delete-item {
    display: inline-block;
    position: relative;
    text-align: center;
    border:  0;
    background: none;
    padding: 0;
}
.pet-profile-page #tab-veterinarian .veterinarian-item .delete-item::before,
.pet-profile-page #tab-grooming-profile .grooming-item .delete-item::before {
    content: '';
    width: 56px;
    height: 56px;
    background: url(../images/i-circle-4.png) no-repeat;
    display: inline-block;
}
.pet-profile-page #tab-veterinarian .veterinarian-item .delete-item span,
.pet-profile-page #tab-grooming-profile .grooming-item .delete-item span {
    display: block;
    font-size: 15px;
}

.pet-profile-page #tab-veterinarian form.frmAddNewVeterianrian {
    margin-bottom: 30px;
}

.pet-profile-page #tab-veterinarian form.frmAddNewVeterianrian .checkbox {
    margin-right: 10px;
}

/* popup model-add-new-grooming-profile */
#model-add-new-grooming-profile {
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}

#model-add-new-grooming-profile .modal-header {
    background-color: #ed9324;
    border-radius: 5px 5px 0px 0px;
}

#model-add-new-grooming-profile .modal-content {
    border-radius: 5px;
}

#model-add-new-grooming-profile .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

#model-add-new-grooming-profile .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

#model-add-new-grooming-profile .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

#model-add-new-grooming-profile .modal-inner {
    width: 90%;
    margin: 0px auto;
}

#model-add-new-grooming-profile .control-label
{
    text-align:left;
    font-weight: normal;
}

#model-add-new-grooming-profile span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

#model-add-new-grooming-profile span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}

#model-add-new-grooming-profile textarea#grooming_profile {
    height: 180px;
}

label#weight_lb-error {
    position: absolute;
    top: 45px;
    width: 200px;
    left: 0px;
    font-size: 11px !important;
}

label#weight_kg-error {
    position: absolute;
    top: 45px;
    width: 200px;
    left: 0px;
    font-size: 11px !important;
}

.date-picker {
    background-color: #FFF !important;
    padding-left: 5px !important;
}

.datepicker {
    background-color: #FFF !important;
    padding-left: 5px !important;
}

.select-pet-wrap .select-pet-grid .pet-item img {
    width: 100%;
    height: auto;
}


/* begin pet salon show appointment by date */
@media (min-width: 768px) {
    #model-pet-salon-show-appointment-by-date .modal-dialog {
        width: 1016px;
    }
}
#model-pet-salon-show-appointment-by-date .modal-content {
    background-color: #f3f3f3;
}
#model-pet-salon-show-appointment-by-date .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-pet-salon-show-appointment-by-date .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-pet-salon-show-appointment-by-date .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}

#model-pet-salon-show-appointment-by-date .dashboard-content-inner {
    padding-bottom: 0px;
}

#model-pet-salon-show-appointment-by-date .archived-appointments-inner {
    margin-bottom: 0px;
}

/* end pet salon show appointment by date */

/* page lost a pet - guest */
.lost-a-pet-inner-guest .find-pet__steps {
    background:#ededed;
    display:flex;
    flex-direction:column;
    margin:20px -15px;
    overflow:hidden;
    padding:20px;
}

.lost-a-pet-inner-guest  .find-pet__step {
    align-items:center;
    display:inline-flex;
    flex-direction:row;
    margin-bottom:40px;
    position:relative;
    text-align:left;
}



.lost-a-pet-inner-guest  .find-pet__step:last-child {
    margin-bottom:0;
}

.lost-a-pet-inner-guest .find-pet__step:last-child:after {
    display:none;
}

.lost-a-pet-inner-guest  .find-pet__step-image {
    display:block;
    flex-basis:25%;
    text-align:center;
}

.lost-a-pet-inner-guest  .find-pet__step-image img {
    max-width:100%;
}

.lost-a-pet-inner-guest  .find-pet__step-text {
    flex-basis:75%;
    padding-left:15px;
    font-size:13px;
    font-size:0.8125rem;
}

.lost-a-pet-inner-guest  .find-pet__step-text strong {
    display:block;
    font-size:14px;
    font-size:0.875rem;
}


.lost-a-pet-inner-guest .find-pet__steps {align-items:stretch;flex-direction:row;justify-content:space-between;margin-left: 0px;margin-right: 0px;}

.lost-a-pet-inner-guest .find-pet__step {
    align-content:stretch;
    display:inline-flex;
    flex-direction:column;
    flex-basis:25%;
    flex-grow:1;
    margin-bottom:0;
    text-align:center;
}


.lost-a-pet-inner-guest .find-pet__step:last-child:after {
    display:none;
}

.lost-a-pet-inner-guest .find-pet__step-image {
    display:block;
    flex-basis:auto;
    text-align:center;
}

.lost-a-pet-inner-guest .find-pet__step-image img {
    margin-bottom:20px;
}

.lost-a-pet-inner-guest .find-pet__step-text {
    flex-basis:auto;
    padding-left:15px;
    font-size:13px;
}

.lost-a-pet-inner-guest .find-pet__step-text strong {
    display:block;
    font-size:14px;
}

.lost-a-pet-inner-guest a,.lost-a-pet-inner-guest a:visited {
    color:#faaf42;
}

/* guest form found a pet hoepage */
.found_a_pet_home_guest_inner {
    background-color: #f3f3f3;
    padding: 40px 10px 80px 10px;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35);
    margin-top: 50px;
}

.found_a_pet_home_guest_inner .info {
    margin: 0px 50px 40px 50px;
    font-size: 15px;
    background: url('../images/icon_warning.png') no-repeat;
    padding-left: 70px;
    text-align: left;
}

.form_found_a_pet_home_guest {
    background-color: #FFF;
    width: 80%;
    margin: 0px auto;
    padding: 40px 20px;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
}

.form_found_a_pet_home_guest label {
    color: #585858;
    text-align: left;
    display: block;
}

.form_found_a_pet_home_guest .form_inner .or
{
    line-height: 60px;
    color: #f8980d;
    font-weight: bold;
    text-align: center;
    display: block;
}

.form_found_a_pet_home_guest .form_inner > .row {
    margin-bottom: 20px;
}

.form_found_a_pet_home_guest .form_group_buttons {
    text-align: center;
}

.form_found_a_pet_home_guest .form_group_buttons #btn_procceed_without_tracking_number {
    background-color: #faaf42 !important;
    color: #FFF;
    font-size: 16px;
}

.form_found_a_pet_home_guest .form_group_buttons #btn_search_database{
    background-color: #626262;
    color: #FFF;
    font-size: 16px;
}

.have-you-lost-a-pet .tab-content a.btn, .have-you-lost-a-pet .tab-content a.btn:visited{ color: #fff; }

/* search database guest home */

.search-database-home-guest {
    margin-top: 40px;
    margin-bottom: 80px;
    background-color: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    padding: 40px 10px;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.25);
}

.search-database-home-guest .control-label {
    font-size: 14px;
    display: inline-block;
    min-height: 25px;
    color: #727272;
    text-align: left;
    float: left;
}

.search-database-home-guest .button-groups {
    text-align: right;
    margin-top: 20px;
}

.search-database-home-guest  button#btn_cancel_search {
    background-color: #393a39;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
    height: 60px;
}

.search-database-home-guest  button#btn_advanced_search {
    background-color: #393a39;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
    height: 60px;
}

.search-database-home-guest  button#btn_search {
    background-color: #eb8f1f;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    min-width: 150px;
    height: 60px;
}

.search-database-home-guest  button i {
    font-size: 18px;
    display: inline-block;
    margin-left: 5px;
}

.link-orange
{
    color: #ea8c1d;
    text-decoration: underline;
    margin: 0px 10px;
    font-size: 15px;
}

.heading.dashboard-module__header.dashboard-section__header
{
    display: block;
    text-align: left;
}

.heading-title.dashboard-module__header.dashboard-section__header {
    text-align: left;
}

p.no-results {
    text-align: center;
    font-size: 13px;
    margin: 20px;
    font-weight: bold;
}

/* record vaccination detials status */
.record_vaccination_vaccine_status
{
    min-width: 100px !important;
}

.record_vaccination_vaccine_status.not-verified.expired_in_30days
{
    color:#f49843 !important;
}

.record_vaccination_vaccine_status.not-verified.not_expired_in_30days
{
    color: #ff0000 !important;
}

.record_vaccination_vaccine_status.expired
{
    color:#ff0000 !important;
}


.record_vaccination_vaccine_status.verified
{
    color:green !important;
}

.record_vaccination_vaccine_status.verified.expired
{
    color:#ff0000 !important;
}

.record_vaccination_vaccine_status.expired_in_30days
{
    color:#f49843 !important;
}

.row.rabies_id_vet_tag_box {
    border: 4px dashed #faaf42;
    padding: 25px 0px 10px;
}

.pet-profile-content .rabies_id_vet_tag_box span.or {
    line-height: 85px;
    color: #000;
    text-align: center;
    display: block;
    font-weight: 700;
}



.twitter-typeahead{
    width:100%;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}
.tt-menu {
    min-width: 160px;
    margin-top: 0px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    *
    border-right-width: 2px;
    *
    border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width:100%;
    top: 40px !important;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    cursor: pointer;
    text-align: left;
}

.tt-suggestion:hover {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion:hover a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}
span.help-tooltip
{
    background-color: #faaf42;
    color: #FFF;
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.link-color-red
{
    color:#FF0000;
}

.link-color-orange
{
    color:#FFA500;
}

.link-color-green
{
    color:#008000;
}

.kennel_type_not_avaible {
    display: inline-block;
    margin-left: 10px;
    color: #f19c2e;
}

.kennel_types_for_pet {
    margin-bottom: 15px;
    clear: both;
}

/* crop image */
div.cropImage > form {
    display: none;
}

div.cropImage {
    position: relative;
}

ul.upload-image-pets li img {
    width: 100%;
    max-width: 150px;
}

.cropImage img
{
    width: 100%;
    max-width: 150px;
}

.add-a-pet.rabies_id_vet_tag_box {
    border: 5px solid #d9d9d9;
    padding: 5px 0px;
    margin-top: -7px;
    margin-left: 5px;
    margin-right: -5px;
}

.add-a-pet.rabies_id_vet_tag_box span.or {
    line-height: 85px;
    color: #000;
    text-align: center;
    display: block;
    font-weight: 700;
}

.date_notification {
    text-align: right;
    margin-bottom: 10px;
}

span.no-result {
    clear: both;
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 334px;
    text-align: center;
    margin: 0 auto 50px;
    font-weight: 500;
}

.have-you-lost-a-pet{ background: transparent; }

.have-you-lost-a-pet .download_icons{
    margin-top: -100px; width: 65%; margin: -100px auto 0;
}

.register-container .note-name {
    padding: 0px 15px;
    margin-bottom: 5px;
    font-size: 15px;
}

.register-container .form-fields label.label-image {
    text-align: center;
    display: block;
    margin-top: 5px;
}

.slim {
    max-height: none;
}

/* Create POV Popup */
@media (min-width: 768px) {
    #model-create-pov .modal-dialog {
        width: 1016px;
    }
}
#model-create-pov .modal-content {
    background-color: #f3f3f3;
}
#model-create-pov .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-create-pov .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-create-pov .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
}
#model-create-pov .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-create-pov .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-create-pov .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-create-pov .form-horizontal span.required {
    color: #e8891a;
}
#model-create-pov .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}
#model-create-pov .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-create-pov .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-create-pov .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-create-pov .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-create-pov .table-st tr:not(:first-child):nth-child(odd) {
    background-color: #e1e1e1;
}
#model-create-pov .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-create-pov .table-st thead th:first-child,
#model-create-pov .table-st thead td:first-child {
    border-left: 0;
}
#model-create-pov .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-create-pov .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-create-pov .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-create-pov .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-create-pov .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-create-pov .table-st td.vaccination {
    text-align: left;
}
#model-create-pov .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-create-pov .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-create-pov .record-tab-form .date-wrap {
    position: relative;
}
#model-create-pov .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-create-pov .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-create-pov .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-create-pov .button-bottom-wrap button {
    font-size: 18px;
}
#model-create-pov .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-create-pov .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-create-pov .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-create-pov .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}

#model-create-pov .form-control[disabled] {
    background-color: #EEE !important;
}

/* Final POV Popup */
@media (min-width: 768px) {
    #model-final-pov .modal-dialog {
        width: 1016px;
    }
}
#model-final-pov .modal-content {
    background-color: #f3f3f3;
}
#model-final-pov .modal-header {
    border-radius: 6px 6px 0 0;
    padding: 15px 20px 15px 40px;
    border-bottom: 0;
    background-color: #faaf42;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-final-pov .modal-header h4 {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
}
#model-final-pov .modal-body {
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
    background: #fbf2e0;
}
#model-final-pov .box-upload-form {
    margin-top: 48px;
    padding: 25px 20px 20px;
}
#model-final-pov .box-upload-form .form-control-mpc {
    font-size: 14px;
    font-weight: 300;
}
#model-final-pov .form-horizontal .control-label {
    font-size: 17px;
    font-weight: 300;
    color: #000;
}
#model-final-pov .form-horizontal span.required {
    color: #e8891a;
}
#model-final-pov .box-upload-form .upload-record-group {
    margin-top: 42px;
    margin-bottom: 25px;
}
#model-final-pov .tab-container .nav-tabs li {
    margin-right: 0;
    margin-left: 10px;
}
#model-final-pov .tab-container .nav-tabs li a {
    min-width: 82px;
}
#model-final-pov .tab-container .nav-tabs li.active a {
    border-color: #dcdcdc;
    background-color: #5b5b5b;
    color: #fff;
    background-image: -webkit-linear-gradient(bottom, #636363, #868686);
    background-image: linear-gradient(to top, #353635, #606160);
}
#model-final-pov .table-st thead th {
    font-size: 15px;
    font-weight: 700;
    padding: 17px 15px;
    background-color: #f8aa3c;
    border-color: #ce7d1b;
    background-image: -webkit-linear-gradient(bottom, #f8aa3c, #e8891a 71%);
    background-image: linear-gradient(to top, #f8aa3c, #e8891a 71%);
}
#model-final-pov .table-st tr:not(:first-child):nth-child(odd) {
    background-color: #e1e1e1;
}
#model-final-pov .table-st > tbody > tr > td {
    border-color: #c6c6c6;
    text-align: center;
}
#model-final-pov .table-st thead th:first-child,
#model-final-pov .table-st thead td:first-child {
    border-left: 0;
}
#model-final-pov .table-st td.text-group-col {
    text-align: left;
    background-color: #3b3b3b;
    font-size: 0;
    color: #fff;
    padding: 0;
}
#model-final-pov .table-st td.text-group-col > span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
#model-final-pov .table-st td.text-group-col .text-before-arrow {
    width: 88%;
    padding: 7px 15px;
    background: #5b5b5b;
    position: relative;
    line-height: 18px;
}
#model-final-pov .table-st td.text-group-col .text-before-arrow::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #5b5b5b;
    border-width: 25px 0 25px 25px;
    position: absolute;
    right: -25px;
    top: 0;
}
#model-final-pov .table-st td.text-group-col .text-after-arrow {
    width: 12%;
    padding-left: 25px;
    text-align: center;
}
#model-final-pov .table-st td.vaccination {
    text-align: left;
}
#model-final-pov .table-st td.vaccination select {
    width: auto;
    display: inline-block;
}
#model-final-pov .record-tab-form .nav-tabs label {
    padding-top: 0;
}
#model-final-pov .record-tab-form .date-wrap {
    position: relative;
}
#model-final-pov .record-tab-form #other-vaccine {
    width: calc(100% - 80px);
}
#model-final-pov .record-tab-form .btn-add{
    width: 62px;
    height: 39px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 10px;
}
#model-final-pov .button-bottom-wrap {
    text-align: right;
    margin: 32px 0 5px;
}

#model-final-pov .button-bottom-wrap button {
    font-size: 18px;
}
#model-final-pov .button-bottom-wrap .btn-update span {
    padding-right: 40px;
}
#model-final-pov .button-bottom-wrap .btn-update span::before {
    background: url(../images/up-update_25x22.png) no-repeat;
    width: 25px;
    height: 22px;
}

#model-final-pov .tab-container .nav-tabs li  a input[type='checkbox'] {
    display: inline-block;
    margin: 0px;
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

#model-final-pov .sub-headding-group-table {
    font-weight: bold;
    text-align: left !important;
}

.page_pdf
{
    background: #FFF;
}

.main_pdf
{
    padding: 18px;
    border: solid 8px rgba(152,152,152,.74);
    background: #fbf2e0;
}
.pdf_pov {}

.pdf_pov .box_innner {
    background: rgb(248,248,248);
    border-radius: 5px;
    padding: 20px;
}

.pdf_pov_timestamp {
    text-align: right;
}

.pdf_pov_company_info {
    text-align: center;
}

.pdf_pov_company_info h3 {
    margin: 0px;
    font-weight: bold;
}

.pdf_pov_company_info p {
    margin: 0px;
    font-size: 15px;
}

.pdf_pov > div {
    margin-bottom: 30px;
}

.pdf_pov > div > h2 {
    color: rgb(255,108,15);
    font-size: 25px;
    font-weight: 400;
}

.pdf_pov .box_innner ul li {
    list-style-type: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    width: 19%;
    vertical-align: top;
}

.pdf_pov .box_innner ul li.big
{
    width:30%;
}

.pdf_pov .box_innner ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 20px;
}

.pdf_pov .box_innner ul li span {
    display: block;
    color: #000;
    font-size: 16px;
    text-align: left;
    padding: 0px;
    margin-bottom: 10px;
}

.pdf_pov .pdf_pov_client_info .box_innner ul li {
    width: 33%;
}

.pdf_pov .box_innner table {
    width: 100%;
    border: 1px solid rgb(124,191,32);
    padding: 10px;
}

.pdf_pov .box_innner table td,.pdf_pov .box_innner table th {
    padding: 5px;
    border-right: 1px solid;
}

.pdf_pov .box_innner table thead {
    background: rgb(124,191,32);
    border-radius: 5px;
}

.pdf_pov .page-break {
    page-break-after: always;
}

.file-pov li.view-pov a {
    background: url(../images/icon_paper_record.png) no-repeat;
    display: block;
    width: 18px;
    height: 24px;
    text-align: center;
    margin: 0px auto;
    display:block;
    text-indent: -9999px;
}

.file-pov li.share-pov a {
    background: url(../images/icon_record_share.png) no-repeat;
    width: 24px;
    height: 24px;
    text-align: center;
    margin: 0px auto;
    display:block;
    text-indent: -9999px;
}

.file-pov {
    float: right;
    margin-top: 10px;
}

/*custom font*/

/*basic reset*/
* {
    margin: 0;
    padding: 0;
}

.file-pov ul {
    padding: 0px;
    margin: 0px;
}

.file-pov ul li {
    list-style-type: none;
    display: inline-block;
    margin: 5px;
}

.important-notes {
    display: inline-block;
    left: 0;
    margin: auto;
    padding: 0 0 14px;
    position: absolute;
    right: 0;
    top: 15px;
    transform: translate(0%, 0%) rotate(0deg);
    width: 300px;
    z-index: 101;
    font-size: 14px;
}

.important-notes-inner {
    background: none repeat scroll 0 0 #dded05;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 15px;
    width: 320px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
}

.important-notes h3 {
    margin-bottom: 10px;
    font-weight: bold;
}
.important-notes .close
{
    opacity: 1;
    line-height: 30px;
    height: 30px;
    position: absolute;
    right: -10px;
    top: 10px;
    color: #faaf42;
}
.important-notes .close span {
    background: url(../images/modal-close.png) no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}


.custom-upload-wrap .custom-upload-notes {}

.custom-upload-wrap .custom-upload-notes span {
    color: red;
    font-size: 14px;
    display: block;
}

.custom-upload-wrap .upload-result {
    display: none;
    color: #49d728;
    margin-bottom: 5px;
}

.checkbox_authorized_user span.help {
    width: 18px;
    height: 18px;
    display: inline-block;
    color: #fff;
    background-color: #e98918;
    text-align: center;
    border-radius: 50%;
    margin-left: 2px;
    line-height: 18px;
}

.pet-profile-page #tab-veterinarian .form-control-zip {
    max-width: 100px;
}

.pet-profile-page #tab-veterinarian .form-inline .form-col1 label.label-control.label-control-zip {
    width: 30px;
    margin-left: 10px;
}


.home-box-message {
    display: inline-block;
    left: 0;
    margin: auto;
    padding: 0 0 14px;
    position: absolute;
    right: 0;
    top: 100px;
    transform: translate(0%, 0%) rotate(0deg);
    width: 400px;
    z-index: 99999;
    font-size: 15px;
}
.home-box-message h2
{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px;
}

.home-box-message .home-box-inner {
    background: none repeat scroll 0 0 #dded05;
    border: 1px solid #666;
    box-sizing: border-box;
    padding: 15px;
    width: 400px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.25);
}

.home-box-message ul
{
    padding:0px;
    margin:0px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.home-box-message ul li
{
    margin-bottom: 5px;
    list-style-type: none;
    font-size: 14px;
    list-style-type: disc;
}

.home-box-message .close {
    padding: 10px;
}

.slim .slim-area .slim-result img {
    max-width: 100%;
}

label.control-label {}

label.control-label em {
    color: #ec8f08;
    display: inline-block;
}

.no_confirm_email {
    background-color: #e1e1e1;
    padding: 25px 10px;
    border-radius: 10px;
    margin: 0 auto;
    width: 85%;
}

.no_confirm_email a {
    font-weight: bold;
    color: #000;
}


.login_vet_no_verified {
    background-color: #e1e1e1;
    padding: 0px;
    border-radius: 10px;
    margin: 0 auto;
    width: 85%;
}

.login_vet_no_verified a {
    font-weight: bold;
    color: #000;
}

.account-reset-text{ width: 80%; margin: 0 auto;}


.connection_current_state {
    transform: rotate(345deg);
    -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    position: absolute;
    top: 10px;
    text-align: center;
    font-size: 22px;
    background-color: rgba(255, 255, 255, 0.7);
    left: 20px;
}

.connection_current_state span.connection_state.rejected {
    color: red;
}

.connection_current_state span.connection_state.accepted
{
    color: green;
}

.profile-page {
    font-size: 15px;
}

.profile-page .avatar img {
    width: 100%;
}


/* list tab pet */
.pet-profile-page-list-pets {
    margin-bottom: 20px;
}

.pet-profile-page-list-pets ul#list-pets {
    padding: 0px;
    margin: 0px;
}

.pet-profile-page-list-pets ul#list-pets li {
    display: inline-block;
    list-style-type: none;
    margin-bottom: 5px;
}

.pet-profile-page-list-pets ul#list-pets li a {
    background-color: #f2f2f2;
    border-radius: 5px 5px 0px 0px;
    margin-right: 5px;
    color: #4b4c4b;
    border: 1px solid #dcdcdc;
    min-width: 80px;
    text-align: center;
    display: block;
    padding: 8px 10px;
    text-decoration: none;
}

.pet-profile-page-list-pets ul#list-pets li.current-pet a {
    background-color: #666;
    color: #FFF;
}


.dialog-text-center {
    text-align: center;
}


.pet-profile-page #tab-veterinarian select.list_veterinarians {
    max-width: 250px;
}

.pet-profile-page #tab-veterinarian .form-inline button.btn_choose_veterinarian {
    width: 165px;
    margin-left: 10px;
}

.pass_invaild_message {
    text-align: left;
}



.form-control-mpc:focus {
    border-color: #fca408 !important;
}

span.require {
    color: red;
}

div#ui-datepicker-div {
    z-index: 999999 !important;
}

.pet-profile-page .form-control.datepicker-dob, .form-control-mpc.datepicker-dob {
    width:85%
}

.date-wrap
{
    position: relative;
}
.date-wrap .datepicker, .date-wrap .date-picker {
    width:85%
}

.date-wrap img.ui-datepicker-trigger {
    width: 26px;
    height: 26px;
    background-size: 26px;
    position: absolute;
    right: 6px;
    top: 8px;
    cursor: pointer;
    display: inline-block;
    z-index: 9999;
}

span.icon_dob {
    display: none !important;
}

.date-wrap.small {
    min-width: 200px;
}

.date-wrap.small .date-picker,.date-wrap.small .datepicker {
    width: 75%;
}

td > .checkbox {
    width: 40px;
    margin: 0px auto;
    word-break: normal;
}

.service-dates-wrap .date-input .calendar-icon {
    display: none;
}

.date-wrap.small.small-fix {
    min-width: inherit;
}

.date-wrap.small.small-fix img.ui-datepicker-trigger {
    bottom: 15px;
    right: 0px;
    top: inherit;
}

.vaccination_required .text-center .checkbox {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vaccination_required td.require-period {
    text-align: center;
}

.additional_notes_feeding_instructions {
    padding: 15px;
}


button.button-upload-record-pet-profile {
    float: right;
    margin-top: 5px;
}

.request-get-verified .select-pet-wrap .select-pet-grid .pet-item {
    width: 20%;
    text-align: center;
}

.request-grooming-profiles .select-pet-wrap .select-pet-grid .pet-item {
    width: 20%;
    text-align: center;
}

.page-schedule-an-appointment .heading-title .note {
    font-size: 12px;
    float: right;
    width: 70%;
    font-weight: normal;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: 0px;
    padding-right: 0px;
    border-left: 2px solid #FFF;
    padding-left: 10px;
}

.page-schedule-an-appointment .heading-title .note a {
    text-decoration: underline;
    color: #FFF;
}

.page-schedule-an-appointment .required-vaccination-wrap .box-area__content .tab-container .nav-tabs li {
    margin-left: 5px;
}

.page-schedule-an-appointment .box-area-wrap .box-area__title {
    padding-top: 0px;
}

.page-schedule-an-appointment .schedule_a_appointment_box .box-area-wrap.required-vaccination-wrap .box-area__title h3 {
    margin-top: 5px;
}


.page-schedule-an-appointment .current-vaccination-wrap ul.nav.nav-tabs li {
    margin-left: 5px;
}

.item-notification a {
    color: blue !important;
}

.item-notification .actions a {
    color: #000 !important;
}

.page-add-new-service {}

.page-add-new-service .kennel-wrap {
    margin-top: 20px;
}

p.appointment_modify_note {
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
}

/* RESPONSIVE */
@media (min-width: 1200px)
{
    .front-page-container {
        max-width: 1060px;
        width: 1060px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .boxs-pet-salon .box-salon-item {
        width: 48%;
        height: auto;
        background-image: none;
        background-color: #e2f5fe;
        padding-top: 20px;
        height: auto;
        border: 1px solid #c3c2c2;
        border-radius: 5px;
    }
}
@media (max-width: 991px) {
    .edit-services .service-edit-action {
        margin-bottom: 20px;
    }
    .form_search_database > form .control-label {
        min-height: initial;
    }
    .boxs-pet-salon .box-salon-item {
        width: 48%;
        height: auto;
        background-image: none;
        background-color: #e2f5fe;
        padding-top: 20px;
        height: auto;
        border: 1px solid #c3c2c2;
        border-radius: 5px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .container-full-width {
        padding-bottom: 0;
    }
    .dog-face {
        position: relative;
    }
    .archived_pets_top .search-inline input[type="text"] {
        width: 100%;
    }
    .select-pet-wrap .select-pet-grid .pet-item {
        width: 25%;
    }
    .form_search_database .form-group  button#btn_search {
        margin-top: 27px;
    }
}
@media (max-width: 767px) {
    .how-to-use__carousel {
        width: 100%;
    }
    .how-to-use__carousel img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }
    .have-you-lost-a-pet .nav-tabs >li {
        float: none;
    }
    .have-you-lost-a-pet .tab-content .microchips-cta {
        margin: 0 -15px;
    }
    .account-reset-box-inner {
        width: 100%;
        padding: 20px;
    }
    .container-full-width {
        padding-bottom: 0;
    }
    .dashboard-pane {
        padding: 0;
    }
    .dog-face {
        position: relative;
    }
    .appointment-calendar {
        padding: 10px;
        margin-left: 0;
        margin-right: 0;
    }
    /* == Full Calendar == */
    .fc-toolbar {
        position: static;
        margin: 15px 0 10px;
    }
    /* =================== */
    .boxs-pet-salon .box-salon-item.left,
    .boxs-pet-salon .box-salon-item.right {
        width: 100%;
        float: none;
    }
    .boxs-pet-salon .box-salon-item__body .pet-salon-image {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    .dashboard-pane .table-pet-details {
        margin-left: 0;
        margin-right: 0;
    }
    .found-a-pet-inner .info {
        margin-left: 0;
        margin-right: 0;
    }
    .found-a-pet-inner form {
        width: 100%;
        margin: 0;
    }
    .found-a-pet-inner form .form_inner .or {
        line-height: 1;
    }
    .lost-a-pet-page .lost-a-pet-content ul.select-pets li {
        margin-bottom: 10px;
    }
    .archived_pets_top .search-inline {
        margin-top: 15px;
    }
    .archived_pets_top .search-inline input[type="text"] {
        width: 100%;
    }
    .archived_pet img.pet-image,
    .archived_pet .label-name {
        width: 125px;
    }
    .archived_pets .archived_pet .links a {
        display: inline-block;
        margin-right: 30px;
    }
    .archived-connections-inner .box-content .image-avatar {
        max-width: 115px;
    }
    .dashboard-add-pet-age-input p.or {
        padding-top: 0;
    }
    .dashboard-add-pet-age-input--months p {
        display: none;
    }
    .dashboard-upload-profile-img .image-preview img {
        max-width: 250px;
    }
    .select-pet-wrap .select-pet-grid .pet-item {
        width: 33.33333%;
    }
    .form_search_database .form-group  button#btn_search {
        margin-top: 20px;
    }
    .heading-title__left, .heading-title__right {
        float: none;
    }
    .heading-title__left {
        margin-bottom: 15px;
    }
}
@media (max-width: 600px) {
    .appointment-calendar .nav-tabs>li {
        float: none;
    }
    .heading-title-with-reservation h3 {
        float: none;
        margin-bottom: 10px;
    }
    .heading-title-with-reservation .custom-radio-green {
        float: none;
    }
    .found-a-pet-inner form .form_group_buttons button {
        margin-bottom: 15px;
    }
    .lost-a-pet-page .lost-a-pet-content ul.upload-image-pets li {
        width: 100%;
        margin: 0 0 20px;
        max-width: 200px
    }
    .form_search_database > form .button-groups button {
        width: 100%;
        margin-bottom: 15px;
    }
    .dashboard-upload-profile-img .upload-image-input-container .upload-image-input-text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .box-area-wrap .box-area__title {
        height: auto;
    }
    .box-area-wrap .box-area__title h3 {
        float: none;
    }
    .box-area-wrap .box-area__title .search-pet {
        float: none;
    }
    .box-area-wrap .box-area__title .search-pet input[type="text"] {
        width: 100%;
        margin: 0 0 15px;
    }
    .select-pet-wrap .select-pet-grid .pet-item {
        width: 50%;
    }
    .form_search_database .form-group  button#btn_search {
        width: 100%;
        margin-bottom: -20px;
    }
    .archived-appointments-inner .list-notification .item-notification h2 {
        padding-top: 0;
    }
    div#tab-account .form_group_buttons button,
    div#tab-security-privacy .form_group_buttons button,
    div#tab-password .form_group_buttons button,
    div#tab-notification .form_group_buttons button,
    div#tab-deactivate-account .form_group_buttons button {
        width: 100%;
        margin: 0 0 15px;
    }
    .pet-profile-page .update-pet-profile-img .image-preview {
        float: none;
    }
    .pet-profile-page .update-pet-profile-img  .image-upload {
        float: none;
        width: 100%;
    }

    .form_found_a_pet_home_guest {
        padding: 10px;
        width: 95%;
    }

    .found_a_pet_home_guest_inner .info {
    }

    .form_found_a_pet_home_guest .form_inner .or {
        line-height: 40px;
    }

    .form_found_a_pet_home_guest .form_group_buttons #btn_procceed_without_tracking_number {
        margin-bottom: 10px;
    }

    .search-database-home-guest  button#btn_search {
        margin-top: 10px;
    }

    input#found-on {}

    .notification-appointments .nav-tabs li {
        width: 100%;
        margin-bottom: 10px;
    }

    div#tab-requests .item-notification  .desc {
        margin: 10px 0px;
    }

    div#tab-connections .item-notification  .desc {
        margin: 10px 0px;
    }

    div#tab-balance-due .desc {
        margin: 10px 0px;
    }

    div#tab-balance-due .list-notification .item-notification .buttons button {
        margin-bottom: 10px;
    }

    .content-wrap-full {
        margin-bottom: 50px;
    }

    div#tab-balance-due .list-notification .item-notification {
        padding: 20px;
    }

    .notification-appointments div#tab-appointments .list-notification .item-notification h2 {
        font-size: 18px;
    }

    .notification-appointments div#tab-appointments .list-notification .item-notification {
        padding: 10px;
    }

    #tab-vaccinations .item-notification {
        padding: 10px;
        padding-bottom: 30px;
    }

    .box-area-wrap .select-service-wrap .list_service {
        width: 100%;
        margin-bottom: 15px;
    }

    .box-area-wrap .select-service-wrap .select_date {
        width: 100%;
        margin-bottom: 15px;
    }

    .box-area-wrap .select-service-wrap .select_kenel {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .home-background {
        display: none;
    }
    .comingsoon.home-background {
        display: block;
    }

    .locate-a-record-content {
        padding-bottom: 95px;
    }
    .tab-vaccination .tab-container .table-st .btn-add,
    .button-bottom-wrap button,
    .no-vacancy .buttons button {
        width: 100%;
        margin-bottom: 15px;
    }
    .add-service-content-wrap .box-service-vaccin-deposit .item {
        display: block;
        margin-bottom: 15px;
    }
    .add-service-content-wrap .box-service-vaccin-deposit .item .icon {
        display: block;
        padding: 0 0 10px;
    }
    .found-a-pet-inner form .form_group_buttons #btn_procceed_without_tracking_number {
        white-space: normal;
    }
    .select-pet-wrap .select-pet-grid .pet-item {
        width: 100%;
    }
    .pet-profile-page .update-pet-profile-img .image-upload .upload-image-input-container .upload-image-input-text {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .form-weight-field {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .pet-profile-page #tab-grooming-profile .grooming-item .box_inner {
        padding: 20px 40px 20px 30px;
    }
    .pet-profile-page #tab-grooming-profile .grooming-item .salon-date {
        float: none;
        display: block;
    }
    .pet-profile-page #tab-grooming-profile .grooming-item .delete-item {
        margin-right: -10px;
    }

    .form_found_a_pet_home_guest {
        padding: 10px;
        width: 95%;
    }

    .found_a_pet_home_guest_inner .info {
    }

    .form_found_a_pet_home_guest .form_inner .or {
        line-height: 40px;
    }

    .form_found_a_pet_home_guest .form_group_buttons #btn_procceed_without_tracking_number {
        margin-bottom: 10px;
    }

    .search-database-home-guest  button#btn_search {
        margin-top: 10px;
    }

    input#found-on {}

    .notification-appointments .nav-tabs li {
        width: 100%;
        margin-bottom: 10px;
    }

    div#tab-requests .item-notification  .desc {
        margin: 10px 0px;
    }

    div#tab-connections .item-notification  .desc {
        margin: 10px 0px;
    }

    div#tab-balance-due .desc {
        margin: 10px 0px;
    }

    div#tab-balance-due .list-notification .item-notification .buttons button {
        margin-bottom: 10px;
    }

    .content-wrap-full {
        margin-bottom: 50px;
    }

    div#tab-balance-due .list-notification .item-notification {
        padding: 20px;
    }

    .notification-appointments div#tab-appointments .list-notification .item-notification h2 {
        font-size: 18px;
    }

    .notification-appointments div#tab-appointments .list-notification .item-notification {
        padding: 10px;
    }

    #tab-vaccinations .item-notification {
        padding: 10px;
        padding-bottom: 30px;
    }
}

.br_dropzone {
  position: relative;
  border: 2px dashed #0087F7;
  border-radius: 5px;
  width: 100%;
  min-height: 150px;
  display: block;
  box-sizing: border-box;

  background-image: linear-gradient(135deg,rgba(0,0,0,.03)25%, transparent 25%, transparent 50%, rgba(0,0,0,.03)50%, rgba(0,0,0,.03)75%, transparent 75%, transparent);
  background-color: #FAFCFD;
  background-size: 16px 16px;
}

.br_dropzone input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  font-size: 2rem;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  box-sizing: border-box;
}

.help-block{
    color: red;
    font-size: 13px;
}

.br_dropzone input[type=text] {
  background: none;
  border: none;
  padding: 0.5em;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 2rem;
  box-sizing: border-box;
}

.br_dropzone.dragover {
  background-color: #eee;
  border: 6px dashed rgba(#000, 0.1);
}

@media (min-width: 1200px){
    .container {
        width: 980px;
    }
}

.wrapper .header{
    background:url(../images/land-head-bg.png) no-repeat;
    background-size:100% 100%;
    height:470px;
    width: 100%;
}
.wrapper .header .header-upper-layer{
    background:rgba(216,167,102, 0.5);
    height: 160px;
}
.collar-brand{
    width: 100%;
    position:relative;
    background:url(../img/collar.png) no-repeat;
    height: 110px;
    background-size: 100% 100%;
}
.collar-brand .brand-tag-img {
    position: absolute;
    left: 70px;
    top: 12px;
}
.collar-brand .mpc-title {
    position: absolute;
    left: 25%;
    top: 25px;
}
.collar-brand .mpc-title .mpc-text {
    color: #faaf42;
    font-size: 40px;
    font-family: 'Conv_gabodrive';
}
.collar-brand .mpc-title .pet-lovers {
    color: #ffffff;
    font-size: 19px;
    font-family: 'Conv_Roboto-Regular';
}
.lp-socials{
    position: absolute;
    right: 20px;
    top:45px;
}
.lp-socials ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.lp-socials ul li{
    float: left;
    padding-left: 5px;
}
.lp-socials ul li a{
    display: block;
    text-decoration: none;
}
.lp-main-menu {
    position: absolute;
    top: 87px;
    left: 25%;
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
}
.lp-main-menu .navbar-nav > li > a{
    text-shadow: 0 0px 0 rgba(255, 255, 255, .25);
}
.lp-main-menu .navbar-nav > li > a{
    font-size: 16px;
    font-family: 'Conv_Roboto-Medium';
    color: #333433;
}
.lp-main-menu .nav > li > a{
    padding: 10px 15px;
}
.lp-main-menu .nav li a:hover{
    color:#333433;
    background-color: #faaf42;
}
.lp-main-menu .navbar-nav > li > .dropdown-menu{
    background-color: #faaf42;
    padding: 0px;
}
.lp-main-menu .nav > li > .dropdown-menu li a{
    font-family: 'Conv_Roboto-Medium';
    font-size: 16px;
    color: #ffffff;
    padding: 12px 16px;
    background-image: none;
}
.lp-main-menu .nav > li > .dropdown-menu li a:hover{
    font-family: 'Conv_Roboto-Medium';
    font-size: 16px;
    color: #ffffff;
    background-color: #c78627;
    padding: 12px 16px;
    background-image: none;
}

.wrapper .dash-header{
    background:url(../img/header/menu-bg.png) no-repeat;
    background-size:100% 100%;
    height:290px;
    width: 100%;
}

.wrapper .dash-header .upper-layer-header{
    background:rgba(216,167,102, 0.5);
    height: 160px;
}
.wrapper .login-header-bg{
    background:url(../img/login-head-bg.png) no-repeat;
    background-size:100% 100%;
    height:354px;
    width: 100%;
}
.wrapper .login-header-bg .header-upper-layer{
    background:rgba(216,167,102, 0.5);
    height: 160px;
}

.wrapper .content {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 100%;
    position: relative;
    background: #f6f4f4;
}

.global-header--marketing .header-main-nav .navbar .header-main-nav__items--large >li >a {
    padding: 10px 15px;
    font-size: 16px;
    font-family: 'Conv_Roboto-Medium';
    color: #333433;

}

.header-main-nav .navbar .header-main-nav__items--large >li >a:hover, .header-main-nav .navbar .header-main-nav__items--large >li >a:focus{
    background: #faaf42;
}

@media (min-width: 1200px){
    .container {
        width: 980px;
    }
}

div.frame {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
}

.slim {
    border-radius: 0.5rem;
    border: 1px solid #eaeaea;
}

span.help-tooltip
{
    background-color: #faaf42;
    color: #FFF;
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.select2-container{
    width: 100% !important;
    margin-bottom: 10px !important;
}
.select2-container .select2-selection--single{
    height: 60px !important;
    border: 1px solid #cccccc !important;
    color: #9d9d9d !important;
    font-size: 16px !important;
    font-family: 'Conv_Roboto-MediumItalic';
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #9d9d9d !important;
    line-height: 55px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:15px !important;
}

.select2-container--focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.fade{
    opacity: 1 !important;
    background-color: rgba(0,0,0,0.1) !important;
}
.modal-content{
    margin-top: 170px;
}

.pet-info{
    background: #faaf42;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 5px;
    position: relative;
}
.pet-info span{
    color: #ffffff;
    font-size: 24px;
    font-family: 'Conv_Roboto-Bold';
    padding-top: 10px;
    padding-left: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.pet-information-fields{
    width: 100%;
    text-align: center;
    padding-top: 25px;
    background: #ffffff;
}
.pet-info-fields {
    width: 95%;
    margin: 20px auto;
    position: relative;
}
.pet-info-fields input {
    height: 60px;
    border: 1px solid #cccccc;
    text-align: center;
    font-family: 'Conv_Roboto-MediumItalic';
    font-size: 16px;
    color: #9d9d9d;
}
.pet-info-fields .pounds{
    position: absolute;
    right: 7%;
    top: 21px;
}
.pounds select {
    background: #faaf42;
    border: 0;
    border-radius: 20px;
    color: #fff;
}
.pounds option {
    background: #fff;
    color: #000;
}

.pet-info-fields i.cal-icon{
    position: absolute;
    top: 20px;
    right: 30px;
    color: #9d9d9d;
    font-size: 20px;
}
.pre-exist-fields{
    width: 100%;
    padding-top: 25px;
    background: #ffffff;
    padding-bottom: 15px;
}
.drag-pics{
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}
.drag-pics img {
    padding-bottom: 20px;
}
.drag-pics .add_notes{
    font-size: 16px;
    color: #9d9d9d !important;
    font-family: Conv_Roboto-MediumItalic;
}
.adv-search-btns{
    position: relative;
}
.adv-search-btns a{
    background: #333433;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    word-spacing: 2px;
    letter-spacing: 3px;
    line-height: 47px;
    text-transform: uppercase;
}
.adv-search-btns a:hover{
    background: #333433;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    word-spacing: 2px;
    letter-spacing: 3px;
    line-height: 47px;
    text-transform: uppercase;
}
.adv-search-btns button{
    background: #333433;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    word-spacing: 2px;
    letter-spacing: 3px;
    line-height: 47px;
    text-transform: uppercase;
}
.adv-search-btns button:hover{
    background: #333433;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    word-spacing: 2px;
    letter-spacing: 3px;
    line-height: 47px;
    text-transform: uppercase;
}
.adv-search-btns i{
    position: absolute;
    top: 17px;
    left: 35px;
    color: #ffffff;
    font-size: 25px;
}
.adv-search-btns .search-pet-btn{
    background: #faaf42;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    line-height: 47px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.adv-search-btns .search-pet-btn:hover{
    background: #faaf42;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Conv_Roboto-Bold';
    width: 100%;
    height: 60px;
    border: none;
    line-height: 47px;
    letter-spacing: 3px;
    text-transform: uppercase;
}


.ui-widget-header a{
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev{
    width: 35px !important;
}
.ui-datepicker .ui-icon{
    text-indent: 0px !important;
    width: 35px !important;
}
.ui-datepicker .ui-datepicker-prev{
    width: 45px !important;
}
.ui-datepicker .ui-datepicker-next{
    width: 45px !important;
}
.ui-datepicker .ui-datepicker-next span{
    margin-left: -15px !important;
}
.ui-datepicker .ui-datepicker-prev span{
    font-size: 12px !important;
    margin-left: -13px !important;
}
.select2-container{
    width: 100% !important;
}
.select2-container .select2-selection--single{
    height: 60px !important;
    border: 1px solid #cccccc !important;
    color: #9d9d9d !important;
    font-size: 16px !important;
    font-family: 'Conv_Roboto-MediumItalic';
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #9d9d9d !important;
    line-height: 55px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:15px !important;
}
#found-on{
    height: 60px;
    text-align: center;
    border: 1px solid #cccccc;
    font-family: 'Conv_Roboto-Italic';
    font-size: 16px;
    color: #9d9d9d;
}
.select_field_style, select.form-control {
    height: 60px !important;
    text-align: center !important;
    border: 1px solid #cccccc !important;
    font-family: 'Conv_Roboto-MediumItalic' !important;
    font-size: 16px !important;
    color: #9d9d9d !important;
}
.forgot-error{
    position: absolute;
    left: 20px;
    top: 70px;
    font-size: 16px;
    color: red;
}
.already-a-member {
    width: 70%;
    margin: 0 auto;
    background: #ffffff;
    text-align: center;
    margin-bottom: 30px;
}
.already-text{
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.already-text .not{
    color: #7a7a7a;
    font-size: 20px;
    font-family: 'Conv_Roboto-Medium';
    word-spacing: 3px;
    padding-top: 10px;
    margin: 0;
}
.already-text .signup{
    color: #faaf42;
    font-size: 20px;
    font-family: 'Conv_Roboto-Medium';
    letter-spacing:5px;
}
.nav-pills > li > a.active{
    background: #faaf42 !important;
    color: #fff !important;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
}
.for-partners{
    color: #797979;
    font-size: 16px;
    font-family: 'Conv_Roboto-Regular';
    padding-bottom: 20px;
    padding-top: 20px;
}
.partner-comment{
    width: 100%;
    padding: 5px;
}
.partner-comment textarea{
    width: 100%;
    height: 150px;
    resize: none;
    padding: 15px;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
}
.padding-top-bottom{
    padding-top: 40px;
    padding-bottom: 40px;
}

.our-founder-profile .panel-heading {
    padding: 7px 15px;
    border-radius: 0;
    text-shadow: 1px 1px 2px rgba(50,50,50,0.5);
    background: #e37b0c;
    background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e37b0c),color-stop(100%,#f9ae41));
    background: -webkit-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background: -o-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background: -ms-linear-gradient(top,#e37b0c 0%,#f9ae41 100%);
    background: linear-gradient(to bottom,#e37b0c 0%,#f9ae41 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '$top ',endColorstr= '$bottom ',GradientType=0 );
    font-size: 17px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #faaf42;
}
.found_lost_search_tabs a.active{
    background: #faaf42 !important;
}
.heading-title {
    background-color: #faaf42 !important;
    padding: 15px;
    border-radius: 0px;
    color: #FFF !important;
    margin-bottom: 20px;
    font-family: 'Conv_Roboto-Medium' !important;
}
.dashboard-section__header {
    font-size: 21px;
}
.heading-title h3{
    margin: 0;
}
.form_inner input {
    height: 60px;
}
.lp-proceed-without-btn{
    background: #faaf42;
    border: none;
    height: 60px;
    line-height: 47px;
}
.lp-search-db-btn{
    background: #626262;
    border: none;
    height: 60px;
}
.mytooltip:hover:after{
    background: #333433;
    background: rgba(0,0,0,.9);
    border-radius: 5px;
    bottom: 26px;
    color: rgb(255, 77, 85);
    content: attr(title);
    right: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}
.mytooltip:hover:before{
    border: solid;
    border-color: #333433 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    right: 50%;
    position: absolute;
    z-index: 99;
}

.mytooltip {
    width: 100px;
    height: 100px;
    background-color: #333433;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 5px;
    margin: 50px;
    text-align: center;
    font-stretch: condensed;
    text-decoration: none;
}
.all-models {
    font-family: 'Conv_Roboto-Medium';
}
.all-models .modal-dialog{
    padding-top: 100px;
}

.all-models .modal-header {
    background-color: #faaf42;
    border-radius: 5px 5px 0px 0px;
}

.all-models .modal-content {
    border-radius: 5px;
}

.all-models .modal-header h4 {
    color: #FFF;
    font-family: "Roboto",sans-serif;
    font-size: 22px;
}

.all-models .modal-header .close span {
    background: url('../images/modal-close.png') no-repeat;
    width: 25px;
    height: 25px;
    background-size: 100%;
    display: block;
    opacity: 1;
    text-indent: -9999px;
}

.all-models .modal-header .close {
    opacity: 1;
    line-height: 30px;
    height: 30px;
}

.all-models .modal-inner {
    width: 90%;
    margin: 0px auto;
}
.all-models .control-label
{
    text-align:left;
    font-family: 'Conv_Roboto-Medium';
    font-size: 16px;
    padding-top: 20px;
}
.all-models .form-group .form-control-mpc{
    height: 60px;
    border: 1px solid #cccccc;
    text-align: left;
    font-family: 'Conv_Roboto-MediumItalic';
    font-size: 16px;
    color: #9d9d9d;
}
.all-models span.help
{
    width: 30px;
    height: 30px;
    background-color: #ed9324;
    display: inline-block;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
}

.all-models span.or{
    display: block;
    clear: both;
    text-align: center;
    padding-top: 20px;
    overflow: hidden;
}
.page-heading{
    color: #333433;
    font-family: 'Conv_Roboto-Light';
    padding-bottom: 20px;
}
.records-table > thead > tr > th{
    text-align: center;
    padding: 10px;
    background: #faaf42;
    font-family: 'Conv_Roboto-Bold';
    color: #ffffff;
    font-size: 14px;
    border: 5px solid #F4F4F4;
}

.records-table > tbody > tr > td{
    border: 5px solid #F4F4F4;
    text-align: center;
    color: #797979;
    font-family: 'Conv_Roboto-Bold';
    font-size: 13px;
    vertical-align: middle;
    background: #FFFFFF;
}
.records-table .late{
    font-family: 'Conv_Roboto-Bold';
    color: #faaf42;
    font-size: 13px;
}
.records-table .from{
    position: relative;
}
.records-table .from i {
    position: absolute;
    right: 15px;
    top: 17px;
}
.records-table .to{
    position: relative;
}
.records-table .to i {
    position: absolute;
    right: 15px;
    top: 17px;
}
.pet-tags{
    background: #ffffff;
    padding: 20px;
}
.user_signup_tabs{
    padding-top: 0px;
    padding-bottom: 50px;
}
.ecommerce-pet-id-container .panel img {
    width: 100%;
}
.mpc_pet_tag_img{
    width: 100%;
    left: 0px;
    display: block;
    transition: all 1000ms ease 0s;
    transform: translate3d(0px, 0px, 0px);
}
.toggle-button {
    margin: 10px 0;
    border-radius: 20px;
    border: 2px solid #D0D0D0;
    height: 30px;
    cursor: pointer;
    width: 80px;
    position: relative;
    display: inline-block;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    background-color: #d9d9d9;
}
.toggle-button span {
    position: absolute;
    left: 3px;
    top: 1px;
    border-radius: 8px;
    width: 38px;
    height: 24px;
    background-color: #e56b6b;
    float: left;
    margin: 0;
    border: 2px solid #D0D0D0;
    transition: left 0.3s;
}
.toggle-button-selected {
    background-color: #d9d9d9;
    border: 2px solid #d9d9d9;
}
.toggle-button-selected span {
    left: 35px;
    top: 3px;
    margin: 0;
    border: none;
    width: 38px;
    height: 21px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    background-color: #37a89f;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    margin: 0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media only screen
and (min-width : 375px)
and (max-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {
    .wrapper .login-header-bg {
        height: 280px;
    }
    .order-pmc {
        padding-top: 50px;
    }
    .wrapper .login-header-bg .order-pmc h1 {
        font-size: 36px;
        padding-top: 10px;
    }
    .model-more-details .modal-dialog {
        padding-top: 100px;
        overflow-y: scroll;
    }
}

/*Mobile devices potrait*/
@media (min-width:320px)and (max-width: 735px){
    html,body{
        overflow-x: hidden;
    }
    header{ min-height: 93px; }
    img{ max-width: 100%; }
    .header-brand-bar__logo{ left: 0; }

    .collar-brand{
        height: 80px;
        margin-top: 10px;
    }
    .collar-brand .brand-tag-img {
        left: 30px;
        top: 15px;
    }
    .collar-brand .brand-tag-img img{
        width: 70px;
        height: 100px;
    }
    .collar-brand .mpc-title {
        left: 30%;
        top: 24px;
    }
    .collar-brand .mpc-title .mpc-text{
        font-size: 24px;
    }
    .collar-brand .mpc-title .pet-lovers{
        display: none;
    }
    .wrapper .header{
        height: 350px;
    }
    .wrapper .login-header-bg{
        height: 270px;
    }
    .wrapper .login-header-bg .order-pmc {
        width: 50%;
        padding-top: 35px;
    }
    .wrapper .login-header-bg .order-pmc h1 {
        font-size: 33px;
        padding-top: 20px;
    }
    .lp-socials{
        display: none;
    }
    .order-pmc {
        width: 50%;
        padding-top: 0px;
    }
    .wrapper .header .order-pmc h1{
        font-size: 24px;
        word-spacing: 5px;
        letter-spacing: 0px;
        padding-bottom: 12px;
        padding-top: 60px;
    }
    .order-pmc .register-btn {
        padding: 10px 30px;
        font-size: 16px;
        letter-spacing: 1px;
    }
    .order-pmc i.tag-icon {
        bottom: 10px;
        right: 5%;
    }
    .header .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-header-bg .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .dash-header .upper-layer-header .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .app-btns a{
        width: 100%;
        float: left;
        text-align: center;
    }
    .app-btns img{
        padding-bottom: 15px;
    }
    .lp-main-menu{
        width: 100%;
        right: 0;
        left: -15px;
        top: 68px;
    }
    .header-brand-bar__tagline{ padding-top: 0;}
    .navbar-nav{
        margin: 0px -15px;
    }
    .navbar-default .navbar-collapse{
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle{
        margin-top: 20px !important;
        margin-right: 30px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover{
        background-color: transparent;
    }
    .lp-main-menu li {
        display: block;
        width: 100%;
        text-align: center;
        z-index: 9999;
    }
    .lp-main-menu .navbar-nav > li > a{
        color:#fff !important;
        text-transform: uppercase;
        font-family: 'Conv_Roboto-Bold';
        background: #333433;
    }
    .lp-main-menu .navbar-nav > li > a:hover, .lp-main-menu .navbar-nav > li > a:focus{
        color:#fff !important;
        background-color: #faaf42 !important;
        text-transform: uppercase;
        font-family: 'Conv_Roboto-Bold';
    }
    .mobiles img{
        width: 355px;
    }
    .login-form h1{
        font-size: 40px;
    }
    .login-access{ width: 100%; padding: 50px 5px;}
    .access-fields .not{ width: 80%; margin: 0 auto;}
    .access-fields .not a{ display: block; }
    .user_signup_tabs{
        padding-top: 0px;
    }
    .you-are h1{
        font-size: 36px;
    }
    #progressbar li{ font-size: 11px;}
    #progressbar li:after {
        width: 52%;
        left: -26%;
    }
    #signupFormPetOwner .action-button{
        width: 41%;
    }
    #salonProgressbar li{ font-size: 11px;}
    #salonProgressbar li:after {
        width: 40%;
        left: -20%;
    }
    #petSalonForm .salon-previous{
        width: 41%;
    }
    #petSalonForm .salon-action-button{
        width: 41%;
    }
    #veteProgressbar li{ font-size: 11px;}
    #veteProgressbar li:after {
        width: 40%;
        left: -20%;
    }
    #petVeteForm .vete-previous{
        width: 41%;
    }
    #petVeteForm .vete-action-button{
        width: 41%;
    }
    .found_a_pet_home_guest_inner .info {
        display: block;
        margin: 0px 10px 40px 10px;
        font-size: 13px;
        padding-left: 0;
        padding-top: 50px;
        width: 95%;
    }
    .form_found_a_pet_home_guest .form_group_buttons #btn_procceed_without_tracking_number{
        font-size: 10px;
    }
    .form_found_a_pet_home_guest .form_group_buttons #btn_search_database{
        font-size: 10px;
    }
    .regist-steps h2 {
        font-size: 28px;
        letter-spacing: 2px;
    }
    .adv-search-btns button{
        width: 90%;
        margin: 10px auto;
    }
    .adv-search-btns a{
        width: 90%;
        margin: 10px auto;
    }
    .adv-search-btns .search-pet-btn {
        width: 90%;
        margin: 10px auto;
    }
    .adv-search-btns i{
        top:28px;
        left: 50px;
    }
    .resp_search_label{
        line-height: 4;
        padding-right: 15px;
    }
    .search-database-home-guest .button-groups{
        text-align: center;
    }
    .search-database-home-guest button#btn_cancel_search{
        margin-bottom: 10px;
    }
    .search-database-home-guest button#btn_advanced_search{
        margin-bottom: 10px;
    }
    .search-database-home-guest button#btn_search{
        min-width: 175px;
        margin-bottom: 10px;
    }
    .who-are-you{
        padding: 45px 15px 45px;
    }
    .who-are-you .title-block{ margin-top: 50px; }
    .free{
        letter-spacing: 0px;
    }
    .model-more-details .modal-dialog{
        padding-top: 100px;
    }
    .tag-compare-page .heading h2{
        font-size: 16px;
    }
    .tag-compare-page .widgets{
        padding-top: 30px;
    }
    .date-wrap.small .date-picker,.date-wrap.small .datepicker {
        width: 100%;
    }
    .date-wrap.small.small-fix img.ui-datepicker-trigger {
        display: none;
    }
    .faq ul li img{
        width: 20px;
        height: 20px;
    }
    .faq ul li a img{
        width: 18px;
        height: 18px;
    }
    .faq ul li a {
        font-size: 14px;
    }
    .faq ul li.li-sub-title {
        font-size: 13px;
    }
    .faq ul li.li-title {
        font-size: 14px;
    }
    .vl{ top: 0; height: 120px; max-height: none;}
    .model-more-details .modal-inner img {width: 100%;}
    .model-more-details .modal-dialog{ padding-top: 150px; overflow-y: scroll;}
    .model-more-details .modal-inner .button-groups #btn-compare{ margin-bottom: 10px; vertical-align: top; }
}

@media only screen and (max-width: 360px) and (orientation : portrait) {
    .header .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-header-bg .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .dash-header .upper-layer-header .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-default .navbar-collapse{
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle{
        margin-top: 20px !important;
        margin-right: 30px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover{
        background-color: transparent;
    }
    .collar-brand .mpc-title {
        left: 30%;
        top: 26px;
    }
    .collar-brand .mpc-title .mpc-text {
        font-size: 22px;
    }
    .collar-brand .mpc-title .pet-lovers {
        display: none;
    }
    .log-sett-btns {
        width: 42%;
    }
    .btn-circle.btn-xl {
        width: 35px;
        height: 35px;
        padding: 5px;
        font-size: 18px;
    }
    .fred-name {
        width: 38%;
    }
    .mobiles img{
        width: 340px;
    }
    .login-form h1 {
        font-size: 36px;
    }
    .model-more-details .modal-inner img { width: 100%; }
    .model-more-details .modal-inner .button-groups #btn-compare{ margin-bottom: 10px; }
    .model-more-details .modal-dialog{ padding-top: 150px; overflow-y: scroll;}
    #progressbar li{ font-size: 11px;}
    #progressbar li:after { width: 44%; left: -22%; }
    #salonProgressbar li { font-size: 11px; }
    #salonProgressbar li:after { width: 30%; left: -15%; }
    #veteProgressbar li { font-size: 11px; }
    #veteProgressbar li:after { width: 30%; left: -15%; }
}

@media only screen and (max-width: 320px) and (orientation : portrait) {
    .header .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-header-bg .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .dash-header .upper-layer-header .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .navbar-default .navbar-collapse{
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle{
        margin-top: 20px !important;
        margin-right: 30px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover{
        background-color: transparent;
    }
    .collar-brand .brand-tag-img img {
        width: 50px;
        height: 100px;
    }
    .collar-brand .mpc-title {
        left: 30%;
        top: 25px;
    }
    .collar-brand .mpc-title .mpc-text {
        font-size: 22px;
    }
    .collar-brand .mpc-title .pet-lovers {
        display: none;
    }
    .log-sett-btns {
        width: 42%;
    }
    .btn-circle.btn-xl {
        width: 30px;
        height: 30px;
        padding: 2px;
        font-size: 16px;
    }
    span.num-of-notifs {
        padding: 5px 8px;
        border-radius: 50%;
        font-size: 14px;
    }
    .fred-name .fred-own-btn {
        font-size: 13px;
    }
    .owner-picture .owner-image {
        width: 50px;
        height: 50px;
    }
    .order-pmc i.tag-icon {
        right: 5%;
    }
    .mobiles img {
        width: 300px;
    }
    .login-form h1 {
        font-size: 30px;
    }
    .login-form .fb-btn .facebook-btn {
        font-size: 17px;
    }
    .forgot .forgot-text a {
        font-size: 15px;
    }
    .forgot .forgot-text .me {
        font-size: 14px;
        padding-left: 5px;
    }
    .forgot .go .go-btn {
        padding: 10px 50px;
        font-size: 16px;
        margin-right: 5%;
    }
    .who-are-you .title-block h2 {
        font-size: 36px;
    }
    .who-are-you .title-block h3 {
        font-size: 18px;
    }
    .you-are p{
        letter-spacing: 2px;
    }
    #progressbar li:after{ width: 38%; left: -19%;}
    #salonProgressbar li:after{ width: 22%; left: -11%;}
    #veteProgressbar li:after{ width: 22%; left: -11%;}
}

/*Mobile devices landscape*/
@media (min-width:520px)and (max-width: 736px){
    html,body{
        overflow-x: hidden;
    }
    .header .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .login-header-bg .header-upper-layer .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .dash-header .upper-layer-header .container{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .wrapper .header .header-upper-layer {
        height: 170px;
    }
    .wrapper .login-header-bg {
        height: 280px;
    }
    .wrapper .login-header-bg .header-upper-layer{
        height: 170px;
    }
    .wrapper .login-header-bg .order-pmc h1 {
        font-size: 36px;
        padding-top: 10px;
    }
    .collar-brand{
        height: 100px;
        margin-top: 10px;
    }
    .collar-brand .brand-tag-img img{
        width: 85px;
        height: 110px;
    }
    .collar-brand .mpc-title {
        left: 25%;
        top: 33px;
    }
    .collar-brand .mpc-title .mpc-text{
        font-size: 28px;
    }
    .collar-brand .mpc-title .pet-lovers{
        font-size: 14px;
    }
    .lp-main-menu{
        width: 100%;
        right: 0;
        left: -15px;
        top: 83px;
    }
    .navbar-default .navbar-collapse{
        border-color: transparent !important;
        box-shadow: none !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-toggle{
        margin-top: 15px !important;
        margin-right: 30px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffffff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-default .navbar-toggle:hover{
        background-color: transparent;
    }
    .lp-main-menu li {
        display: block;
        width: 100%;
        text-align: center;
        z-index: 9999;
    }
    .lp-main-menu .navbar-nav > li > a{
        color:#fff !important;
        text-transform: uppercase;
        font-family: 'Conv_Roboto-Bold';
        background: #333433;
    }
    .lp-main-menu .navbar-nav > li > a:hover, .lp-main-menu .navbar-nav > li > a:focus{
        color:#fff !important;
        background-color: #faaf42 !important;
        text-transform: uppercase;
        font-family: 'Conv_Roboto-Bold';
    }
    .order-pmc h1{
        font-size: 24px;
    }
    .order-pmc i.tag-icon {
        bottom: 10px;
        right: 5%;
    }
    .app-btns img{
        padding-bottom: 15px;
    }
    .who-are-you {
        padding: 45px 15px 45px;
    }
    .form_found_a_pet_home_guest .form_group_buttons #btn_search_database {
        margin-top: 10px;
    }
    .date-wrap.small .datepicker{
        width: 100%;
        max-width: none;
    }
    .adv-search-btns a {
        width: 50%;
        margin: 20px auto;
    }
    .adv-search-btns button {
        width: 50%;
        margin: 20px auto;
    }
    .adv-search-btns .search-pet-btn {
        width: 50%;
        margin: 20px auto;
    }
    .adv-search-btns i {
        top: 39px;
        left: 30%;
    }
    .date-wrap.small.small-fix img.ui-datepicker-trigger {
        display: none;
    }
    .model-more-details .modal-inner .button-groups #btn-compare{ margin-top: 10px; }
    #progressbar li:after{ width: 74%; left: -37%;}
    #salonProgressbar li:after{ width: 66%; left: -33%;}
    #veteProgressbar li:after{ width: 66%; left: -33%;}
    .vl{ height: 120px;}
}


/*ipad potrait*/
@media (min-width:768px)and (max-width: 1023px) {
    html,body{
        overflow-x: hidden;
    }
    .wrapper .login-header-bg {
        height: 280px;
    }
    .order-pmc {
        padding-top: 50px;
    }
    .wrapper .login-header-bg .order-pmc h1 {
        font-size: 36px;
        padding-top: 10px;
    }
    .collar-brand .brand-tag-img img{
        width: 140px;
        height: 170px;
    }
    .collar-brand .mpc-title {
        left: 29%;
        top: 34px;
    }
    .collar-brand .mpc-title .mpc-text {
        font-size: 27px;
    }
    .collar-brand .mpc-title .pet-lovers {
        font-size: 13px;
    }
    .lp-main-menu{
        left: 29%;
    }
    .lp-main-menu .nav > li > a {
        padding: 10px 4px;
        font-size: 15px;
    }
    .order-pmc h1{
        font-size: 24px;
    }
    .order-pmc i.tag-icon {
        bottom: 18px;
        right: 15%;
    }
    .app-btns img{
        padding-bottom: 20px;
    }
    .select2-container{
        margin-bottom: 0px !important;
    }
    #progressbar li:after{ width: 74%; left: -37%;}
    #salonProgressbar li:after{ width: 68%; left: -34%;}
    #veteProgressbar li:after{ width: 68%; left: -34%;}
}


/*ipad pro potrait*/
@media (min-width:1024px)and (max-width: 1366px){
    html,body{
        overflow-x: hidden;
    }
    .container {
        width: 980px;
    }
    .order-pmc h1{
        font-size: 38px;
    }
    .order-pmc i.tag-icon {
        bottom: 18px;
        right: 5%;
    }
}


/*ipad pro landscape*/
@media (min-width:1366px){
    html,body{ overflow-x: hidden; }
}

@media only screen and (max-width: 640px) and (orientation : landscape) {
    /* LANDSCAPE:
    Samsung Galaxy Note
    HTC One S
    HTC One XL
    HTC Sensation XL
    HTC Velocity 4G
    Motorola Droid Razr
    Nokia 500
    Samsung Galaxy Note 2
    Samsung Galaxy S3*/

    .collar-brand .mpc-title {
        left: 22%;
        top: 25px;
    }
    .collar-brand .mpc-title .mpc-text {
        font-size: 36px;
    }
    .collar-brand .mpc-title .pet-lovers {
        display: none;
    }
    .order-pmc {
        width: 50%;
        padding-top: 0px;
    }
    .form_found_a_pet_home_guest .form_group_buttons #btn_search_database {
        margin-top: 0px;
    }
    .wrapper .login-header-bg .order-pmc{ padding-top: 20px;}
    .wrapper .login-header-bg .order-pmc h1{ padding-top: 30px;}
    #progressbar li:after { width: 70%; left: -35%; }
    #salonProgressbar li:after { width: 62%; left: -31%; }
    #veteProgressbar li:after{ width: 62%; left: -31%; }
    .vl { height: 120px; }
}

/*  iphone 5/SE potrait */
@media (min-width:320px)and (max-width: 568px){
  .tag-compare-page .heading h2 { font-size: 11px !important; }
}

/* Pixel 2 landscape */
@media only screen and (min-width: 731px) and (orientation: landscape) {

}

/* Pixel 2 Portrait */
@media only screen and (min-width: 411px) and (orientation: portrait) {
  .tag-compare-page .heading h2 { font-size: 16px !important; }
}

.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    padding: 11px 0;
    background: #eee;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.value-button:hover {
    cursor: pointer;
}

#decrease {
    margin-right: -4px;
    margin-top: -4px;
    border-radius: 8px 0 0 8px;
    line-height: 15px;
}

#increase {
    margin-left: -4px;
    margin-top: -4px;
    border-radius: 0 8px 8px 0;
    line-height: 15px;
}

#input-wrap {
    margin: 0px;
    padding: 0px;
}

input#number {
    text-align: center;
    border: 1px solid #ddd;
    margin: 0px;
    width: 40px;
    height: 40px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.cart_total_amount {
    background: #faaf42;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 5px;
    position: relative;
}
.cart_total_amount .total_amount{
    color: #ffffff;
    font-family: 'Conv_Roboto-Bold';
    font-size: 20px;
    padding-left: 15px;
}
#payment-form .form-group input{
    height: 60px;
    border: 1px solid #cccccc;
    text-align: center;
    font-family: 'Conv_Roboto-MediumItalic';
    font-size: 16px;
    color: #9d9d9d;
}

.capitalize {
    text-transform: capitalize;
}
span.help {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f29e30;
    border-radius: 15px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin-left: -20px;
    margin-top: 15px;
}