.navbar-default { background-color: rgba(236,236,236,.5); border:none; } .navbar-default .navbar-nav>li>a { color:#18202d; font-size:14px; font-weight:700; -webkit-font-smoothing: antialiased; webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .dropdown-menu>li>a { padding: 5px 20px; font-size: 16px; -webkit-font-smoothing: antialiased; webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #ccc; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #000; background-color: #fff; } .bs-wizard > .bs-wizard-step > .progress > .progress-bar { background:#b3b3b3; } #navbar_logo { position:fixed; top:0; left:20px; box-shadow: 0 0 10px 0 rgba(0,0,0,.15); } /* @media only screen and (max-width: 960px) { #navbar_logo { left:20px; } } */ @media (min-width: 768px) { .navbar-nav>li>a { padding-top: 16px; padding-bottom: 16px; } } @media only screen and (max-width: 767px) { /* #navbar_logo { left:20px; } */ .navbar-nav { background:#5d626c; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border:none; margin-top:60px; } .navbar-default .navbar-toggle { border-color: #fff; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#fff; } .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #000; } .navbar-default .navbar-nav .myaccount-menu > li > a { color: #fff; } .navbar-default .navbar-nav .myaccount-menu > li > a:hover { color: #000; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { color: #000; background-color:#fff; } a.myaccount-info, a.myaccount-info:hover { background-color: #fff !important; color: #000 !important; } } @font-face { font-family: Madelyn; src: url(/static/fonts/Madelyn/Madelyn-Regular.eot); src: url(/static/fonts/Madelyn/Madelyn-Regular.woff) format("woff"),url(/static/fonts/Madelyn/Madelyn-Regular.woff2) format("woff2"),url(/static/fonts/Madelyn/Madelyn-Regular.ttf) format("truetype"),url(/static/fonts/Madelyn/Madelyn-Regular.svg) format("svg"),url(/static/fonts/Madelyn/Madelyn-Regular.eot#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: MarkOT; src: url(/static/fonts/MarkOT/MarkOT.eot); src: url(/static/fonts/MarkOT/MarkOT.woff) format("woff"),url(/static/fonts/MarkOT/MarkOT.woff2) format("woff2"),url(/themes/ws_bootstrap/fonts/MarkOT/MarkOT.ttf) format("truetype"),url(/static/fonts/MarkOT/MarkOT.svg) format("svg"),url(/static/fonts/MarkOT/MarkOT.eot#iefix) format("embedded-opentype"); font-weight: 400; font-style: normal } @font-face { font-family: MarkOT; src: url(/static/fonts/MarkOT-Bold/MarkOT-Bold.eot); src: url(/static/fonts/MarkOT-Bold/MarkOT-Bold.woff) format("woff"),url(/static/fonts/MarkOT-Bold/MarkOT-Bold.woff2) format("woff2"),url(/static/fonts/MarkOT-Bold/MarkOT-Bold.ttf) format("truetype"),url(/static/fonts/MarkOT-Bold/MarkOT-Bold.svg) format("svg"),url(/static/fonts/MarkOT-Bold/MarkOT-Bold.eot#iefix) format("embedded-opentype"); font-weight: 700; font-style: normal } body { font-family: MarkOT,Arial,sans-serif; font-size: 16px; line-height: 1.42857; color: #000; text-rendering: optimizeLegibility; } .h1,.h2,.h3,h1,h2,h3 { font-weight: 700 } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { color: #3c3c3c } .h1,.h2,.h3,.h4,h1,h2,h3,h4 { margin-bottom: 15px } .h1,h1 { font-size: 35px } .h2,h2 { font-size: 24px } .h3,.h4,h3,h4 { font-size: 18px } .clinic .clinic-details .col-sm-6 h3 { margin-top: 10px; margin-bottom: 10px; text-transform: uppercase } .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-weight: 700; line-height: 1.1 } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-weight: 400; line-height: 1; color: #ececec } .h1,.h2,.h3,h1,h2,h3 { margin-top: 22px } .h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small { font-size: 65% } .h4,.h5,.h6,h4,h5,h6 { margin-top: 11px; margin-bottom: 11px } .h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small { font-size: 75% } .h5,h5 { font-size: 16px } .h6,h6 { font-size: 14px } .btn { font-size: 13px; font-weight: 700; line-height: normal; padding: 9px 14px; border-radius: 0 } .btn.btn-primary { color: #fff; background-color: #18202d; border: 1px solid #18202d } .btn.btn-primary:focus,.btn.btn-primary:hover { background-color: #263348; } .btn.btn-secondary,.btn.btn-secondary:focus,.btn.btn-secondary:hover { background-color: #fff } .btn.btn-secondary { color: #18202d; border: 1px solid #fff } .btn.btn-outline { color: #18202d; background-color: transparent; border: 1px solid #18202d; text-transform: none } .btn { display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus,.btn:focus,.btn:hover { color: #333; text-decoration: none } .btn.active,.btn:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) } .btn.disabled,.btn[disabled],fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } a.btn.disabled,fieldset[disabled] a.btn { pointer-events: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default.focus,.btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c } .btn-default.active,.btn-default:active,.btn-default:hover,.open>.btn-default.dropdown-toggle { color: #333; background-color: #e6e6e6; border-color: #adadad } .btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.btn-default.dropdown-toggle.focus,.open>.btn-default.dropdown-toggle:focus,.open>.btn-default.dropdown-toggle:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c } .btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: #18202d; border-color: #0f141c } .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.btn-primary.dropdown-toggle { color: #fff; background-color: #06080c; border-color: #000 } .btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus,.open>.btn-primary.dropdown-toggle:hover { color: #fff; background-color: #000; border-color: #000 } .btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { background-color: #18202d; border-color: #0f141c } .btn-primary .badge { color: #18202d; background-color: #fff } .btn-success { color: #fff; background-color: #18202d; border-color: #18202d } .btn-success.focus,.btn-success:focus { color: #fff; background-color: #263348; border-color: #18202d } .btn-success.active,.btn-success:active,.btn-success:hover,.open>.btn-success.dropdown-toggle { color: #fff; background-color: #263348; border-color: #18202d } .btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover { color: #fff; background-color: #263348; border-color: #18202d } .btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle { background-image: none } .btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover { background-color: #c5c5c5; border-color: #c5c5c5; color:#a9a9a9; } .btn-success .badge { color: #5cb85c; background-color: #fff } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da } .btn-info.focus,.btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 } .btn-info.active,.btn-info:active,.btn-info:hover,.open>.btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc } .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover { color: #fff; background-color: #269abc; border-color: #1b6d85 } .btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da } .btn-info .badge { color: #5bc0de; background-color: #fff } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 } .btn-warning.focus,.btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d } .btn-warning.active,.btn-warning:active,.btn-warning:hover,.open>.btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512 } .btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover { color: #fff; background-color: #d58512; border-color: #985f0d } .btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236 } .btn-warning .badge { color: #f0ad4e; background-color: #fff } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a } .btn-danger.focus,.btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19 } .btn-danger.active,.btn-danger:active,.btn-danger:hover,.open>.btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925 } .btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover { color: #fff; background-color: #ac2925; border-color: #761c19 } .btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a } .btn-danger .badge { color: #d9534f; background-color: #fff } .btn-link { color: #18202d; font-weight: 400; border-radius: 0 } .btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none } .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover { border-color: transparent } .btn-link:focus,.btn-link:hover { color: #000; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover { color: #ececec; text-decoration: none } .btn-group-lg>.btn,.btn-lg { padding: 10px 16px; font-size: 20px; line-height: 1.33333; } .btn-group-sm>.btn,.btn-sm { padding: 5px 10px; font-size: 14px; line-height: 1.5; border-radius: 3px } .btn-group-xs>.btn,.btn-xs { padding: 1px 5px; font-size: 14px; line-height: 1.5; border-radius: 3px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block { width: 100% } .form-control { height: 46px; padding: 11px 12px; border-color: #ddd; border-radius: 0; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); box-shadow: 0 0 20px 0 rgba(0,0,0,.1) } .form-actions .btn { font-size: 14px; font-weight: 700; height: 46px; padding: 11px 30px } .nav-pills { display: flex } .nav-pills>li,.nav-pills>li a { display: -webkit-box; display: -ms-flexbox } .nav-pills>li { display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100% } .nav-pills>li a { color: #18202d; font-size: 15px; text-align: center; background-color: #eaeaea; border-radius: 0; width: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .nav-pills>li a:focus,.nav-pills>li a:hover { color: #18202d!important; background-color: #bfcdc3!important } .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover { color: #bfcdc3!important; background-color: #f6f6f6!important } .tab-content { padding: 30px 40px; background: #f6f6f6 } .tab-content h4 { text-transform: none } .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } a.list-group-item, .online_booking a.list-group-item { color: #18202d; } a.list-group-item, .online_booking a.list-group-item { color: #18202d; } a.list-group-item:hover, a.list-group-item:focus, .online_booking a.list-group-item:hover, .online_booking a.list-group-item:focus { color: #263348; }