@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; font-size:15px; color:#8a8a8a; min-height:100%; background-color: #4e688b;}
p{ margin:0px; padding:0px 0 20px 0; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:400; color:#8a8a8a; line-height:24px;}

h1{ margin: 0; padding: 0; font-size:20px; line-height: 24px; font-family: 'Montserrat', sans-serif;}
h2{ margin: 0; padding: 0; font-size:20px; line-height: 24px; font-family: 'Montserrat', sans-serif;}
h3{ margin: 0; padding: 0; font-size:18px; font-family: 'Montserrat', sans-serif;}
h4{ margin: 0; padding: 0; font-size:16px; font-family: 'Montserrat', sans-serif;}
h5{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}
h6{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#4c7998;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #ff3b3b;}
::selection {  color: #fff; background: #ff3b3b;}

form label { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:13px; line-height:16px; color:#8a8a8a; margin-bottom:13px;}

.form-group { margin-bottom:0px;}
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#8a8a8a;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#8a8a8a;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#8a8a8a;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder
{color:#8a8a8a;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select, .input-group .form-control { display: block; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px; color: #8a8a8a; height: auto; background: none; padding: 18px 17px; margin-bottom: 30px; outline: none; border-radius: 4px;box-shadow: none; line-height: normal; border: 1px solid #ebebeb; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #fff; box-shadow:none;}
textarea.form-control {height:102px;resize:none; overflow:hidden; padding: 18px 17px;}
.form-control:focus,textarea.form-control:focus {outline:none; border-color:#e0e8f4; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);}

select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%; border-radius:4px;box-shadow:none;background:url(../images/down-arrow.png) no-repeat 92% center;font-size:13px;color:#8a8a8a; padding: 18px 78px 18px 17px; line-height:normal; font-weight:500; text-transform:none; cursor: pointer; background-color:#fff; position: relative; background-size: auto 100%;}
select.form-control:focus { outline: none; border-color:#e0e8f4; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);}
select.form-control option {color:#1f1f1f; font-size:12px; font-weight:400;}
select.form-control:before { content:' '; position:absolute; height: calc(100% - 4px); top:0px; bottom: 0px; right: 0px; width: 2px; background-color: #d6d6d6;}

.form-horizontal .control-label { padding-top: 19px; text-align: left;}

.btn { position: relative; font-size: 15px; line-height: 18px; padding: 12px 50px; color: #fff; font-weight: 500; outline: none; border: none; border-radius: 5px; background-color: #21519e; background-repeat: no-repeat; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow: hidden;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff;}
.btn:hover { color:#fff; background-color:#171717;}
.btn span { position:relative; z-index:1;}

.btn.border { background-color: transparent; border: 1px solid #21519e; color: #21519e;}
.btn.border:hover { background-color: #21519e; color: #fff;}

.btn.grey-border { background-color: transparent; border: 1px solid #8a8a8a; color: #8a8a8a;}
.btn.grey-border:hover { background-color: #21519e; color: #fff; border-color: #21519e;}

.btn.arrow { font-size: 17px; padding: 12px 20px; background-color: #0077b0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.btn.arrow span { margin-left: 5px; position: relative; right:0px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: inline-block; top: -1px;}
.btn.arrow:hover span { right:-5px;}
.btn.arrow:hover { background-color: #015177;}

.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/*	Header	*/
.mainHd { width:100%; position:relative; left: 0px; top: 0px; padding: 40px 0px;}
.logo { float:left; position: relative; margin:0; max-width: 250px; width: 100%; z-index: 10; top:0px;}
.logo a { display:block;}
.right-button { float:right; position: relative; padding:0px; margin:24px 0px;}
.right-button a.btn { font-weight: 700; text-transform: uppercase; padding: 12px 18px; margin-left: 10px;}
.right-button a.btn span { margin-right: 4px;  position: relative;  top: -1px;}

/* scroll top */
.scrollTop { position: fixed; width: 35px;bottom: 2%; right: 2%; background-color:#21519e; color: #fff; font-size: 18px; line-height: 30px; opacity: 0; visibilty: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #fff; border-radius: 50%;}
.scrollTop:hover, .scrollTop:focus{color:#fff; border:2px solid #fff;}
.scrollTop.pop{opacity:1; visibility:1;}

.wrapper { width:100%; height:auto; position: relative;}

footer.footer { width:100%; position: relative; left: 0px; right:0px; text-align: center; bottom: 0px; z-index:-1;}
footer.footer:before { content: ' '; position: absolute; width: calc(100vw - 50vw - 210px); left: 0px; height: 1px; background-color: #fff; opacity: 0.3; margin-top: 11px;}
footer.footer:after { content: ' '; position: absolute; width: calc(100vw - 50vw - 210px); right: 0px; height: 1px; background-color: #fff; opacity: 0.3; margin-top: 11px; top: 0px;}
footer.footer p { color: #fff; padding: 0px 0px 35px;}

/* item-book */
.home-content { /*position: absolute; top: calc(50% + 100px); transform: translateY(-50%);*/ left: 0; right: 0; margin: 190px 0px 60px; left: 0; right: 0;}
.section-book-item { width:100%; position: relative; padding:0px 0px;}
.item-book { width: 100%; position: relative; background-color: rgb(255 255 255 / 0.3); box-sizing: border-box; padding: 6px; border-radius: 5px;}
.item-book.book-appointment .inner-bg:before { content:' '; position: absolute; right: -5px; bottom: -1px; width: 103px; height:103px; background-image: url(../images/book-icon1.png); background-repeat: no-repeat;}
.item-book.reject-appointment .inner-bg:before { content:' '; position: absolute; right: -5px; bottom: -1px; width: 103px; height:103px; background-image: url(../images/book-icon2.png); background-repeat: no-repeat;}
.item-book.manafement-dashboard .inner-bg:before { content:' '; position: absolute; right: -5px; bottom: -1px; width: 103px; height:103px; background-image: url(../images/book-icon3.png); background-repeat: no-repeat;}
.inner-bg { width:100%; position:relative; padding:30px 20px; background-color: #fff; border-radius: 5px; overflow: hidden;}
.heading-book { position: relative;  margin: 0px 0px 20px;}
.heading-book h2 { position: relative; margin: 0px 0px 0px; color: #051436; font-weight: 600; line-height:27px;}
.heading-book h2 span { color:#0077b0;}

/* manage-section */
.inner-content { width:100%; position: relative; margin:0px 0px 30px; padding:0px 0px;}
.white-item-inner {width: 100%; position: relative; margin: 0px; padding: 60px 90px; background-color: #fff; box-sizing: border-box; border-radius: 5px;}
.heading-txt { position: relative; margin: 0px 0px 40px; padding: 0px; border-bottom: 1px solid #8a8a8a;}
.heading-txt h2 { text-transform: uppercase; color: #383838; font-weight: 600; padding: 0px 0px 14px;}
.heading-txt h2 span { display: inline-block; position: relative; top: -3px; margin-right: 5px;}
.select-appointments { width:100%; position: relative; padding: 0px; margin:0px 0px 70px}
.manage-table { position: relative; margin: 0px 0px 40px; padding: 0px;}
.rwd-table {margin: auto;min-width: 100%;max-width: 100%;border-collapse: collapse; width:100%;}
.rwd-table tr:first-child {border-top: none;background:#21519e;color: #fff;}
.rwd-table tr {border-bottom: 1px solid #d9d9d9;}
/*.rwd-table tr:last-child { border-bottom: none;}*/
.rwd-table th {display: none;}
.rwd-table td {display: block;}
.rwd-table td:first-child {margin-top: 0em;}
.rwd-table td:last-child {margin-bottom: 0em;}
.rwd-table td:before {content: attr(data-th) ": ";font-weight: bold;width: 180px;display: inline-block;color: #000; margin-right: 10px;}
.rwd-table th, .rwd-table td {text-align: left;}
.rwd-table {color: #333;border-radius: 0.4em;overflow: hidden;}
.rwd-table tr {border-color: #d9d9d9;}
.rwd-table th, .rwd-table td {padding: 0.5em 1em;}
.rwd-table th { font-size:15px; color: #fff; text-transform: uppercase; font-weight: 600;}
.rwd-table td {font-size: 13px; color: #8a8a8a; font-weight: 400;}
.bottom-btn { width:100%; position: relative;}
.bottom-btn ul { text-align: center; position: relative;}
.bottom-btn ul li { display: inline-block;}
.bottom-btn ul li .btn { font-size: 16px; font-weight: 500; padding: 10px 15px; border-radius: 3px;}

.select-appointments .form-group .col-sm-12 { margin-left: 0px;}
.select-appointments .form-group .col-sm-12 .btn { float:right;}



/* check-appointment */
.check-appointment {position:relative; z-index:1;}
.check-appointment-area {background:#fff; padding:70px 155px 100px;}
.check-appointment-area h2 {font-weight:600; font-size:20px; color:#383838; text-transform:uppercase; border-bottom:1px solid #8a8a8a; position:relative; padding:0 0 17px 40px; margin:0 0 45px;}
.check-appointment-area h2:before {content:''; position:absolute; background:url(../images/check-appointment-icon.png) no-repeat 0 0; width:27px; height:34px; left:0; top:-5px;}
.check-appointment-form-area {padding-right: 200px;}
.check-appointment-form-area label {margin: 17px 0 0;}
.check-appointment-form-area input[type="submit"] {float:right; padding: 12px 65px; border-radius: 3px; margin-top:5px;}

/* book-your-appointment */
.book-your-appointment {position:relative; z-index:1;     margin-bottom: 40px;}
.book-appointment-form {background:#fff; padding:50px 150px;}
.book-appointment-form h2 {font-weight:600; font-size:20px; color:#383838; text-transform:uppercase; border-bottom:1px solid #8a8a8a; position:relative; padding:0 0 17px 40px; margin:0 0 30px;}
.book-appointment-form h2:before {content:''; position:absolute; background:url(../images/book-appointment-icon.png) no-repeat 0 0; width:28px; height:27px; left:0; top:0;}
.book-appointment-form .submit-btn {text-align:right;}
.book-appointment-form .submit-btn input[type="submit"] {padding: 12px 60px; border-radius: 3px;}
.book-appointment-form input.date-input {background: url(../images/date-icon.png) no-repeat 95% center; padding: 18px 70px 18px 17px; cursor:pointer; position:relative;}
.book-appointment-form input.time-input {background: url(../images/clock-icon.png) no-repeat 95% center; padding: 18px 70px 18px 17px; cursor:pointer;}
.input-group.clockpicker { width:100%; clear: both;}
.popover.bottom {margin-top: 0;}

/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/

/*------ adjust container media end ------*/

@media only screen and (max-width:1700px){



}

@media only screen and (max-width:1440px){



}

@media only screen and (max-width:1299px){

.white-item-inner {  padding: 30px 50px;}
.select-appointments { margin: 0px 0px 30px;}
.manage-table { margin: 0px 0px 20px; border: 1px solid #ccc;}

/* check-appointment */
.check-appointment-form-area {padding-right: 100px;}
.check-appointment-area {padding: 70px 155px 70px;}

/* book-your-appointment */
.book-appointment-form {padding: 50px 90px;}

}
/*******		end 1299		*/


@media only screen and (max-width: 991px) {

.heading-book h2, .check-appointment-area h1 { font-size: 16px; line-height: 20px;}

/* check-appointment */
.check-appointment-area {padding: 60px;}
.check-appointment-form-area {padding-right: 60px;}

/* book-your-appointment */
.book-appointment-form {padding: 50px 20px;}

.right-button a.btn { padding: 12px 15px; margin-left: 6px; font-size: 13px; font-weight: 500;}
.home-content {margin: 100px 0px 60px;}
}
/*******		end 991		*/

@media screen and (max-width: 992px) {
.rwd-table tr:nth-child(2) {border-top: none;}
}
@media screen and (min-width: 991px) {
.rwd-table tr:hover:not(:first-child) {background-color: #d8e7f3;}
.rwd-table td:before {display: none;}
.rwd-table th, .rwd-table td {display: table-cell;padding: 0.25em 0.5em; border-right: 1px solid #d9d9d9;}
.rwd-table th:first-child, .rwd-table td:first-child {border-left: 1px solid #d9d9d9;}
.rwd-table td:first-child { font-weight: 600; color: #21519e;}
.rwd-table th:first-child,
.rwd-table td:first-child {padding-left: 0;}
.rwd-table th:last-child,
.rwd-table td:last-child {padding-right: 0;}
.rwd-table th,
.rwd-table td { padding: 1em !important;}
.rwd-table th a, .rwd-table td a { color: #21519e; font-weight:500;}
.rwd-table th, .rwd-table td {text-align: center;}
}

@media only screen and (max-width: 767px) {

h1{ margin: 0; padding: 0; font-size:15px; line-height: 20px; font-family: 'Montserrat', sans-serif;}
h2{ margin: 0; padding: 0; font-size:15px; line-height: 20px; font-family: 'Montserrat', sans-serif;}
h3{ margin: 0; padding: 0; font-size:12px; font-family: 'Montserrat', sans-serif;}
h4{ margin: 0; padding: 0; font-size:12px; font-family: 'Montserrat', sans-serif;}

.form-control, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="password"], input[type="number"], select { margin-bottom: 15px;}

.mainHd {padding: 20px 0px;}
.logo { float: none; margin:0px auto;}
.right-button { float: none; position: relative; padding: 0px; margin: 15px auto 0px; text-align: center;}
.right-button a.btn { margin-left: 0px; margin:6px 5px;}
select.form-control { padding: 10px 49px 10px 10px;}

.wrapper { height: auto;}
.home-content { position: relative;; top:0px; transform: translateY(0%);left: 0; right: 0; margin: 0px;}
.section-book-item { padding: 60px 0px;}
.item-book { margin-bottom: 20px;}
.inner-bg { padding: 27px 15px; border-radius: 5px; text-align: center;}

footer.footer { /*position: fixed; margin-top:-34px;*/}
footer.footer p { padding: 0px 0px 10px; font-size: 10px;}
footer.footer:before, footer.footer:after { width: calc(100vw - 50vw - 150px);}

.check-appointment-form-area select.form-control, select.form-control {
    background: url(../images/down-arrow.png) no-repeat 92% center;
    background-size: 25px;
}


/* manage appointments */
.white-item-inner { padding: 15px; text-align: center;}
.heading-txt h2 span { display: block; top: 0; margin-right: 0; margin-bottom: 15px;}
.select-appointments { margin: 0px 0px 20px;}
.select-appointments .form-group .col-sm-12 .btn {float: none;}

/* check-appointment */
.check-appointment-area {padding: 30px 15px; text-align:center;}
.check-appointment-form-area input[type="submit"] {float:none; margin-top: 0;}
.check-appointment-form-area {padding-right: 0;}
.check-appointment-area h2:before {position:static; display:block; margin:0 auto 10px;}
.check-appointment-area h2 {padding: 0 0 8px 0; margin: 0 0 22px;}
.check-appointment-form-area label {margin: 0 0 13px; text-align:left; display:block;}
.check-appointment-form-area select.form-control {margin-bottom: 20px;}

/* book-your-appointment */
.book-appointment-form input.date-input {background: url(../images/date-icon.png) no-repeat 97% center;}
.book-appointment-form input.time-input {background: url(../images/clock-icon.png) no-repeat 97% center;}
.book-appointment-form h2:before {position:static; display:block; margin:0 auto 10px;}
.book-appointment-form h2 {padding: 0 0 8px 0; margin: 0 0 22px; text-align:center;}
.book-appointment-form {padding: 30px 15px;}
.book-appointment-form input[type="text"], .book-appointment-form input[type="tel"], .book-appointment-form input[type="email"], .book-appointment-form textarea, .book-appointment-form input[type="password"], .book-appointment-form input[type="number"], .book-appointment-form select {margin-bottom:15px; padding: 12px 10px;}
.book-appointment-form label {margin-bottom: 10px;}
.book-appointment-form .submit-btn {text-align:center;}
.book-appointment-form input.date-input, .book-appointment-form select, .book-appointment-form input.time-input { padding: 12px 70px 12px 10px;}
.heading-txt { margin: 0px 0px 20px;}
.bottom-btn ul li { margin: 5px 2px;}
.bottom-btn ul li .btn { font-size: 13px;padding: 7px 15px;}
.book-appointment-form h1 { font-size: 15px;}

.heading-book h2 br {display:none;}
.rwd-table td:before {font-weight: normal;width: 140px;}
.book-your-appointment {padding: 30px 0 0;}
.rwd-table th, .rwd-table td {padding: 0.4em 0.5em;}
}
/*******	 end 767		*******/

@media only screen and (max-width: 639px){
.rwd-table td:before {font-weight: normal;width: 120px;}
.section-book-item { padding: 30px 0 10px;}

}
/*******	 end 639		*******/

@media only screen and (max-width: 480px){
/*.check-appointment-form-area select.form-control {background: url(../images/down-arrow.png) no-repeat 92% center;}*/
.rwd-table td:before {font-weight: normal;width: 90px;}
/* book-your-appointment */
.book-appointment-form select.form-control {background: url(../images/down-arrow.png) no-repeat 92% center;background-size: 30px;}
.book-appointment-form input.date-input {background: url(../images/date-icon.png) no-repeat 94% center; background-size: 35px;}	
.book-appointment-form input.time-input {background: url(../images/clock-icon.png) no-repeat 94% center; background-size: 35px;}
.manage-table {width:100%;}
}