/*
Media Query mixin
See https://github.com/sass-mq/sass-mq/ for original full version.
@example scss
.element {
@include mq($from: mobile) {
color: red;
}
@include mq($to: tablet) {
color: blue;
}
@include mq(mobile, tablet) {
color: green;
}
@include mq($from: tablet, $and: '(orientation: landscape)') {
color: teal;
}
@include mq(em(950px)) {
color: hotpink;
}
@include mq(em(950px), $media-feature: height) {
color: hotpink;
}
@include mq(tablet, $media-type: screen) {
color: hotpink;
}
// Advanced use:
$custom-breakpoints: (L: 900px, XL: 1200px);
@include mq(L, $bp: $custom-breakpoints) {
color: hotpink;
}
}
*/
/*
Margin / Padding Quick Resets
example: top & bottom margin set to $spacing-unit
.element {
@include push--ends;
}
example: left & right padding set to $spacing-unit--small
.element {
@include soft--sides($spacing-unit--small);
}
*/
/*
Helper mixins
*/
/*
Form input placeholder text
example:
input,
textarea {
@include input-placeholder {
color: $grey;
}
}
*/
/*
Retina images
example:
.element {
@include retina {
background-image: url(../img/background@2x.png);
}
}
*/
/*
Content margins
fore removing first/last child margins
example: default
.element {
@include content-margins;
}
output:
.element > *:first-child {
margin-top: 0;
}
.element > *:last-child {
margin-bottom: 0;
}
example: empty selector
.element {
@include content-margins('false');
}
output:
.element:first-child {
margin-top: 0;
}
.element:last-child {
margin-bottom: 0;
}
*/
/*
CSS Triangle
used for creating CSS only triangles
example:
.element {
&::before {
@include css-triangle(blue, down);
}
}
*/
/*
Hide text
example:
.element {
@include hide-text;
}
*/
/*
Responsive ratio
Used for creating scalable elements that maintain the same ratio
example:
.element {
@include responsive-ratio(400, 300);
}
*/
/*
Icon
For using fontastic icons in pseudo elements
*/
/*
Colours
background, colour, etc. match up with colour map in _variables.scss
modify to suit per project
*/
/*
Fluid Property
http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx
HTML:
Text to replace
example:
h1 {
@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
}
output:
h1 {
font-size: calc(3.125vw + 40px); //This is the magic!
}
@media (max-width:320px){ //Clips the start to the min value
font-size:50px;
}
@media (min-width:1920px){ //Clips the end to the max value
font-size:100px;
}
*/
/*
Misc
*/
/*
Font face
example:
@include font-face('Clarendon', 'clarendon-webfont');
@include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);
*/
/*
REMs
*/
/*
EMs calculator
*/
/*
Grids
*/
/*
Photoshop letter spacing
use:
for simple conversion between Photoshop letter-spacing to ems
prerequisits:
$ls list must exist in variables file
example:
.awesome-heading {
letter-spacing: ls('awesome-heading');
}
could generate (if "awesome-heading") is 2nd in the list:
.awesome-heading {
letter-spacing: -0.01em;
}
*/
/*
Map deep get
Get values from anywhere in a variable list
http://css-tricks.com/snippets/sass/deep-getset-maps/
*/
/*
Strip unit
*/
/*
Very simple number functions
*/
/*
Photoshop letter spacing
use:
get the value of a particular breakpoint
example:
.box {
width: breakpoint('phone-wide');
}
would generate:
.box {
width: 480px;
}
*/
/*
Colour map lookup, retrieving base value by default
*/
/*
SVG inliner
*/
@font-face {
font-family: 'DroidArabicKufiRegular';
src: url("../../fonts/DroidKufi-Regular/droidkufi-regular.eot");
src: url("../../fonts/DroidKufi-Regular/droidkufi-regular.eot") format("embedded-opentype"), url("../../fonts/DroidKufi-Regular/droidkufi-regular.woff") format("woff"), url("../../fonts/DroidKufi-Regular/droidkufi-regular.ttf") format("truetype"), url("../../fonts/DroidKufi-Regular/droidkufi-regular.svg#DroidArabicKufiRegular") format("svg");
}
/*
Media Query mixin
See https://github.com/sass-mq/sass-mq/ for original full version.
@example scss
.element {
@include mq($from: mobile) {
color: red;
}
@include mq($to: tablet) {
color: blue;
}
@include mq(mobile, tablet) {
color: green;
}
@include mq($from: tablet, $and: '(orientation: landscape)') {
color: teal;
}
@include mq(em(950px)) {
color: hotpink;
}
@include mq(em(950px), $media-feature: height) {
color: hotpink;
}
@include mq(tablet, $media-type: screen) {
color: hotpink;
}
// Advanced use:
$custom-breakpoints: (L: 900px, XL: 1200px);
@include mq(L, $bp: $custom-breakpoints) {
color: hotpink;
}
}
*/
/*
Margin / Padding Quick Resets
example: top & bottom margin set to $spacing-unit
.element {
@include push--ends;
}
example: left & right padding set to $spacing-unit--small
.element {
@include soft--sides($spacing-unit--small);
}
*/
/*
Helper mixins
*/
/*
Form input placeholder text
example:
input,
textarea {
@include input-placeholder {
color: $grey;
}
}
*/
/*
Retina images
example:
.element {
@include retina {
background-image: url(../img/background@2x.png);
}
}
*/
/*
Content margins
fore removing first/last child margins
example: default
.element {
@include content-margins;
}
output:
.element > *:first-child {
margin-top: 0;
}
.element > *:last-child {
margin-bottom: 0;
}
example: empty selector
.element {
@include content-margins('false');
}
output:
.element:first-child {
margin-top: 0;
}
.element:last-child {
margin-bottom: 0;
}
*/
/*
CSS Triangle
used for creating CSS only triangles
example:
.element {
&::before {
@include css-triangle(blue, down);
}
}
*/
/*
Hide text
example:
.element {
@include hide-text;
}
*/
/*
Responsive ratio
Used for creating scalable elements that maintain the same ratio
example:
.element {
@include responsive-ratio(400, 300);
}
*/
/*
Icon
For using fontastic icons in pseudo elements
*/
/*
Colours
background, colour, etc. match up with colour map in _variables.scss
modify to suit per project
*/
/*
Fluid Property
http://www.adrenalinmedia.com.au/the-agency/insights/this-changes-everything-css-fluid-properties.aspx
HTML:
Text to replace
example:
h1 {
@include fp(font-size, 50, 100); // 50px at 320, 100px at 1920;
}
output:
h1 {
font-size: calc(3.125vw + 40px); //This is the magic!
}
@media (max-width:320px){ //Clips the start to the min value
font-size:50px;
}
@media (min-width:1920px){ //Clips the end to the max value
font-size:100px;
}
*/
/*
Misc
*/
/*
Font face
example:
@include font-face('Clarendon', 'clarendon-webfont');
@include font-face('Clarendon', 'clarendon-webfont', $w--bold, italic);
*/
/*
REMs
*/
/*
EMs calculator
*/
/*
Grids
*/
/*
Photoshop letter spacing
use:
for simple conversion between Photoshop letter-spacing to ems
prerequisits:
$ls list must exist in variables file
example:
.awesome-heading {
letter-spacing: ls('awesome-heading');
}
could generate (if "awesome-heading") is 2nd in the list:
.awesome-heading {
letter-spacing: -0.01em;
}
*/
/*
Map deep get
Get values from anywhere in a variable list
http://css-tricks.com/snippets/sass/deep-getset-maps/
*/
/*
Strip unit
*/
/*
Very simple number functions
*/
/*
Photoshop letter spacing
use:
get the value of a particular breakpoint
example:
.box {
width: breakpoint('phone-wide');
}
would generate:
.box {
width: 480px;
}
*/
/*
Colour map lookup, retrieving base value by default
*/
/*
SVG inliner
*/
* {
outline: none;
}
html {
font-size: 100%;
}
.container-sm {
width: 100%;
max-width: 950px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
body {
font-size: 1.125rem;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
color: #000;
line-height: 1;
margin: 0;
overflow-x: hidden;
background: #f9f9fc;
position: relative;
}
a {
color: #929292;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration: none !important;
}
a:hover {
color: #179d86;
}
@media screen and (max-width: 1200px) {
html {
font-size: 80%;
}
}
/*---
Clickable buttons:
```
Button
```
Alternate styles using `secondary`, `positive` and `negative` modifiers:
```
Button: Secondary
Button: Positive
Button: Negative
```
And sized using `large` and `small`:
```
Button: Large
Button: Small
```
Other states:
```
Button: Disabled
Unstyled button
```
*/
.btn-light:focus {
box-shadow: none;
}
.btn.disabled,
.btn:disabled {
opacity: 0.4;
}
.button-row {
text-align: center;
margin: 2.1875rem 0 0rem 0;
padding-top: 1.625rem;
border-top: solid 1px #ededed;
padding-bottom: 1.5625rem;
}
@media screen and (max-width: 414px) {
.button-row {
margin: 1.25rem 0;
margin-bottom: 0px;
}
}
.button-row .label-offset-left {
padding-left: 15%;
}
@media screen and (min-width: 1500px) {
.button-row .label-offset-left {
padding-left: 12%;
}
}
.search-form .button-row {
border: 0px;
margin-top: 0px;
padding-top: 0px;
}
.btn {
font-family: "Lato", sans-serif;
font-weight: 700;
display: inline-block;
white-space: nowrap;
vertical-align: middle;
user-select: none;
border: 0;
outline: none;
line-height: 1;
border-radius: 50px;
transition: all .5s ease;
font-size: 1.0625rem;
min-width: 135px;
text-align: center;
color: #fff;
padding: 0.6875rem 1.25rem;
width: auto;
}
.btn.btn-default {
background: #158f7a;
}
.btn.btn-default:hover {
opacity: .8;
color: #fff;
}
.btn.btn-default:focus {
box-shadow: 0 0 0 0.2rem rgba(21, 143, 122, 0.61);
}
.btn.btn-primary {
background: #dbb086;
}
.btn.btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(219, 176, 134, 0.53);
}
.btn.btn-primary:not(:disabled):hover {
opacity: .8;
color: #fff;
}
.btn.btn-primary.big {
min-width: 270px;
}
.btn.btn-danger {
background: #c32c2c;
}
.btn.btn-danger:hover {
opacity: 0.8;
}
.btn.btn-white {
min-width: auto;
padding: 0.4375rem 2.0625rem;
color: #158f7a;
border: 1px solid #158f7a;
background: #fff;
border-radius: 30px;
font-size: 1rem;
}
.btn.btn-white:hover {
background: #158f7a;
color: #fff !important;
}
.btn.green {
background: #179d86;
color: #fff;
}
.btn .material-icons {
line-height: 16px;
padding-right: 0px;
vertical-align: top;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
background-color: #dbb086;
border-color: #dbb086;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: none !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #98cd00;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #006fc1;
}
.select2-container--default .select2-selection--single {
background: transparent;
border: 0;
}
.select2-container--default .select2-selection--single:focus {
outline: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #989898 !important;
font-size: 1.25rem;
line-height: 22px;
padding: 2px 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered span img {
margin-top: -5px;
}
/*.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: 0;
width: 19px;
height: 12px;
background: url(../../images/dashboard/caret_down.png) center center no-repeat;
margin-top: -0.3125rem;
left: -15px;
}*/
.select2-container {
width: 100% !important;
outline: none;
}
.select2-container:focus {
outline: none;
box-shadow: none;
}
.select2-container--open .select2-dropdown--below {
border: 0;
margin-top: 0.625rem;
box-shadow: 1px 1px 12px 1px rgba(53, 71, 153, 0.2);
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
outline: none;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
background: #fff;
outline: none;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
outline: none !important;
box-shadow: none;
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
outline: none;
}
.bootstrap-select .dropdown-toggle .filter-option {
outline: none;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.bootstrap-select .dropdown-item {
padding: 10px 20px;
border-bottom: solid 1px #f8f8f8;
}
.bootstrap-select .btn.disabled {
background: #f7f7f7 !important;
opacity: 1;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #d8d8d8;
}
.select2-container--default .select2-results__option {
font-family: 'Source Sans Pro', 'DroidArabicKufiRegular';
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #158f7a;
}
/* .select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f8f9fa;
color: #000;
font-family: 'Source Sans Pro', 'DroidArabicKufiRegular';
} */
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #179d86 !important;
color: white !important;
font-family: 'Source Sans Pro', 'DroidArabicKufiRegular';
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #d8d8d8;
border-radius: 0;
cursor: text;
height: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #1e8b7b;
color: #fefefe;
font-size: 1.25rem;
border-radius: 0;
border: 0;
padding-bottom: 4px;
font-family: 'Source Sans Pro', 'DroidArabicKufiRegular';
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #ffffff;
font-weight: 400;
margin-left: 5px;
float: right;
margin-right: 0;
font-size: 1rem;
margin-top: 4px;
}
.form-group .bootstrap-select>.dropdown-toggle {
height: 30px;
font-size: 1rem;
color: #333333;
background-color: white;
outline: none;
padding: 3px 10px 5px 10px;
outline: none;
border: 1px solid #d8d8d8;
border-radius: 0px;
font-weight: 400;
}
.datepicker td, .datepicker th {
width: 30px;
height: 30px; }
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
background: #007bff; }
.datepicker thead tr {
border-bottom: 2px solid #f1f1f1; }
@media screen and (max-width: 991px) {
.form-group .bootstrap-select>.dropdown-toggle {
line-height: 24px;
}
}
.form-group .bootstrap-select>.dropdown-toggle:after {
content: '\f2f9';
font: normal normal normal 20px/1 'Material-Design-Iconic-Font';
color: #333333;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: 0;
width: auto;
height: auto;
margin: 0;
}
.radio {
margin: 0;
padding-top: 1.875rem;
}
.radio label {
padding-left: 28px;
margin: 0;
cursor: pointer;
}
.radio label:not(:last-child) {
margin-right: 3.125rem;
}
@media screen and (max-width: 350px) {
.radio label:not(:last-child) {
margin-right: 1.875rem;
}
}
.radio input[type="radio"] {
display: none;
}
.radio input[type="radio"]+span {
display: inline-block;
line-height: normal;
position: relative;
font-size: 16px;
color: #6a6a6a;
padding-left: 5px;
}
.radio input[type="radio"]+span img {
vertical-align: text-top;
margin-left: 0.1875rem;
}
.radio input[type="radio"]+span:after {
content: "";
width: 23px;
height: 23px;
background: #fff;
border: 2px solid #e3e3e3;
border-radius: 50%;
position: absolute;
top: -1px;
left: -28px;
}
.radio input[type="radio"]:checked+span:after {
border-color: #179d86;
}
.radio input[type="radio"]:checked+span:before {
content: "";
position: absolute;
top: 4px;
left: -23px;
line-height: 1;
width: 13px;
height: 13px;
border-radius: 50px;
background: #179d86;
z-index: 1;
}
.radio_lang .radio_dash{
margin: 0 0 0 16px;
}
.radio_dash {
margin: 0;
padding-top: 0rem;
padding-left: 0px;
}
#redio_ul .radio_dash {
margin: 0;
padding-top: 0rem;
padding-left: 45px;
}
.radio_dash label {
padding-left: 28px;
margin: 0;
cursor: pointer;
margin-right: 10px !important;
}
.radio_dash label:not(:last-child) {
margin-right: 3.125rem;
}
@media screen and (max-width: 350px) {
.radio_dash label:not(:last-child) {
margin-right: 1.875rem;
}
}
.radio_dash input[type="radio"] {
display: none;
}
.radio_dash input[type="radio"]+span {
display: inline-block;
line-height: normal;
position: relative;
font-size: 16px;
color: #6a6a6a;
padding-left: 5px;
}
.radio_dash input[type="radio"]+span img {
vertical-align: text-top;
margin-left: 0.1875rem;
}
.radio_dash input[type="radio"]+span:after {
content: "";
width: 23px;
height: 23px;
background: #fff;
border: 2px solid #e3e3e3;
border-radius: 50%;
position: absolute;
top: -1px;
left: -28px;
}
.radio_dash input[type="radio"]:checked+span:after {
border-color: #179d86;
}
.radio_dash input[type="radio"]:checked+span:before {
content: "";
position: absolute;
top: 4px;
left: -23px;
line-height: 1;
width: 13px;
height: 13px;
border-radius: 50px;
background: #179d86;
z-index: 1;
}
.checkbox {
margin: 0;
padding: 0;
padding-bottom: 0.9375rem;
}
.checkbox label {
padding-left: 0px;
margin: 0;
cursor: pointer;
}
.checkbox label:not(:last-child) {
margin-right: 3.125rem;
}
.checkbox input[type="checkbox"] {
display: none;
}
.checkbox input[type="checkbox"]+span {
display: inline-block;
line-height: normal;
position: relative;
font-size: 16px;
color: #606161;
padding-left: 35px;
text-transform: uppercase;
min-height: 14px;
}
.checkbox input[type="checkbox"]+span img {
vertical-align: text-top;
margin-left: 0.1875rem;
}
.checkbox input[type="checkbox"]+span:after {
content: "";
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #179d86;
border-radius: 0;
position: absolute;
top: 0px;
left: 0px;
}
.checkbox input[type="checkbox"]:checked+span:after {
background: url(../../images/dashboard/icons.png) 1px -614px no-repeat;
}
.checkbox input[type="checkbox"]:disabled+span:after {
background-color: rgba(0, 0, 0, 0.2);
}
.inline-buttons {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
}
.inline-buttons .btn:not(:last-child) {
margin-right: 1.375rem;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #f7f7f7 !important;
cursor: not-allowed !important;
}
/*
Basic, low level typography
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 300;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin-top: 1em;
line-height: 1;
font-weight: 300;
}
.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
margin-top: 0;
}
h1 {
font-size: 2.4375rem;
color: #158f7a;
font-weight: 300;
margin: 1.375rem 0;
margin-top: 0px;
position: relative;
}
@media screen and (min-width:) {
h1 {
font-size: 2.25rem;
}
}
@media screen and (min-width:) {
h1 {
font-size: 2.4375rem;
}
}
h2 {
font-size: 1.75rem;
}
@media screen and (min-width:) {
h2 {
font-size: 1.5625rem;
}
}
@media screen and (min-width:) {
h2 {
font-size: 1.75rem;
}
}
h3 {
font-size: 1.625rem;
color: #158f7a;
margin: 0px;
padding: 0.9375rem 0px 2.8125rem 0px;
}
@media screen and (min-width:) {
h3 {
font-size: 15.375rem;
}
}
@media screen and (min-width:) {
h3 {
font-size: 1.625rem;
}
}
h4 {
font-size: 1.25rem;
}
@media screen and (min-width:) {
h4 {
font-size: 1.375rem;
}
}
@media screen and (min-width:) {
h4 {
font-size: 1.625rem;
}
}
h5 {
font-size: 1.125rem;
}
@media screen and (min-width:) {
h5 {
font-size: 1.25rem;
}
}
@media screen and (min-width:) {
h5 {
font-size: 1.375rem;
}
}
h6 {
font-size: 1rem;
margin-bottom: 1.875rem;
}
@media screen and (min-width:) {
h6 {
font-size: 0.875rem;
}
}
@media screen and (min-width:) {
h6 {
font-size: 1rem;
}
}
p {
color: #9e9e9e;
font-size: 1.125rem;
margin: 0.625rem 0;
line-height: 1.6;
}
p,
ul,
ol,
.blockquote,
.button-wrapper,
.media,
.table-wrapper {
margin-bottom: 1em;
}
p:last-child,
ul:last-child,
ol:last-child,
.blockquote:last-child,
.button-wrapper:last-child,
.media:last-child,
.table-wrapper:last-child {
margin-bottom: 0;
}
ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}
b,
strong {
font-weight: 700;
}
small {
font-size: 80%;
}
/*---
Self-contained content, with support for a caption:
```
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, facilis, sed non dolore excepturi beatae veritatis corporis cumque tempora quo harum voluptatem et, suscipit similique nisi necessitatibus perferendis dolores consectetur.
```
*/
figure img {
margin-left: auto;
margin-right: auto;
}
figcaption {
margin: 0.5em auto 0;
max-width: 30em;
font-style: italic;
text-align: center;
}
.label {
display: block;
margin-bottom: 0.5em;
cursor: pointer;
font-weight: 700;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
.form-control[readonly] {
background: transparent !important;
}
input,
select,
textarea {
appearance: none;
background-clip: border-box;
margin: 0;
outline: 0;
text-align: left;
vertical-align: top;
width: 100%;
}
input[type='checkbox'],
input[type='radio'] {
width: auto;
height: auto;
}
input[type='checkbox'] {
appearance: checkbox;
}
input[type='radio'] {
appearance: radio;
}
textarea,
select[size],
select[multiple] {
height: auto;
}
[disabled],
[disabled] * {
box-shadow: none;
cursor: not-allowed;
user-select: none;
}
form {
margin-bottom: 0;
}
.form-group {
margin-bottom: 1.25rem;
}
.form-group.row {
align-items: center;
}
.form-group.row>div {
position: relative;
}
.form-group a.change-password {
color: #3466fd;
font-size: 1rem;
text-decoration: underline !important;
display: inline-block;
}
.form-group a.change-password:hover {
color: #158f7a;
}
.form-group .error-msg {
text-align: right;
color: #d40000;
font-size: 0.75rem;
padding: 0.3125rem 1.25rem 0 0;
display: none;
position: absolute;
right: 0;
bottom: -27px;
}
@media screen and (max-width: 767px) {
.form-group .error-msg {
bottom: -20px;
}
}
.form-group.error .form-control {
border-color: #d40000;
}
.form-group.error .error-msg {
display: block;
}
.form-group span.icon {
position: absolute;
right: 25px;
top: 3px;
color: #158f7a;
}
.form-group .validation-msg {
font-size: 1rem;
position: absolute;
top: 41px;
right: 22px;
}
.form-group .validation-msg:after {
content: "\f00c";
font-family: FontAwesome;
font-size: 1.25rem;
}
.form-group .validation-msg.success {
color: #34a48f;
}
.form-group .validation-msg.error {
color: #cb333c;
}
.form-group .validation-msg.error:after {
content: "\f00d";
}
.form-group .currency {
color: #5cbe00;
font-size: 1rem;
position: absolute;
top: 45px;
right: 22px;
}
@media screen and (max-width: 767px) {
.form-group .currency {
top: 41px;
}
}
.form-group .info-text {
position: absolute;
right: 20px;
top: 42px;
color: #74c209;
font-size: 1rem;
}
.form-group iframe {
width: 100%;
border: 0;
height: 200px;
}
.form-group .button {
margin-top: 1.0625rem;
}
.control-label {
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
font-size: 0.9375rem;
color: #606161;
margin-bottom: 0;
text-transform: uppercase;
}
.control-label span {
color: #158f7a;
font-size: 1rem;
}
.control-label span.required{
color:red;
}
.form-control {
height: 30px;
font-size: 1.125rem;
color: #333333;
background-color: white;
outline: none;
padding: 6px 10px;
outline: none;
border: 1px solid #d8d8d8;
border-radius: 0px;
}
.form-control.amount {
padding-right: 2rem;
}
.form-control.active {
outline: none;
box-shadow: none;
}
.form-control::placeholder {
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
color: #333333;
font-size: 1.125rem;
}
.form-control:focus {
box-shadow: none;
border-color: #127c6a;
}
.form-control:disabled {
background: #f7f7f7 !important;
}
.form-control:readonly {
background: #f7f7f7;
}
.form-control.arabic {
text-align: right;
font-family: 'DroidArabicKufiRegular';
}
.form-control.arabic::placeholder {
font-family: 'DroidArabicKufiRegular';
font-weight: 400;
color: #333333;
font-size: 1.0625rem;
}
textarea.form-control {
resize: none;
height: auto;
padding: 0.375rem 0.75rem;
}
.col-gap-30 {
margin-left: -15px;
margin-right: -15px;
}
.col-gap-30>div {
padding-left: 15px;
padding-right: 15px;
}
.col-gap-60 {
margin-left: -30px;
margin-right: -30px;
}
.col-gap-60>div {
padding-left: 30px;
padding-right: 30px;
}
.lang-selector {
font-family: 'DroidArabicKufiRegular';
}
.dropdown .dropdown-menu {
min-width: 100%;
right: 0;
padding: 0;
border: 0;
border-radius: 0;
margin-top: 10px;
box-shadow: 1px 1px 12px 1px rgba(53, 71, 153, 0.2);
}
.dropdown .dropdown-menu .dropdown-item {
font-size: 1rem;
padding: 10px;
position: relative;
}
.dropdown .dropdown-menu .dropdown-item.active {
background-color: #158f7a;
color: #fff;
}
.dropdown .dropdown-menu .dropdown-item:hover:before {
position: absolute;
background-color: #158f7a;
content: "";
width: 3px;
height: 100%;
top: 0px;
left: 0px;
}
.dropdown .dropdown-menu .dropdown-item:active {
background-color: #158f7a;
color: #fff;
}
.dropdown .dropdown-menu .dropdown-item:active i {
color: #fff;
}
.dropdown .dropdown-item:focus,
.dropdown .dropdown-item:hover {
background: transparent;
color: #158f7a;
}
i.fa {
font-size: 1.25rem;
color: #5cbe00;
}
img.bg {
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.mCSB_scrollTools .mCSB_draggerRail {
background: #fff;
width: 5px;
border-radius: 0px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: #158f7a !important;
border-radius: 0px;
width: 5px;
opacity: 1;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background: #158f7a;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background: #158f7a;
}
.mCSB_scrollTools.mCSB_dragger_onDrag .mCSB_dragger_bar {
background: #158f7a;
}
.accordion-wrapper {
margin-top: 1.875rem;
padding-left: 8.75rem;
}
.accordion-wrapper .card {
border-radius: 0;
border: 1px solid #d8d8d8;
margin-bottom: 0.625rem;
}
.accordion-wrapper .card-header {
background-color: #ededed;
padding: .9rem 1.25rem;
border-bottom: 1px solid #d8d8d8;
}
.accordion-wrapper .card-header a {
color: #333333;
font-size: 1.25rem;
position: relative;
display: block;
}
.accordion-wrapper .card-header a:after {
content: '\f2fc';
font: normal normal normal 22px/1 'Material-Design-Iconic-Font';
color: #333333;
position: absolute;
right: 3px;
top: 50%;
transform: translateY(-50%);
border: 0;
width: auto;
height: auto;
margin: 0;
}
.accordion-wrapper .card-header a.collapsed:after {
content: '\f2f9';
}
.accordion-wrapper .card-body {
padding: 0;
border-radius: 0;
border: 0;
}
.accordion-wrapper .card-body .list-group .list-group-item {
border-radius: 0;
border: 0;
border-bottom: 1px solid #ededed;
margin-bottom: 0;
padding: .60rem 1.40rem;
}
.accordion-wrapper .card-body .list-group .list-group-item:last-child {
border-bottom: 0;
}
.accordion-wrapper .card-body .list-group .list-group-item:nth-child(even) {
background-color: #fafafa;
}
.accordion-wrapper .card-body .list-group .list-group-item a {
color: #606161;
font-size: 1.25rem;
}
.accordion-wrapper .card-body .list-group .list-group-item a.close-icon {
color: #ff0000;
font-size: 1.25rem;
float: right;
}
.accordion-wrapper .card-body .list-group .list-group-item a.close-icon:hover {
opacity: .7;
}
.tabs .nav-tabs {
border: 0;
}
.tabs .nav-tabs li {
transition: .4s all ease;
}
.tabs .nav-tabs li:not(:last-child) {
margin-right: 1.375rem;
}
.tabs .nav-tabs li a {
color: #333d49;
font-size: 1rem;
text-decoration: none;
transition: .4s all ease;
padding: 0.25rem 0.75rem;
}
.tabs .nav-tabs li a.active {
border: 1px solid #158f7a;
border-radius: 20px;
}
.tabs .tab-content {
padding-top: 1.875rem;
}
.btm-padd-0 {
padding-bottom: 0px;
}
.mt-30 {
margin-top: 1.875rem;
}
.content-box {
padding: 1.25rem 1.25rem 0.9375rem 1.25rem;
background: #fff;
border: 0;
box-shadow: 0px 0px 18px rgba(69, 92, 199, 0.1);
position: relative;
}
.content-box .content-head {
position: relative;
margin: 0px 0 30px 0;
border-bottom: 1px solid #ededed;
}
.content-box .content-head h2 {
font-weight: 300;
padding-bottom: 0.875rem;
padding-top: 0;
}
.content-box .content-head h2 a {
margin-right: 4.375rem;
}
.content-box .content-head:after {
position: absolute;
content: "";
width: 40px;
height: 65px;
background: url(../../images/dashboard/icons.png) 0px -410px no-repeat;
top: 50%;
transform: translateY(-50%);
margin-top: -12px;
right: 0px;
}
@media screen and (max-width: 1500px) {
.content-box .content-head:after {
zoom: .9;
}
}
@media screen and (max-width: 767px) {
.content-box .content-head:after {
display: none;
}
}
.modal {
text-align: center;
padding: 0 !important;
}
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px;
}
.modal .modal-dialog {
width: 600px;
display: inline-block;
text-align: left;
vertical-align: middle;
margin: 15px 0;
}
@media screen and (max-width: 600px) {
.modal .modal-dialog {
width: 95%;
}
}
@media (min-width: 576px) {
.modal .modal-dialog {
max-width: 100%;
}
}
.modal .modal-dialog .modal-content {
border: 0px;
border-radius: 6px;
}
.modal .modal-dialog .modal-content .modal-head {
color: #000;
font-size: 1.625rem;
font-weight: 300;
padding-bottom: 0.9375rem;
border-bottom: 1px solid #ededed;
}
.modal .modal-dialog .modal-content .modal-body {
padding: 1.25rem 2.1875rem;
}
.modal .modal-dialog .modal-content .popup-cross-icon {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
z-index: 999;
}
.modal .modal-dialog .modal-content .popup-cross-icon .fa {
color: #000;
}
.modal.large .modal-dialog {
width: 1000px;
}
@media screen and (max-width: 1050px) {
.modal.large .modal-dialog {
width: 95%;
}
}
.modal.medium .modal-dialog {
width: 650px;
}
@media screen and (max-width: 768px) {
.modal.medium .modal-dialog {
width: 95%;
}
}
.modal.small .modal-dialog {
width: 395px;
}
@media screen and (max-width: 552px) {
.modal.small .modal-dialog {
width: 95%;
}
}
.custom-table {
display: table;
width: 100%;
margin-top: 0rem;
}
.custom-table.table-small {
width: 85%;
}
.custom-table .thead {
background-color: #ededed;
}
.custom-table .thead .trow .table-cell {
font-weight: 400;
padding: 19px 5px 19px 5px;
}
.custom-table .tbody .trow .table-cell .material-switch label{
width: auto;
}
#book-appointment-fields .material-switch input[type="checkbox"]:disabled + label{
cursor: not-allowed;
}
.custom-table .trow {
display: table;
width: 100%;
table-layout: fixed;
border-bottom: 1px solid #ededed;
}
.custom-table .trow:nth-child(even) {
background: #fafafa;
}
.custom-table .trow .table-cell {
display: table-cell;
padding: 14px 8px 14px 8px;
font-size: .925rem;
font-weight: 300;
color: #000000;
word-wrap: break-word;
/*span{
display:block;
font-size:rem(16px);
font-weight:300;
color:#606161;
margin-top:3px;
}*/
}
@media screen and (min-width: 1600px) {
.custom-table .trow .table-cell {
font-size: 1rem;
}
}
.custom-table .trow .table-cell:first-child {
padding-left: 1.0625rem;
}
.custom-table .trow .table-cell:first-child a {
color: #000;
}
.custom-table .trow .table-cell:first-child a:hover {
color: #158f7a;
}
.custom-table .trow .table-cell label {
margin-bottom: 0;
}
.custom-table .trow .table-cell label.complete {
background-color: #179d86;
color: #fff;
font-weight: 600;
padding: 0.3125rem 0.75rem;
width: 120px;
}
.custom-table .trow .table-cell label.closed {
background-color: #606161;
color: #fff;
font-weight: 600;
padding: 0.3125rem 0.75rem;
width: 120px;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.custom-table .trow .table-cell label.complete {
width: 100%;
}
.custom-table .trow .table-cell label.closed {
width: 100%;
}
}
.custom-table .table-footer {
padding: 20px 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
ul.action-controls {
display: inline-flex;
}
ul.action-controls li:not(:last-child) {
margin-right: 0.4375rem;
}
ul.action-controls li a {
background-color: #179d86;
height: 30px;
width: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
ul.action-controls li a:hover {
background-color: #dbb086;
}
ul.action-controls li a.btn-active{
width: auto;
height: auto;
color: #fff;
border-radius: 20px;
padding: 8px 15px;
}
ul.action-controls li a i {
color: #ffffff;
font-size: 1rem;
}
input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
cursor: pointer;
display: block;
z-index: 8;
}
.table-button-row {
margin-bottom: 0.9375rem;
margin-top: 0.9375rem;
text-align: right;
}
.table-button-row h3 {
padding-bottom: 0;
padding-top: 0;
line-height: 17px;
}
.bootstrap-select .dropdown-menu li a span.text {
font-size: 1rem;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
padding-bottom: 1px;
}
#datepicker_inline .bootstrap-datetimepicker-widget {
font-size: 16px;
}
#datepicker_inline .bootstrap-datetimepicker-widget table {
border-top: 0;
}
#datepicker_inline .bootstrap-datetimepicker-widget table thead th {
border: 0;
}
#datepicker_inline .bootstrap-datetimepicker-widget table thead th.dow {
padding: 0.9375rem 0px;
}
#datepicker_inline .bootstrap-datetimepicker-widget table thead tr:first-child {
border-bottom: 1px solid #ededed;
}
#datepicker_inline .bootstrap-datetimepicker-widget table thead tr:first-child th {
color: #158f7a;
font-size: 1.4375rem;
font-weight: 400;
padding-bottom: 1.25rem;
}
#datepicker_inline .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
background: #fff;
}
#datepicker_inline .bootstrap-datetimepicker-widget table th {
font-size: 1.1875rem;
font-weight: 400;
}
#datepicker_inline .bootstrap-datetimepicker-widget table th.next>span.fa {
background: url(../../images/dashboard/icons.png) -17px -489px no-repeat;
width: 12px;
height: 20px;
display: inline-block;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td {
border-top: 0;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td.today {
position: relative;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td.today:before {
content: '';
position: absolute;
color: #ffffff;
font-weight: 700;
border-radius: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td.day {
height: 2.5em !important;
line-height: 60px;
border-radius: 10px;
}
#datepicker_inline .bootstrap-datetimepicker-widget .table-sm td,
#datepicker_inline .bootstrap-datetimepicker-widget .table-sm th {
padding: 0rem;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td.active,
#datepicker_inline .bootstrap-datetimepicker-widget table td.active:hover {
background-color: #158f7a;
border-radius: 10px;
}
#datepicker_inline .bootstrap-datetimepicker-widget table td.day:hover,
#datepicker_inline .bootstrap-datetimepicker-widget table td.hour:hover,
#datepicker_inline .bootstrap-datetimepicker-widget table td.minute:hover,
#datepicker_inline .bootstrap-datetimepicker-widget table td.second:hover {
background-color: #158f7a;
border-radius: 10px;
color: #fff;
}
.timepicker .timepicker-picker .bootstrap-datetimepicker-widget table tr {
display: table-cell;
}
.timepicker .timepicker-picker .bootstrap-datetimepicker-widget table button[data-action] {
min-width: 40px;
border-radius: 5px;
}
.bootstrap-datetimepicker-widget table td.day {
height: 30px;
line-height: 30px;
width: 30px;
}
.bootstrap-datetimepicker-widget table td span.active,
.bootstrap-datetimepicker-widget table td span:hover {
background-color: #158f7a;
color: #fff;
}
[data-width="7"] {
width: 7%;
}
[data-width="8"] {
width: 8%;
}
[data-width="9"] {
width: 9%;
}
[data-width="10"] {
width: 10%;
}
[data-width="11"] {
width: 11%;
}
[data-width="12"] {
width: 12%;
}
[data-width="13"] {
width: 13%;
}
[data-width="14"] {
width: 14%;
}
[data-width="15"] {
width: 15%;
}
[data-width="16"] {
width: 16%;
}
[data-width="17"] {
width: 17%;
}
[data-width="18"] {
width: 18%;
}
[data-width="19"] {
width: 19%;
}
[data-width="20"] {
width: 20%;
}
[data-width="21"] {
width: 21%;
}
[data-width="22"] {
width: 22%;
}
[data-width="23"] {
width: 23%;
}
[data-width="24"] {
width: 24%;
}
[data-width="25"] {
width: 25%;
}
[data-width="26"] {
width: 26%;
}
[data-width="27"] {
width: 27%;
}
[data-width="28"] {
width: 28%;
}
[data-width="30"] {
width: 30%;
}
[data-width="35"] {
width: 35%;
}
[data-width="40"] {
width: 40%;
}
[data-width="50"] {
width: 50%;
}
ul.pagination {
align-items: center;
justify-content: center;
padding-bottom: 1.25rem;
}
ul.pagination li:not(:last-child) {
margin-right: 1.875rem;
}
ul.pagination li.active a {
color: #ffffff;
background-color: #179d86;
height: 37px;
width: 37px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
}
ul.pagination li a {
font-size: 1.25rem;
color: #000000;
}
ul.pagination li a.arrows {
padding: 0 0.9375rem;
}
ul.pagination li a.arrows i {
font-size: 1.875rem;
line-height: 35px;
}
.upload-img {
border-radius: 50%;
overflow: visible;
border: 1px solid #e1e1e1;
position: relative;
width: 130px;
height: 130px;
z-index: 1;
}
.upload-img img {
max-width: 100%;
height: 100%;
width: 100%;
border-radius: 50%;
}
.upload-img:after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../../images/dashboard/icons.png) 6px -634px no-repeat;
content: "";
width: 75px;
height: 60px;
z-index: -1;
}
.upload-img span {
position: absolute;
width: 42px;
height: 42px;
border-radius: 50px;
background: #158f7a;
right: -3px;
bottom: 0;
border: 4px solid #fff;
z-index: 5;
}
.upload-img span i {
right: 50%;
transform: translate(50%, -50%);
color: #ffffff;
font-size: 1.4675rem;
top: 50%;
position: absolute;
}
.upload-btn {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
position: relative;
}
.upload-btn .file-btn {
position: relative;
margin-left: 1.25rem;
}
.upload-btn .btn-primary {
border: 0;
border-radius: 0;
min-width: auto;
padding: 0.3125rem 1.4375rem;
height: 30px;
}
.upload-btn .form-control {
border-right: 0;
}
.upload-btn .form-control:read-only {
background: #fff;
}
.uploaded-file {
background-color: #f0f2f9;
display: inline-block;
padding: 10px 12px 7px 10px;
min-width: 185px;
}
.uploaded-file i {
float: right;
font-size: 20px;
color: #cb333c;
cursor: pointer;
padding-left: 10px;
}
.uploaded-file i.download-icon{
color:#1e8b7b;
}
.uploaded-file i:first-child{
padding-right: 8px;
}
.uploaded-file i:hover {
opacity: .7;
}
.note {
color: #606161;
font-size: 1rem;
font-style: italic;
margin-top: 5px;
}
.info-label {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 1rem;
color: #606161;
right: 24px;
}
.material-switch>input[type="checkbox"] {
display: none;
}
.material-switch>input[type="checkbox"]:checked+label:before {
background: #8bcec2;
opacity: 1;
}
.material-switch>input[type="checkbox"]:checked+label:after {
background: #148975;
left: 20px;
}
.material-switch>label {
cursor: pointer;
height: 0px;
position: relative;
top: 2px;
width: 45px;
}
.material-switch>label::before {
background: black;
box-shadow: unset;
border-radius: 8px;
content: '';
height: 16px;
margin-top: -8px;
position: absolute;
opacity: 0.3;
transition: all 0.4s ease-in-out;
width: 45px;
}
.material-switch>label::after {
background: white;
border-radius: 16px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
content: '';
height: 30px;
left: -6px;
margin-top: -12px;
position: absolute;
top: -4px;
transition: all 0.3s ease-in-out;
width: 30px;
}
.list-inline {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.detail-list ul {
display: flex;
}
.detail-list ul li {
margin-bottom: 0.5rem;
}
.detail-list ul li:first-child {
width: 21%;
}
.pull-right {
float: right;
}
.timepicker-picker .btn {
min-width: auto;
color: #606161;
}
.timepicker-picker .btn.btn-primary {
background: #dbb086;
color: #fff;
}
.inner-scroll {
max-height: 165px;
}
.header {
position: relative;
Padding: 0 1.5625rem 0 0;
height: 80px;
width: 100%;
background: #f1f1f5;
display: flex;
/*flex-wrap: wrap;*/
align-items: center;
}
.header .logo {
background: #fff;
width: 255px;
height: 100%;
display: flex;
align-items: center;
justify-content: left;
padding-left: 10px;
}
.header .logo a {
text-decoration: none;
display: flex;
align-items:center;
}
.header .logo a span {
font-size: 1.75rem;
color: #717482;
font-weight: 300;
margin-left: 1.875rem;
vertical-align: middle;
}
.header .search {
position: relative;
width: 310px;
padding-left: 2.5rem;
padding-top: 20px;
}
.header .search .form-control {
background: #e2e3ea;
border-radius: 50px;
height: auto;
padding-left: 45px;
padding-right: 1.5625rem;
border: 0;
line-height: 40px;
}
.header .search .form-control::placeholder {
color: #717482;
opacity: 0.8;
}
.header .search button {
position: absolute;
background: none;
border: 0px;
background: url(../../images/dashboard/icons.png);
width: 19px;
height: 20px;
left: 12px;
top: 50%;
transform: translateY(-50%);
}
.header .search .search-bar {
position: relative;
}
.header .search .close-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: none;
}
.header .search .close-icon .fa {
color: #929292;
font-size: 20px;
}
.header .search .close-icon:hover {
opacity: .7;
}
.header .dashboard-links {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: center;
flex: 1;
justify-content: flex-end;
}
.header .dashboard-links ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.header .dashboard-links ul li {
position: relative;
}
.header .dashboard-links ul li:not(:last-child) {
margin-right: 3.125rem;
}
.header .dashboard-links ul li.notification .counter {
position: absolute;
width: 25px;
height: 25px;
background: #158f7a;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 50px;
color: #fff;
font-size: 1rem;
left: 13px;
top: -13px;
font-weight: 700;
}
.header .dashboard-links ul li.notification .cross-icon {
position: relative;
/* right: 0;
left: auto; */
top: 8px;
color: #929292;
}
.header .dashboard-links ul li.notification .cross-icon:hover {
opacity: .8;
}
@media screen and (max-width: 767px) {
.header .dashboard-links ul li.notification img {
max-width: 18px;
}
.header .dashboard-links ul li.notification .counter {
font-size: 0.875rem;
width: 20px;
height: 20px;
top: -9px;
left: 9px;
line-height: 20px;
}
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu {
width: 300px;
margin-top: 20px;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .dropdown-item {
white-space: normal;
font-weight: 300;
font-size: 1rem;
/*padding-right: 10px;*/
padding-right: 22px;
position: relative;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .dropdown-item span {
color: #000;
font-weight: 500;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .mCSB_inside>.mCSB_container {
padding-top: 0px;
margin-right: 15px;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .inner-scroll {
height: 165px;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-divider {
margin-top: 0;
}
.header .dashboard-links ul li.notification .view-all {
display: block;
text-align: center;
padding: 5px 0px 12px 0px;
color: #158f7a;
}
.header .dashboard-links ul li.notification .view-all:hover {
opacity: .8;
}
.header .dashboard-links ul li.user-profile:before {
position: absolute;
content: "";
height: 46px;
width: 1px;
background: #dadce5;
left: -24px;
}
.header .dashboard-links ul li.user-profile a {
text-decoration: none;
display: block;
}
.header .dashboard-links ul li.user-profile a img {
vertical-align: bottom;
}
.header .dashboard-links ul li.user-profile a .user-name {
display: inline-block;
padding-left: 15px;
color: #000;
font-weight: 400;
font-size: 1.125rem;
}
.header .dashboard-links ul li.user-profile a .user-name:hover {
opacity: .8;
}
.header .dashboard-links ul li.user-profile a span {
display: block;
color: #158f7a;
padding-bottom: 3px;
}
.header .dashboard-links ul li.user-profile i {
vertical-align: middle;
color: #a6abbf;
margin-right: 0.875rem;
width: 24px;
max-width: 24px;
}
.header .dashboard-links ul li.user-profile .dropdown-item {
position: relative;
padding-left: 45px;
white-space: normal;
word-break: break-word;
}
.header .dashboard-links ul li.user-profile .dropdown-item:after {
display: inline-block;
content: "account_circle";
font-family: 'Material Icons';
position: absolute;
left: 10px;
font-size: 24px;
color: #a6abbf;
top: 3px;
}
.header .dashboard-links ul li.user-profile .dropdown-item.setting:after {
content: "settings";
}
.header .dashboard-links ul li.user-profile .dropdown-item.logout:after {
content: "vpn_key";
}
.header .dashboard-links ul li.user-profile .dropdown-item:active:after {
color: #fff;
}
.header .dashboard-links ul li.user-profile .dropdown-toggle::after {
border: 0;
}
.header .dropdown-toggle::after {
border: 0;
}
.header .mCSB_scrollTools .mCSB_draggerContainer {
top: 6px;
}
.trigger-search {
background: #e2e3ea;
border-radius: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0.625rem;
padding-bottom: 0.3125rem;
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
display: none;
}
.trigger-search span.search-icon {
position: absolute;
background: none;
border: 0px;
background: url(../../images/dashboard/icons.png);
width: 19px;
height: 20px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.active-search .header .search>.search-bar {
opacity: 1;
z-index: 9999;
width: 80%;
top: 65px;
transition: .8s all ease;
}
.active-search .header .search .form-control {
height: 40px;
line-height: 40px;
}
.active-search .header .search button {
left: 12px;
}
.active-search .header .search .trigger-search>span.search-icon {
display: none;
}
.active-search .header .search .trigger-search span.close-icon {
display: inline-block;
}
@media screen and (max-width: 1200px) {
.header .dashboard-links ul li.notification .dropdown .dropdown-menu {
width: 250px;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .inner-scroll {
height: 140px;
}
}
@media screen and (max-width: 991px) {
.header .search {
width: 214px;
padding-left: 0.5rem;
}
.header .search button {
left: 20px;
}
.header .logo {
width: 225px;
}
.header .dashboard-links ul li:not(:last-child) {
margin-right: 20px;
}
.header .dashboard-links ul li.user-profile:before {
left: -10px;
}
}
@media screen and (max-width: 767px) {
.header .search {
width: 100%;
max-width: 245px;
/*button{
left:50px;
}*/
}
.header .logo {
width: 66px !important;
}
.header .logo a {
overflow: hidden;
}
.header .logo a span {
display: none;
}
}
@media screen and (max-width: 667px) {
.header .search {
max-width: 50px;
padding-left: 0.625rem;
padding-top: 0;
}
.header .search .form-control {
padding-right: 2.5rem;
}
.header .search>.search-bar {
opacity: 0;
z-index: -1;
position: fixed;
top: 80px;
}
.header .dashboard-links ul li.user-profile:before {
height: 35px;
}
.trigger-search {
display: block;
}
}
@media screen and (max-width: 500px) {
.header .lang-selector {
font-size: 0.9375rem;
}
.header .dashboard-links ul li.user-profile a img {
width: 30px;
height: 30px;
}
.header .dashboard-links ul li.user-profile a .user-name {
padding-left: .4rem;
font-size: 0.9375rem;
}
.header .dashboard-links ul li:first-child {
margin-right: 1.125rem;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu {
transform: translate3d(-21px, 17px, 0px) !important;
}
.header .dashboard-links ul li.notification .counter {
top: -10px;
left: 8px;
}
}
@media screen and (max-width: 450px) {
.header .dashboard-links ul li.user-profile:before {
left: -13px;
}
.header .dashboard-links ul li.user-profile .dropdown .dropdown-menu {
transform: translate3d(-60px, 30px, 0px) !important;
right: auto;
}
.header .dashboard-links ul li.user-profile:before {
height: 35px;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu {
transform: translate3d(-164px, 17px, 0px) !important;
}
.header .dashboard-links ul li.notification .dropdown .dropdown-menu .dropdown-item {
padding-right: 25px;
}
}
@media screen and (max-width: 414px) {
.header {
padding-right: 1.125rem;
}
.header .logo {
width: 62px !important;
}
.header .dashboard-links ul li.user-profile {
padding-top: 0.3125rem;
}
.header .dashboard-links ul li.user-profile a .user-name {
display: block;
padding: 0.3125rem 0 0 0;
}
.header .dashboard-links ul li.user-profile:before {
top: 50%;
transform: translateY(-50%);
}
.header .trigger-search {
width: 35px;
height: 35px;
}
}
.copyright {
background: #319785;
padding: 1.25rem 0px;
text-align: center;
color: #fff;
font-size: 0.9375rem;
}
.appoinment-details .content-box {
padding-bottom: 2.1875rem;
margin-top: 3.125rem;
}
.appoinment-details .content-box .content-head:after {
content: none;
}
.appoinment-details .content-box .content-head h3 {
padding-bottom: 1.25rem;
padding-top: 0;
}
.appoinment-details .content-box .detail-list ul li {
font-size: 1rem;
margin-bottom: 1.125rem;
}
.appoinment-details .content-box .detail-list ul li:first-child {
width: auto;
margin-right: 0.5rem;
color: #606161;
text-transform: uppercase;
}
.appoinment-details .notes {
padding-top: 1.5625rem;
}
.appoinment-details .notes textarea.form-control {
height: 172px;
}
.appoinment-details .notes .form-group.row {
align-items: flex-start;
}
.appoinment-details .notes .button-row {
padding-bottom: 0;
}
.appoinment-details .notes .button-row .inline-buttons .btn:not(:last-child) {
margin-right: 1.5625rem;
}
.case-details.chat .content-box {
padding-left: 2rem;
padding-right: 2rem;
}
.case-details.chat .content-box .content-body .button {
text-align: right;
}
.case-details.chat .content-box .content-body .button p {
font-size: 1rem;
font-weight: 300;
font-style: italic;
margin-top: 2px;
}
.case-details.chat .content-box .content-body .chat-wrapper {
padding: 3.75rem 0 0 0;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box {
background-color: #fafafa;
padding: 2.0625rem 1.25rem 2.0625rem 1.5625rem;
color: #606161;
font-size: 1.125rem;
line-height: 24px;
margin-bottom: 2rem;
position: relative;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .image {
width: 100px;
height: 100px;
border-radius: 50px;
overflow: hidden;
margin-right: 3.125rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .chat-msg {
padding-right: 6.25rem;
margin-left: -1.9375rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .chat-msg P {
line-height: 1.3;
color: #606161;
margin: 0;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .save-files {
margin-top: 0.625rem;
padding-right: 6.25rem;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .save-files li a {
color: #4f7afd;
font-size: 1.25rem;
text-decoration: underline !important;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .save-files li a i {
vertical-align: middle;
margin-right: 6px;
font-size: 1.625rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .chat-msg {
padding-right: 0rem;
padding-left: 6.25rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .chat-msg .date-time {
left: 16px !important;
right: auto;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .chat-msg P {
text-align: right;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .image {
margin-left: 3.125rem;
margin-right: 0;
}
.case-details.chat .content-box .content-body .chat-wrapper form .form-group {
position: relative;
}
.case-details.chat .content-box .content-body .chat-wrapper form .form-group .form-control {
height: 172px;
}
.case-details.chat .content-box .content-body .chat-wrapper form .form-group .action-controls {
position: absolute;
right: 10px;
bottom: 8px;
}
.case-details.chat .content-box .content-body .chat-wrapper form button {
margin-top: 5px;
}
.case-details.chat .content-box .content-body .chat-wrapper .date-time {
position: absolute;
right: -40px;
bottom: -28px;
font-size: 1rem;
color: #606161;
font-style: italic;
}
.case-details.chat .content-box .content-body .chat-wrapper .flex-row-reverse .chat-box .chat-msg {
padding-right: 0;
padding-left: 6.25rem;
}
.password {
margin-bottom: 1.875rem;
position: relative;
}
.password .change-password {
position: absolute;
bottom: -25px;
}
/* modal css */
.complain-report form {
padding-top: 1.75rem;
}
.complain-report form textarea.form-control {
height: 110px;
}
.complain-report form .button-row {
position: relative;
padding-top: 3.4375rem;
padding-bottom: 0.625rem;
}
.complain-report form .button-row span {
position: absolute;
left: 0;
top: 7px;
color: #606161;
font-weight: 600;
font-style: italic;
font-size: 1.125rem;
}
.complain-report form .button-row .btn-default {
margin-right: 1.25rem;
}
.photo-gallery.gallery-section {
margin-bottom: 0;
}
.photo-gallery.gallery-section ul.action-controls {
right: 0;
left: auto !important;
bottom: 0 !important;
transform: unset !important;
}
.photo-gallery.gallery-section .upload-img {
border: 3px solid #158f7a;
}
.photo-gallery.gallery-section .upload-img:after {
content: none;
}
.photo-gallery.gallery-section .upload-img label {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 600;
font-size: 1.25rem;
color: #606161;
margin-bottom: 0;
width: 100%;
}
.appointments-detail .accordion-wrapper {
padding-left: 0;
}
.appointments-detail .accordion-wrapper #accordion .card-body .list-group-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.appointments-detail .accordion-wrapper #accordion .card-body .list-group-item a {
border-bottom: 1px solid #929292;
}
.appointments-detail .accordion-wrapper #accordion .card-body .list-group-item span {
font-size: 1.25rem;
color: #606161;
}
.pb-15 {
padding-bottom: 0.9375rem;
}
.discount.action-buttons .checkout-count {
margin-right: 1.875rem;
}
.discount.action-buttons .checkout-count ul li {
width: 50%;
font-size: 1.375rem;
}
.discount.action-buttons .inlin-buttons .btn:not(:last-child) {
margin-right: 0.75rem;
}
#chartdiv {
width: 100%;
height: 500px;
}
.search-overlay {
position: fixed;
width: 100%;
height: 100%;
background: transparent;
left: 0;
top: 0;
z-index: 999;
display: none;
}
.active-search .search-overlay {
display: block;
z-index: 999;
}
.content-wrapper {
display: flex;
min-height: calc((100vh - 80px));
}
.content-wrapper .menu {
width: 255px;
height: auto;
padding: 30px 0;
background: #319785 url(../../images/dashboard/side-menu-bg.png) top center no-repeat;
position: relative;
transition: all 0.5s ease;
z-index: 999;
}
.content-wrapper .menu:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #319785;
left: 0;
top: 0;
opacity: .7;
}
.content-wrapper .menu .toggle-menu {
position: absolute;
width: 30px;
height: 28px;
background: url(../../images/dashboard/icons.png) -41px 6px no-repeat;
background-color: #f2a90c;
right: -30px;
top: 0;
}
.content-wrapper .menu ul li {
/*position: relative;
cursor: pointer;
padding: 13px 20px 13px 20px; */
padding: 0px 20px;
padding-left: 0px;
position: relative;
padding-right: 0;
}
.content-wrapper .menu ul li:not(:last-child) {
margin-bottom: 0.9375rem;
}
.content-wrapper .menu ul li a:before {
position: absolute;
content: "";
width: 30px;
height: 26px;
left: 20px;
top: 50%;
transform: translateY(-50%);
}
.content-wrapper .menu ul li:hover {
background-color: #127c6a;
}
.content-wrapper .menu ul li:hover.has-submenu:after {
right: 16px;
}
.content-wrapper .menu ul li a {
font-family: "Open Sans", sans-serif;
font-weight: 400;
color: #fff;
/*padding-left: 50px;*/
padding-left: 70px;
white-space: nowrap;
position: relative;
cursor: pointer;
display: block;
padding-bottom: 13px;
padding-top: 13px;
height: 44px;
}
.content-wrapper .menu ul li.second-opinion a:before {
width: 32px;
height: 24px;
background: url(../../images/dashboard/icons.png) 0px -742px no-repeat;
}
.content-wrapper .menu ul li.lab-services a:before {
width: 29px;
height: 25px;
background: url(../../images/dashboard/icons.png) 0 -775px no-repeat;
}
.content-wrapper .menu ul li.Patient a:before {
width: 30px;
height: 34px;
background: url(../../images/dashboard/icons.png) 0px -55px no-repeat;
}
.content-wrapper .menu ul li.customer-service a:before {
width: 70px;
height: 70px;
background: url(../../images/svg/shutterstock_748503217.svg) center center no-repeat;;
}
.content-wrapper .menu ul li.appointment-logs a:before {
width: 30px;
height: 50px;
background: url(../../images/svg/appointment_logs.svg) center center no-repeat;;
}
.content-wrapper .menu ul li.offer_menu a:before {
width: 30px;
height: 30px;
background: url(../../images/dashboard/icons.png) -98px -40px no-repeat;
}
.content-wrapper .menu ul li.credit-management a:before {
width: 30px;
height: 30px;
background: url(../../images/svg/credit_management.svg) center center no-repeat;;
}
.content-wrapper .menu ul li.users a:before {
width: 35px;
height: 20px;
background: url(../../images/dashboard/icons.png) -96px 0px no-repeat;
}
.content-wrapper .menu ul li.staffs a:before {
width: 35px;
height: 20px;
background: url(../../images/dashboard/icons.png) -96px 0px no-repeat;
}
.content-wrapper .menu ul li.departments a:before {
width: 33px;
height: 31px;
background: url(../../images/dashboard/icons.png) -137px -1px no-repeat;
}
.content-wrapper .menu ul li.doctors a:before {
width: 30px;
height: 34px;
background: url(../../images/dashboard/icons.png) 0px -85px no-repeat;
}
.content-wrapper .menu ul li.hospital a:before {
width: 30px;
height: 30px;
background: url(../../images/dashboard/icons.png) 0px -125px no-repeat;
}
.content-wrapper .menu ul li.appointments a:before {
width: 30px;
height: 30px;
background: url(../../images/dashboard/icons.png) 0px -154px no-repeat;
}
.content-wrapper .menu ul li.booking_appointments a:before {
width: 30px;
height: 30px;
background-image: url(../../images/svg/bookings_appointments.svg);
background-repeat: no-repeat;
}
.content-wrapper .menu ul li.has-submenu:after {
content: "";
position: absolute;
width: 15px;
height: 21px;
background: url(../../images/dashboard/icons.png) -20px 0px no-repeat;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: .4s all ease;
}
.content-wrapper .menu ul li.reports a:before {
width: 30px;
height: 28px;
background: url(../../images/dashboard/icons.png) 0px -186px no-repeat;
}
.content-wrapper .menu ul li.reports .sub-menu {
display: none;
position: absolute;
background-color: #127c6a;
min-width: 160px;
z-index: 1;
top: 0;
right: calc(-100% - -45px);
width: 210px;
}
.content-wrapper .menu ul li.reports .sub-menu li {
padding: 0.625rem 3.375rem;
padding-left: 20px;
transition: .4s all ease;
}
.content-wrapper .menu ul li.reports .sub-menu li:not(:last-child) {
margin-bottom: 0;
border-bottom: 1px solid #fff;
}
.content-wrapper .menu ul li.reports .sub-menu li a {
padding: 0;
height: auto;
}
.content-wrapper .menu ul li.reports .sub-menu li a:before {
display: none;
}
.content-wrapper .menu ul li.reports .sub-menu li:hover {
opacity: .8;
}
.content-wrapper .menu ul li.reports:hover .sub-menu {
display: block;
}
.content-wrapper .menu ul li.vouchers a:before {
width: 30px;
height: 30px;
background: url(../../images/dashboard/icons.png) 0px -216px no-repeat;
}
.content-wrapper .menu ul li.offers a:before {
width: 30px;
height: 30px;
background: url(../../images/dashboard/icons.png) -98px -40px no-repeat;
}
.content-wrapper .right-side {
flex: 1;
background: #f9f9fc;
padding-left: 2.5rem;
padding-right: 1.5625rem;
padding-bottom: 1.875rem;
padding-top: 1.5625rem;
}
.content-wrapper .right-side .admin-reporting {
margin-bottom: 1.875rem;
}
.content-wrapper .right-side .admin-reporting .card {
width: 100%;
background: #fff;
border: 0;
padding: 1.25rem 1.5625rem 1.25rem 0.9375rem;
flex-direction: row;
align-items: center;
box-shadow: -1px 7px 7px -1px rgba(69, 92, 199, 0.1);
}
.content-wrapper .right-side .admin-reporting .card .card-body {
padding: 0;
display: inline-flex;
align-items: center;
font-size: 16px;
}
.content-wrapper .right-side .admin-reporting .card:before {
position: absolute;
content: "";
width: 30px;
height: 50px;
background: url(../../images/dashboard/icons.png) 0px -357px no-repeat;
right: 15px;
zoom: .8;
}
.content-wrapper .right-side .admin-reporting .card .heading {
padding-left: 0.9375rem;
color: #158f7a;
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
font-size: 1.125rem;
}
.content-wrapper .right-side .admin-reporting .card .heading span {
color: #000;
font-size: 1.75rem;
font-weight: 600;
display: block;
}
.content-wrapper .right-side .admin-reporting .card .image {
position: relative;
width: 4.6875em;
height: 4.6875em;
overflow: hidden;
border-radius: 100%;
}
.content-wrapper .right-side .admin-reporting .card .image:after {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 45px;
height: 42px;
background: url(../../images/dashboard/icons.png) 0px -304px no-repeat;
transform: translate(-50%, -50%);
zoom: .7;
}
.content-wrapper .right-side .admin-reporting .card .image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #158f7a;
left: 0;
top: 0;
opacity: .5;
border-radius: 100%;
}
.content-wrapper .right-side .admin-reporting .card .image img {
height: 100%;
}
.content-wrapper .right-side .admin-reporting .card.clinic .heading {
color: #f3963b;
}
.content-wrapper .right-side .admin-reporting .card.clinic .image:after {
width: 30px;
height: 52px;
background-position: 0px -250px;
}
.content-wrapper .right-side .admin-reporting .card.clinic .image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #f2a90c;
left: 0;
top: 0;
opacity: .5;
border-radius: 50px;
}
.content-wrapper .right-side .admin-reporting .card.doctor .heading {
color: #3268fb;
}
.content-wrapper .right-side .admin-reporting .card.doctor .image:after {
width: 34px;
height: 52px;
background-position: -36px -250px;
}
.content-wrapper .right-side .admin-reporting .card.doctor .image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #2e64f8;
left: 0;
top: 0;
opacity: .8;
border-radius: 50px;
}
.content-wrapper .right-side .admin-reporting .card.patient .heading {
color: #ff6634;
}
.content-wrapper .right-side .admin-reporting .card.patient .image:after {
width: 30px;
height: 52px;
background-position: 0px -250px;
}
.content-wrapper .right-side .admin-reporting .card.patient .image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: #ff6634;
left: 0;
top: 0;
opacity: .9;
border-radius: 50px;
}
.content-wrapper .right-side .upcoming-apointments h2 {
padding-left: 15px;
}
.content-wrapper .right-side .upcoming-apointments .content-box {
padding-bottom: 0;
height: 100%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .content-head {
margin-bottom: 0.9375rem;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell {
padding: 0.9375rem;
font-size: 1.25rem;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:nth-child(3) {
text-align: right;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell .image {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell .image img {
/*max-width: 100%;*/
height: 100%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:first-child {
width: 40%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:nth-child(2) {
width: 35%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell label {
display: block;
font-size: 1rem;
font-weight: 300;
color: #606161;
margin-top: 3px;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell p {
font-weight: 300;
color: #606161;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .btn-default {
padding: 0.75rem 1.375rem;
font-family: "Lato", sans-serif;
font-weight: 700;
text-transform: capitalize;
min-width: auto;
}
.paging-label {
font-size: 1rem;
color: #606161;
font-weight: 300;
}
.appointment-chart {
margin-top: 1.875rem;
}
.appointment-chart .content-box {
padding-top: 2.1875rem;
padding-bottom: 0;
}
.appointment-chart .content-box .content-head {
border-bottom: 0;
}
.appointment-chart .content-box .content-head h2 {
padding-top: 0;
}
.appointment-chart .content-box .content-head:after {
content: none;
}
.appointment-chart .content-box .content-head .btn-group .btn {
border-radius: 0 !important;
min-width: 114px;
padding: 0.9rem 1.2rem;
}
.appointment-chart .content-box .content-head .btn-group .btn.active {
position: relative;
}
.appointment-chart .content-box .content-head .btn-group .btn.active:after {
content: '';
background-color: #fff;
height: 1px;
width: 62%;
position: absolute;
bottom: 11px;
left: 50%;
transform: translateX(-50%);
}
.appointment-chart .content-box .content-head .btn-group .btn:focus {
box-shadow: none !important;
}
.appointment-chart .content-box .nav-item {
padding: 0px 1.25rem;
background: #158f7a;
}
.appointment-chart .content-box .nav-item .btn {
border-radius: 0px;
font-size: 1.125rem;
padding: 0.9375rem 0.125rem;
position: relative;
min-width: auto;
}
.appointment-chart .content-box .nav-item .btn:focus {
outline: none;
box-shadow: none;
}
.appointment-chart .content-box .nav-item .btn.active:after {
content: "";
position: absolute;
height: 1px;
width: 100%;
background: #fff;
bottom: 8px;
left: 0px;
}
.appointment-chart .content-box .chart-wrapper {
position: relative;
}
@media screen and (max-width: 767px) {
.appointment-chart .content-box .chart-wrapper {
width: 800px;
overflow: scroll;
}
}
.appointment-chart .content-box .chart-wrapper .tab-content {
min-height: 600px;
}
.appointment-chart .content-box .chart-wrapper canvas {
width: 100% !important;
}
.appointment-chart .content-box .chart-wrapper #bar-chart {
height: 500px;
min-width: 300px;
}
.appointment-chart .content-box .chart-wrapper .highcharts-legend {
margin-top: 30px;
}
.appointment-chart .content-box .chart-wrapper .highcharts-legend-item.highcharts-column-series rect {
y: -2;
}
.appointment-chart .content-box .chart-wrapper .highcharts-credits {
display: none;
}
.add-doctor .content-box h2 {
border-bottom: 1px solid #ededed;
}
.add-doctor .content-box .image {
position: absolute;
left: 25px;
zoom: .6;
}
.add-doctor .content-box .image span {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50px;
background: #158f7a;
right: -3px;
bottom: 0;
border: 4px solid #fff;
}
.add-doctor .content-box .image span:after {
position: absolute;
content: "";
}
.add-doctor form {
max-width: 1000px;
margin: auto;
padding: 20px;
}
.menu-closed .header .logo {
width: 66px;
overflow: hidden;
}
.menu-closed .header .logo a span {
font-size: 0px;
height: 0px;
display: none;
}
.menu-closed .menu {
width: 66px !important;
}
.menu-closed .menu ul li {
width: 100%;
/*padding: 22px 0px;*/
}
.menu-closed .menu ul li a {
/*display: none;*/
}
.menu-closed .menu ul li a span {
display: none;
}
.menu-closed .menu ul li.has-submenu:after {
right: 10px;
}
.menu-closed .menu ul li.has-submenu .sub-menu {
right: calc(-100% - 92px);
width: 150px;
}
.menu-closed .menu ul li.has-submenu .sub-menu li {
padding-right: 0;
}
.menu-closed .menu ul li.has-submenu .sub-menu li a {
display: block;
font-size: 1rem;
}
.menu-closed .menu ul li:hover.has-submenu:after {
right: 8px;
}
.calendar-wrapper {
background: #fff;
margin: 0;
padding: 20px;
padding-bottom: 40px;
height: 100%;
box-shadow: 0px 0px 18px rgba(69, 92, 199, 0.1);
}
.calendar-wrapper .appointments-schedule {
text-align: center;
position: relative;
border-top: 1px solid #ededed;
padding-top: 25px;
}
.calendar-wrapper .appointments-schedule:after {
position: absolute;
content: "";
width: 40px;
height: 65px;
background: url(../../images/dashboard/icons.png) 0px -410px no-repeat;
bottom: -25px;
right: 0px;
display: none;
}
@media screen and (max-width: 767px) {
.calendar-wrapper .appointments-schedule:after {
display: none;
}
}
.calendar-wrapper .appointments-schedule h3 {
font-size: 1.375rem;
padding-bottom: 0;
padding-top: 0;
color: #000;
font-weight: 400;
}
.calendar-wrapper .appointments-schedule ul {
margin-top: 1.6875rem;
}
.calendar-wrapper .appointments-schedule ul li {
display: inline-block;
width: 49%;
position: relative;
}
.calendar-wrapper .appointments-schedule ul li h3 {
margin-top: 55px;
margin-bottom: 0;
}
.calendar-wrapper .appointments-schedule ul li span {
font-size: 1.875rem;
font-weight: 700;
color: #179d86;
}
.calendar-wrapper .appointments-schedule ul li span.cancel {
color: #cb333c;
}
.calendar-wrapper .appointments-schedule ul li:before {
position: absolute;
content: "";
width: 44px;
height: 46px;
background: url(../../images/dashboard/icons.png) 0px -564px no-repeat;
left: 50%;
transform: translateX(-50%);
}
.calendar-wrapper .appointments-schedule ul li:first-child {
border-right: 1px solid #e4e6ec;
}
.calendar-wrapper .appointments-schedule ul li:first-child:before {
background-position: 0 -516px;
}
.working-days {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
}
.working-days li:not(:last-child) {
margin-right: 2.1875rem;
}
.working-days .checkbox label {
width: 20px;
height: 20px;
}
.working-days .checkbox input[type="checkbox"]+span {
display: block;
padding-left: 0px;
padding-top: 25px;
text-align: center;
}
.time-picker {
position: relative;
}
.time-picker .form-control {
padding-left: 30px;
}
.time-picker span {
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%);
font-size: 1.25rem;
color: #a0a0a0;
}
.seprator {
position: absolute;
content: '-';
height: 2px;
width: 10px;
background-color: #adadad;
top: 15px;
left: 50%;
transform: translateX(-50%);
}
.inline-checkboxes {
display: flex;
flex-wrap: wrap;
margin-top: 1.25rem;
}
.inline-checkboxes li:not(:last-child) {
margin-right: 1.875rem;
}
.inline-checkboxes .checkbox input[type="checkbox"]+span {
padding-left: 2rem;
text-transform: uppercase;
}
.input-action {
position: relative;
}
.input-action a {
position: absolute;
height: 29px;
width: 29px;
border-radius: 50%;
background-color: #179d86;
display: flex;
align-items: center;
justify-content: center;
right: -35px;
top: 0;
}
.input-action a.remove {
background-color: #ff0000;
}
.input-action a:hover {
opacity: .5;
}
.input-action a i {
color: #ffffff;
font-size: 1.25rem;
}
.checkbox.clear {
padding-top: 0.4375rem;
}
.checkbox.clear input[type="checkbox"]+span {
font-size: 0.9375rem;
}
.search-bar {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin-bottom: 1.25rem;
}
.search-bar .back-btn {
background-color: #158f7a;
height: 30px;
width: 27px;
border-radius: 3px;
position: relative;
margin-right: 0.9375rem;
}
.search-bar .back-btn:hover {
background: #dbb086;
}
.search-bar .back-btn:after {
position: absolute;
content: "";
width: 10px;
height: 17px;
background: url(../../images/dashboard/icons.png) -1px -698px no-repeat;
bottom: 7px;
right: 8px;
}
.search-bar span.icon {
color: #adb1c4;
}
.search-bar span.icon i {
font-size: 1.5625rem;
}
.clndr-tooltip {
width: 195px;
background-color: #fff;
z-index: 1000;
padding: 0.75rem;
position: absolute;
top: 0px;
left: 0px;
color: #000000;
font-size: 0.75rem;
display: none;
border: solid 1px #f2f2f2;
border-bottom: solid 3px #179d86;
box-shadow: 0px 14px 20px rgba(34, 46, 101, 0.2);
}
.clndr-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
margin-right: -6px;
right: 0px;
top: 10px;
}
.clndr-tooltip p {
color: #000;
font-size: 0.8125rem;
margin: 0px;
}
.clndr-tooltip p:first-child {
border-bottom: solid 1px #f2f2f2;
padding-bottom: 8px;
margin-bottom: 8px;
}
.clndr-tooltip p span {
font-weight: 700;
font-size: 1rem;
padding-left: 5px;
}
.clndr-tooltip .scheduled {
color: #179d86;
}
.clndr-tooltip .cancelled {
color: #cb333c;
}
.clndr-tooltip.left-pos:after {
border-right: 6px solid #fff;
border-left: 0;
right: auto;
left: 0;
margin-left: -6px;
}
.search-box {
position: relative;
}
.search-box span {
position: absolute;
right: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #adb1c4;
font-size: 1.5625rem;
}
.search-box span i {
line-height: 32px;
}
.fields-group {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.fields-group .control-label {
padding: 0px 1.5625rem;
color: #606161;
font-size: 1rem;
text-transform: uppercase;
}
.fields-group .icon-holder {
flex: 1;
}
.fields-group.date-time .control-label {
min-width: 145px;
padding-right: 0px;
padding-left: 0px;
padding-left: 1.875rem;
}
.fields-group.discount>div {
position: relative;
flex: 1;
padding-left: 8px;
}
.fields-group.discount>div .info-label {
right: 12px;
}
.fields-group.discount .percentage {
width: 25%;
}
.fields-group.discount .dis-value {
width: 28%;
}
.fields-group.discount .seperator {
padding-left: 2.5rem;
padding-right: 0.9375rem;
font-size: 1.25rem;
color: #606161;
}
.icon-holder {
position: relative;
}
.icon-holder .form-control {
padding-left: 32px;
}
.icon-holder span.icon {
position: absolute;
left: 8px;
right: auto;
top: 50%;
transform: translateY(-50%);
color: #a0a0a0;
}
.icon-holder span.icon i {
color: #b8b7b7;
font-size: 1.25rem;
line-height: 1.5;
}
#datepicker[readonly],
#datepicker2[readonly],
#timepicker[readonly],
#timepicker2[readonly] {
background: #fff;
}
.action-buttons {
margin-bottom: 0.625rem;
}
.action-buttons .inline-buttons .btn:not(:last-child) {
margin-right: 0.9375rem;
}
.checkout-count {
background: #f9ece1;
padding: 1.125rem 1.25rem;
flex: 1;
margin-right: 50px;
font-size: 1.375rem;
color: #333333;
}
.checkout-count ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.checkout-count ul li {
width: 40%;
}
.checkout-count span {
font-weight: 300;
padding-left: 5px;
}
a.back {
position: absolute;
right: 10px;
font-size: 1.125rem;
color: #158f7a;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "Lato", sans-serif;
font-weight: 700;
}
a.back i {
vertical-align: middle;
font-size: 1.75rem;
padding-right: 1px;
}
.patient-info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.patient-info .image {
width: 110px;
height: 110px;
border-radius: 50%;
margin-right: 1.5625rem;
overflow: hidden;
}
.patient-info .image img {
max-width: 100%;
height: 100%;
}
.patient-info .info h5 {
font-size: 1.625rem;
font-weight: 400;
color: #000;
margin-bottom: 0.3125rem;
}
.patient-info .info li {
font-size: 1rem;
font-weight: 300;
padding-bottom: 0.4375rem;
}
.patient-info .info li:last-child {
padding-bottom: 0px;
}
.patient-info .info li span {
background: url(../../images/dashboard/icons.png) 0px 0px no-repeat;
width: 15px;
height: 18px;
display: inline-block;
margin-right: 0.625rem;
vertical-align: middle;
}
.patient-info .info li span.age {
background-position: -37px -196px;
}
.patient-info .info li span.dob {
background-position: -57px -195px;
}
.patient-info .info li span.gender {
background-position: -42px -81px;
}
.patient-info .info li span.male {
background-position: -62px -81px;
}
.patient-details .content-box {
height: 100%;
}
.patient-details .patient-no {
color: #696b76;
font-size: 1.25rem;
}
.patient-details .patient-no span {
display: inline-block;
padding-left: 1.75rem;
}
.patient-details .print-row {
padding: 1.125rem 0px 0.75rem;
}
.patient-details .content-head {
margin-bottom: 1rem;
}
.patient-details .content-head:after {
display: none;
}
.patient-details .content-head h2 {
color: #158f7a;
font-size: 1.625rem;
padding-top: 0.125rem;
padding-bottom: 1.0625rem;
padding-left: 1.25rem;
}
.patient-details .content-head.appointments {
border-top: 1px solid #ededed;
padding: 1.25rem 0px;
margin-top: 0.3125rem;
margin-bottom: 0px;
}
.patient-details .content-head.appointments h2 {
padding-bottom: 0px;
padding-top: 0px;
margin-bottom: 0.75rem;
}
.patient-details .content-body {
padding: 0px 1.75rem;
}
@media screen and (max-width: 1200px) {
.patient-details .content-body {
padding: 0px 0.625rem;
}
}
.patient-details .detail-list li {
color: #9e9e9e;
font-size: 1rem;
text-transform: uppercase;
padding-bottom: 1.5625rem;
margin-bottom: 0px;
}
.patient-details .detail-list li:first-child {
width: 45px;
min-width: 45px;
}
@media screen and (max-width: 1200px) {
.patient-details .detail-list li:first-child {
width: 30px;
min-width: 30px;
}
}
.patient-details .detail-list li i {
color: #afb3c5;
font-size: 1.75rem;
}
.patient-details .detail-list li span {
display: block;
color: #333333;
padding-top: 0.5rem;
font-size: 1.125rem;
text-transform: none;
}
.patient-details .sort-by {
width: 150px;
margin-right: 1.25rem;
margin-left: auto;
margin-top: 0.625rem;
}
.patient-details .sort-by .btn-light {
background: transparent;
color: #333333;
font-size: 1.125rem;
padding: 0.3125rem 0.3125rem 0.3125rem 0px;
border-radius: 0px;
border-bottom: solid 1px #d8d8d8;
font-weight: 400;
}
.patient-details .appointment-list .appointment-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
border-bottom: solid 1px #ededed;
padding: 1.5625rem 1.25rem;
font-size: 16px;
}
.patient-details .appointment-list .appointment-row:last-child {
border-bottom: 0px;
}
.patient-details .appointment-list .appointment-row .image {
width: 3.75em;
height: 3.75em;
border-radius: 50%;
overflow: hidden;
margin-right: 1.25rem;
}
.patient-details .appointment-list .appointment-row .image img {
max-width: 100%;
}
.patient-details .appointment-list .appointment-row .app-info {
flex: 1;
}
@media screen and (min-width: 1025px) {
.patient-details .appointment-list .appointment-row .app-info .title {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
}
.patient-details .appointment-list .appointment-row .app-info .title h6 {
margin-bottom: 0px;
font-size: 1.125rem;
font-weight: 400;
}
.patient-details .appointment-list .appointment-row .app-info .app-date {
color: #333333;
font-size: 0.875rem;
}
.patient-details .appointment-list .appointment-row .app-info .app-date i {
color: #afb3c5;
vertical-align: middle;
font-size: 1.5rem;
}
.patient-details .appointment-list .appointment-row .app-info .doc-info {
color: #606161;
font-weight: 300;
padding-top: 0.3125rem;
}
@media screen and (max-width: 1200px) {
.patient-details .appointment-list .appointment-row {
padding: 0.9375rem 0.625rem;
font-size: 15px;
}
.patient-details .appointment-list .appointment-row .app-info .app-date {
padding-top: 3px;
}
}
.patient-details .patient-medical-info li {
color: #606161;
}
.patient-details .patient-medical-info li .icon {
background: url(../../images/dashboard/icons.png) 0px 0px no-repeat;
width: 30px;
height: 30px;
display: inline-block;
}
.patient-details .patient-medical-info li .icon.height {
background-position: -43px -99px;
width: 16px;
}
.patient-details .patient-medical-info li .icon.weight {
background-position: -69px -129px;
height: 26px;
width: 26px;
}
.patient-details .patient-medical-info li .icon.blood-pressure {
background-position: -62px -101px;
height: 24px;
width: 26px;
}
.patient-details .patient-medical-info li .icon.heart-rate {
background-position: -62px -26px;
height: 24px;
width: 25px;
}
.patient-details .patient-medical-info li .icon.blood-sugar {
background-position: -38px -133px;
height: 27px;
width: 27px;
}
.patient-details .patient-medical-info li .icon.bmi {
background-position: -67px -158px;
height: 30px;
width: 30px;
}
@media screen and (max-width: 1200px) {
.patient-details .patient-medical-info li .icon {
zoom: 0.8;
}
}
.patient-details .medical-conditions h3 {
font-size: 1.4375rem;
font-weight: 300;
color: #000000;
margin-bottom: 1.5625rem;
padding-bottom: 0px;
padding-top: 0px;
}
.patient-details .medical-conditions ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.patient-details .medical-conditions ul li {
width: 190px;
}
.patient-details .medical-conditions ul .checkbox input[type="checkbox"]+span {
font-size: 1.125rem;
}
.patient-details .medical-conditions ul .checkbox input[type="checkbox"]+span:after {
top: 4px;
}
@media screen and (max-width: 1200px) {
.patient-details .medical-conditions ul li {
width: 50%;
}
.patient-details .medical-conditions ul .checkbox input[type="checkbox"]+span {
font-size: 1rem;
}
.patient-details .medical-conditions ul .checkbox input[type="checkbox"]+span:after {
top: 4px;
}
}
.patient-details .medical-details-info h6 {
display: block;
font-size: 1rem;
color: #606161;
padding: 0px;
margin: 0px;
padding-bottom: 0.375rem;
text-transform: uppercase;
font-weight: 400;
}
.patient-details .extra-medical-details {
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
padding: 1.5625rem 1.75rem;
color: #333333;
font-size: 1.125rem;
padding-bottom: 0px;
margin-top: 1.125rem;
}
.patient-details .extra-medical-details .empty {
color: #afb3c5;
font-size: 1.25rem;
}
.patient-details .extra-medical-details .row>div {
margin-bottom: 2.5rem;
}
.patient-details .extra-medical-details .allergy {
line-height: 1.2;
}
.patient-details .uploaded-files {
padding: 1.5625rem 1.75rem;
}
.patient-details.patient-profile-modal h3 {
padding-bottom: 1.75rem;
}
.patient-details.patient-profile-modal .medical-details-info {
border-top: solid 1px #ededed;
margin-top: 1.25rem;
padding-top: 0.3125rem;
}
.patient-details.patient-profile-modal .medical-conditions ul li {
width: 33.3%;
}
.patient-details.patient-profile-modal .appointment-list .appointment-row {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0px;
}
.patient-details.patient-profile-modal .appointment-list .appointment-row:first-child {
padding-top: 0px;
}
.patient-details.patient-profile-modal .appointment-list.inner-scroll {
max-height: 230px;
}
.uploaded-files ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.uploaded-files ul li {
background: #cfd1dc;
height: 35px;
display: flex;
align-items: center;
position: relative;
align-items: center;
padding: 0px 10px;
margin-right: 1.25rem;
margin-bottom: 0.5rem;
}
.uploaded-files ul li span {
padding-left: 1.875rem;
}
.uploaded-files ul li a {
display: inline-block;
color: #179d86;
}
.uploaded-files ul li a.delete {
color: #cb333c;
}
.uploaded-files ul li a i {
font-size: 1.25rem;
}
.uploaded-files ul li a:hover {
opacity: 0.7;
}
.photo-gallery {
margin-bottom: 2.5rem;
text-align: center;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.photo-gallery .gallery-items {
position: relative;
font-size: 16px;
}
.photo-gallery .gallery-items:not(:last-child) {
margin-right: 2.1875rem;
}
.photo-gallery .image {
width: 132px;
height: 132px;
border-radius: 50%;
overflow: hidden;
}
.photo-gallery .image img {
max-width: 100%;
height: 100%;
}
.photo-gallery ul.action-controls {
display: inline-flex;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 45px;
}
.photo-gallery ul.action-controls li:not(:last-child) {
margin-right: 0.3125rem;
}
.photo-gallery ul.action-controls li a {
background-color: #179d86;
height: 34px;
width: 34px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
border: 3px solid #fff;
}
.photo-gallery ul.action-controls li a:hover {
background-color: #dbb086;
}
.photo-gallery ul.action-controls li a i {
color: #ffffff;
font-size: 1.125rem;
}
.photo-gallery a.label {
color: #606161;
font-weight: 600;
display: inline-block;
padding-top: 1.875rem;
border-bottom: 2px solid #bababa;
}
.photo-gallery a:hover {
color: #158f7a;
}
.mb-20 {
margin-bottom: 1.25rem;
}
.about-us textarea.form-control {
height: 185px;
}
.checkbox.small {
padding-bottom: 0;
}
.checkbox.small input[type="checkbox"]+span:after {
zoom: 0.8;
top: 2px;
}
.total {
color: #333333;
font-size: 1.25rem;
}
.total span {
font-weight: 300;
}
.mt-50 {
margin-top: 3.125rem;
}
.restrictions {
margin: 3.125rem 0px;
}
.restrictions h4 {
color: #cb333c;
font-size: 1.125rem;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 1.25rem;
}
.restrictions .control-label {
color: #000;
font-size: 1rem;
text-transform: none;
}
.restrictions .note {
color: #333333;
opacity: 0.8;
font-size: 1rem;
padding-left: 1.875rem;
}
.restrictions .form-control {
width: 65px;
}
.voucher-code {
background: #f9ece1;
text-transform: uppercase;
color: #000;
font-size: 1.25rem;
display: inline-block;
padding: 0.375rem 0.625rem;
}
.case-details .case-no {
color: #696b76;
font-size: 1.25rem;
margin-top: 1.625rem;
margin-bottom: 0.75rem;
}
.case-details .content-box {
padding-bottom: 2.1875rem;
}
.case-details .content-box .content-head:after {
content: none;
}
.case-details .content-box .content-head h3 {
padding-bottom: 1.5625rem;
}
.case-details .content-box .content-body .medical-questions label.question {
color: #606161;
font-size: 1rem;
text-transform: uppercase;
margin-bottom: 0.9375rem;
}
.case-details .content-box .content-body .medical-questions .answer {
background-color: #fafafa;
padding: 0.9375rem 6.25rem 1.25rem 1.25rem;
height: 172px;
color: #606161;
font-size: 1.125rem;
line-height: 24px;
margin-bottom: 2rem;
}
.case-details .content-box form {
padding-right: 0px;
}
.case-details .uploaded-files {
margin-top: 2.5rem;
}
.case-details .uploaded-files h6 {
margin-bottom: 0.9375rem;
color: #606161;
font-size: 1rem;
text-transform: uppercase;
}
.inbox-messages {
margin-top: 3.125rem;
}
.inbox-messages .tbody>div {
background-color: #f6f6f6;
}
.inbox-messages .tbody>div:not(:last-child) {
margin-bottom: 0.625rem;
}
.inbox-messages .tbody>div :nth-child(even) {
background-color: #fafafa;
}
.inbox-messages .tbody .trow {
border-bottom: 0;
}
.inbox-messages .tbody .trow .table-cell {
font-weight: 400;
padding: 0.9375rem 0.625rem 0.9375rem 0.625rem;
color: #606161;
background: transparent;
}
.inbox-messages .tbody .trow .sender {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-center;
font-size: 16px;
}
.inbox-messages .tbody .trow .sender .image {
border-radius: 100%;
overflow: hidden;
width: 3.75em;
height: 3.75em;
}
.inbox-messages .tbody .trow .sender .image img {
max-width: 100%;
}
.inbox-messages .tbody .trow .sender .sender-name {
font-size: 1.25rem;
margin-left: 1.25rem;
display: inline-block;
color: #000;
background: transparent;
}
.inbox-messages .tbody .trow .sender .sender-name span {
color: #34a48f;
font-size: 1rem;
font-weight: 600;
}
.inbox-messages .tbody .trow .sender .sender-name span.closed {
color: #ff0000;
}
@media screen and (max-width: 1200px) {
.inbox-messages .tbody .trow .sender {
font-size: 14px;
}
.inbox-messages .tbody .trow .sender .sender-name {
font-size: 1.125rem;
margin-left: 1.125rem;
}
}
.inbox-messages .tbody .trow .detail {
line-height: normal;
}
.inbox-messages .tbody .trow .date {
font-size: 1.25rem;
line-height: normal;
}
@media screen and (max-width: 1200px) {
.inbox-messages .tbody .trow .date {
font-size: 1.125rem;
}
}
.search-form .checkbox {
padding-bottom: 0px;
}
.easy-autocomplete {
width: 100% !important;
}
h3.form-sub-heading {
padding-top: 2.1875rem;
padding-bottom: 1.875rem;
}
.slots-heading{
padding-top: 2.1875rem;
padding-bottom: 1rem;
}
.upload-btn+.checkbox.small {
padding-top: 5px;
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
.table-wrapper {
overflow: hidden;
overflow-x: auto;
}
.table-wrapper>div {
width: 1250px;
}
}
@media screen and (min-width: 1800px) {
.content-box form {
padding-right: 200px;
}
}
@media screen and (max-width: 1500px) {
.content-wrapper .right-side .admin-reporting .card {
font-size: 16px;
}
.content-wrapper .right-side .admin-reporting .card .image {
width: 3.125em;
height: 3.125em;
}
.content-wrapper .right-side .admin-reporting .card .heading span {
font-size: 1.375rem;
}
}
@media screen and (max-width: 1300px) {
.content-wrapper .right-side .admin-reporting .card .heading {
padding-left: 0.625rem;
}
.action-buttons.d-flex {
flex-direction: column;
align-items: flex-start !important;
}
.discount.action-buttons .checkout-count {
margin-bottom: 1.375rem;
margin-right: 0;
width: 60%;
}
}
@media screen and (max-width: 1200px) {
.header .logo a span {
font-size: 1.25rem;
}
.content-wrapper .menu {
position: absolute;
height: 100%;
}
.content-wrapper .right-side {
padding-left: 1.375rem;
width: 100%;
}
.content-wrapper .right-side .admin-reporting {
margin-bottom: 0px;
}
.content-wrapper .right-side .admin-reporting .row>div {
margin-bottom: 1.25rem;
}
.content-wrapper .right-side .admin-reporting .card .heading span {
font-size: 1.5625rem;
margin-top: 0.625rem;
}
.content-wrapper .right-side>h1 {
margin-top: 1rem;
}
.upcoming-apointments .row>div {
margin-bottom: 1.25rem;
}
.appointment-chart {
margin-top: 0.3125rem;
}
.menu-active {
overflow: hidden;
height: 100%;
}
.menu-active .content-wrapper .menu {
left: 0;
}
.menu-closed .content-wrapper .menu {
left: -68px !important;
}
}
@media screen and (max-width: 1024px) {
.btn.btn-white {
padding: 0.375rem 1.625rem;
margin-left: -13px;
}
.working-days li:not(:last-child) {
margin-right: 1.5rem;
}
.upload-btn .btn-primary {
line-height: 1.4;
}
.photo-gallery {
font-size: 16px;
}
.photo-gallery .image {
width: 7.1875em;
height: 7.1875em;
}
.photo-gallery.gallery-section .upload-img {
width: 7.1875em;
height: 7.1875em;
}
}
@media screen and (max-width: 991px) {
.responsive-table-big .thead {
display: none;
}
.responsive-table-big .trow {
display: block;
border: solid 2px #eaeaea;
border-bottom: 0px;
margin-bottom: 10px;
}
.responsive-table-big .trow:nth-child(even) {
background: none;
}
.responsive-table-big .trow>.table-cell {
display: flex !important;
align-items: center;
width: 100% !important;
padding-left: 0px !important;
border-bottom: solid 2px #dee2e6 !important;
padding: 0;
}
.responsive-table-big .trow>.table-cell.actions:before {
display: none;
}
.responsive-table-big .trow>.table-cell:before {
color: #999999;
padding-left: 6px;
text-align: left;
font-weight: normal;
font-size: 0.9375rem;
content: attr(data-label);
display: table-cell;
width: 35%;
border-right: solid 2px #dee2e6;
vertical-align: middle;
padding: 0.9375rem 0.625rem;
margin-right: 0.9375rem;
line-height: 1.3;
}
.responsive-table-big .trow>.table-cell:last-child {
padding-right: 0;
padding: 0.4375rem 0;
}
.responsive-table-big .trow>.table-cell:last-child:before {
border: 0;
}
.responsive-table-big .trow>.table-cell .list-inline {
padding-left: 0.5rem;
padding-bottom: 0.3125rem;
}
.responsive-table-big .trow>.table-cell .list-inline li:not(:last-child) {
margin-bottom: 0rem;
margin-right: 3.125rem;
}
.responsive-table-big .trow>.table-cell:nth-child(even) {
background: #fafafa;
}
.responsive-table-big .trow .checkbox input[type="checkbox"]+span {
padding-bottom: 0.550rem;
}
.photo-gallery .gallery-items {
margin-bottom: 1rem;
}
.photo-gallery .gallery-items:not(:last-child) {
margin-right: 1.375rem;
}
.appoinment-details .d-flex,
.case-details .d-flex {
flex-direction: column;
}
.appoinment-details .d-flex .patient-info,
.case-details .d-flex .patient-info {
margin-bottom: 1.875rem;
}
.discount.action-buttons .checkout-count {
width: 100%;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .chat-msg {
padding-right: 1.375rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .chat-msg {
padding-left: 1.375rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .date-time {
right: -30px;
}
.inbox-messages .trow {
display: flex !important;
align-items: center;
flex-wrap: wrap;
}
.inbox-messages .table-cell:nth-child(1) {
width: 35% !important;
}
.inbox-messages .table-cell:nth-child(2) {
width: 65% !important;
}
.inbox-messages .table-cell:nth-child(3) {
width: 35% !important;
}
.inbox-messages .table-cell:nth-child(4) {
width: 65% !important;
}
.content-wrapper .menu {
width: 225px;
}
.appointment-chart .content-box .content-head .btn-group .btn {
min-width: auto;
}
}
@media screen and (max-width: 768px) {
.inline-buttons .btn {
margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 767px) {
.scroll-wrapper {
overflow: hidden;
overflow-x: auto;
}
.scroll-wrapper>div {
width: 800px;
}
.responsive-table .thead {
display: none;
}
.responsive-table .trow {
display: block;
border: solid 2px #eaeaea;
border-bottom: 0px;
margin-bottom: 10px;
}
.responsive-table .trow:nth-child(even) {
background: none;
}
.responsive-table .trow>.table-cell {
display: flex !important;
align-items: center;
width: 100% !important;
padding-left: 0px !important;
border-bottom: solid 2px #dee2e6 !important;
padding: 0;
}
.responsive-table .trow>.table-cell.actions:before {
display: none;
}
.responsive-table .trow>.table-cell:before {
color: #999999;
padding-left: 6px;
text-align: left;
font-weight: normal;
font-size: 0.9375rem;
content: attr(data-label);
display: table-cell;
width: 35%;
border-right: solid 2px #dee2e6;
vertical-align: middle;
padding: 0.9375rem 0.625rem;
margin-right: 0.9375rem;
line-height: 1.3;
}
.responsive-table .trow>.table-cell:last-child {
padding-right: 0;
padding: 0.4375rem 0;
}
.responsive-table .trow>.table-cell:last-child:before {
border: 0;
}
.responsive-table .trow>.table-cell .list-inline {
padding-left: 0.5rem;
padding-bottom: 0.3125rem;
}
.responsive-table .trow>.table-cell .list-inline li:not(:last-child) {
margin-bottom: 0rem;
margin-right: 3.125rem;
}
.responsive-table .trow>.table-cell:nth-child(even) {
background: #fafafa;
}
.responsive-table .trow .checkbox input[type="checkbox"]+span {
min-height: auto;
padding-bottom: 0.550rem;
}
.control-label {
margin-bottom: 0.75rem;
margin-top: 0.75rem;
}
.inline-buttons .btn:not(:last-child) {
margin-right: 0.5rem;
}
.upload-btn+.checkbox.small {
padding-bottom: 0.9375rem;
}
#datepicker[readonly],
#datepicker2[readonly],
#timepicker[readonly],
#timepicker2[readonly] {
margin-bottom: 0;
}
.btn.btn-white.add {
margin-top: 1.25rem;
margin-left: 0;
}
.accordion-wrapper {
padding-left: 0;
}
.info-label {
top: 15px;
}
.about-us textarea.form-control {
height: 120px;
}
.content-box .content-head h2 a {
margin-right: 0;
}
.case-details .content-box .content-body .medical-questions .answer {
padding-right: 1.25rem;
padding-bottom: 1.5625rem;
height: auto;
}
.case-details .content-box .content-body .medical-questions label.question {
line-height: 1.4;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .image {
margin-right: 0;
margin-bottom: 1.5625rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box.flip .image {
margin-left: 0;
margin-top: 3.5625rem;
margin-bottom: 0;
float: right;
}
.inbox-messages .table-cell:nth-child(1) {
width: 100% !important;
}
.inbox-messages .table-cell:nth-child(2) {
width: 100% !important;
}
.patient-details .patient-details-wrapper>div {
padding-bottom: 1.5625rem;
}
.custom-table.table-small {
width: 100%;
}
.patient-details .extra-medical-details .allergy {
line-height: 1.4;
}
}
@media screen and (max-width: 575px) {
.input-action>.form-control {
max-width: 90%;
}
.input-action a {
right: 15px;
}
.upload-btn+.checkbox.small {
padding-top: 1rem;
}
.appoinment-details .notes textarea.form-control {
height: 120px;
}
.table-button-row.d-flex {
flex-direction: column;
}
.table-button-row h3 {
margin-bottom: 1.25rem;
}
.margin-top-sm {
margin-top: 1rem;
}
.voucher-code {
margin-top: 0.625rem;
}
.discount.action-buttons .checkout-count ul li {
width: 100%;
}
.discount.action-buttons .checkout-count ul li:first-child {
margin-bottom: 0.625rem;
}
.patient-info .image {
width: 90px;
height: 90px;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .image {
width: 75px;
height: 75px;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .save-files {
padding-right: 3rem;
}
.content-box .content-head h2 a {
float: none;
display: block;
max-width: 177px;
margin-top: 1.25rem;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell {
width: 30%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:nth-child(3) {
width: 19%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:nth-child(2) {
width: 40%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:first-child {
width: 35%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:first-child span {
display: block;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell .image {
margin-right: 0;
margin-bottom: 0.625rem;
}
.patient-details.patient-profile-modal .medical-conditions ul li {
width: 50%;
}
.fields-group.date-time .control-label {
min-width: 100%;
display: block;
padding-left: 0;
}
}
@media screen and (max-width: 500px) {
.inline-buttons.wrap-in-responsive {
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (max-width: 450px) {
.fields-group .icon-holder:first-child {
margin-right: 1.875rem;
}
.fields-group.date-time .control-label {
padding-left: 0;
}
.fields-group.date-time .icon-holder:first-child {
margin-right: 0rem;
}
.fields-group .control-label {
padding: 0;
}
.text-seprater.fields-group .icon-holder:first-child {
margin: 0;
}
.text-seprater.fields-group .control-label {
padding: 0 0.625rem;
}
.fields-group.discount>div {
flex: none;
}
.fields-group.discount .percentage,
.fields-group.discount .dis-value {
width: 100%;
}
.fields-group.discount .seperator {
width: 100%;
text-align: center;
padding: 1.25rem 0;
padding-bottom: 0;
}
.responsive-table-big.sm .trow>.table-cell:before {
width: 28%;
}
.patient-medical-info .row>div {
flex: 0 0 100%;
max-width: 100%;
}
.patient-medical-info .row .detail-list ul li:last-child span {
display: inline-block;
margin-left: 1.25rem;
}
}
@media screen and (max-width: 414px) {
.input-action a {
right: 10px;
}
.uploaded-files ul {
flex-direction: column;
align-items: flex-start;
}
.uploaded-files ul li {
margin-right: 0;
}
a.back {
top: 0;
}
.scroll-wrapper>div {
width: 500px;
}
.content-wrapper .right-side>h1 {
padding-top: 1.25rem;
}
.photo-gallery {
justify-content: center;
}
.inline-buttons {
justify-content: center;
}
}
@media screen and (max-width: 400px) {
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:first-child {
width: 100%;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:first-child span {
display: inline-block;
margin-left: 0.625rem;
}
.content-wrapper .right-side .upcoming-apointments .content-box .custom-table .trow .table-cell:nth-child(2) {
width: 75%;
}
.inline-buttons.wrap-in-responsive {
flex-direction: column;
display: inline-block;
}
.inline-buttons.wrap-in-responsive .btn {
width: 100%;
}
}
@media screen and (max-width: 350px) {
ul.pagination li:not(:last-child) {
margin-right: 1.125rem;
}
.case-details.chat .content-box .content-body .chat-wrapper .chat-box .save-files {
padding-right: 1.25rem;
}
.inline-buttons .btn {
min-width: 110px;
}
.photo-gallery .gallery-items {
font-size: 14px;
}
.patient-details .medical-conditions ul .checkbox input[type="checkbox"]+span {
padding-left: 28px;
}
}
.advance-search-wrapper {
display: none;
}
.advance-search {
color: #3466fd;
font-size: 1rem;
text-decoration: underline !important;
display: inline-block;
}
.hospital-book-appointment #datepicker_inline .bootstrap-datetimepicker-widget table th.next>span.fa {
background: none;
}
.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
float: none;
display: block;
width: 100%;
text-align: right;
}
.appointment-holder {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 6px;
text-align: center;
padding-top: 3.75rem;
font-size: 16px;
}
@media screen and (max-width: 991px) {
.appointment-holder {
padding-top: 1.25rem;
}
}
.appointment-holder a {
position: relative;
font-size: 16px;
}
.appointment-holder span {
background: #158f7a;
width: 2.1875em;
height: 2.1875em;
border-radius: 50%;
color: #fff;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
position: absolute;
top: -20px;
left: -8px;
font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
.appointment-holder span {
width: 1.875em;
height: 1.875em;
}
}
@media screen and (max-width: 667px) {
.appointment-holder span {
width: 1.5625em;
height: 1.5625em;
left: 0px;
top: -25px;
}
}
@media screen and (max-width: 500px) {
.appointment-holder span {
font-size: 1rem;
top: -15px;
}
}
.appointment-holder img {
max-width: 60%;
}
@media screen and (max-width: 991px) {
.appointment-holder img {
max-width: 50%;
}
}
@media screen and (max-width: 500px) {
.appointment-holder img {
max-width: 60%;
}
}
@media screen and (max-width: 414px) {
.appointment-holder img {
max-width: 80%;
}
}
.appointment-placeholder {
display: none !important;
}
.account-login {
height: 100vh;
}
@media screen and (min-width: 768px) {
.account-login {
overflow: hidden;
}
}
.account-login .container {
height: 100%;
}
.dashboard-login {
max-width: 500px;
margin: auto;
padding: 3.125rem 0px;
}
@media screen and (min-width: 768px) {
.dashboard-login {
position: relative;
top: 50%;
transform: translateY(-50%);
padding: 0px;
}
}
.dashboard-login .logo img {
max-width: 150px;
}
.dashboard-login .content-box {
margin-top: 1.5625rem;
}
.dashboard-login .content-box form {
padding-right: 0px;
}
.dashboard-login .content-box form .button-row {
padding-bottom: 0.9375rem;
}
.dashboard-login .content-box form .btn {
padding-top: 0.4375rem;
}
.dashboard-login .content-box form .forgot {
display: inline-block;
padding-top: 0.5rem;
}
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
.add-intervals h3.form-sub-heading {
border-top: 1px solid #ededed;
margin-top: 1.8rem;
padding-top: 1.1875rem; }
@media screen and (max-width: 1024px) {
.btn.generate {
margin-left: 0;
}
}
div.MultiFile-list{}
div.MultiFile-list div.MultiFile-label{
padding-bottom: 0.75rem;
margin-bottom: 0.9375rem;
display: inline-block;
padding: 0px 15px;
}
div.MultiFile-label .MultiFile-remove{
color: #a7a8a8;
font-size: 1.3rem;
float:right;
padding-left: 8px;
}
.text-danger input, .text-danger button, .text-danger span.select2 {
border-color: #dc3545 !important;
}
.text-danger span.select2 {
border-style: solid;
border-width:1px;
}
.dropdown .profile-dropdown-menu {
width: 170px;
right: 0;
padding: 0;
border: 0;
border-radius: 0;
margin-top: 10px;
box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.3);
}
/*# sourceMappingURL=main.css.map */
.select2-container--default .select2-selection--single .select2-selection__arrow {
right: 6px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
margin-top: 0px;
border-top: 5px solid;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #179d86;
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%); }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #179d86 transparent;
border-width: 0 5px 5px 5px; }
.form-group .telephone {
display: flex; }
.form-group .telephone .country-picker {
width: 110px;
border: 1px solid #d8d8d8;
height: 30px;
border-right: 0;
padding-left: 10px; }
.form-group .telephone .phone-input {
width: calc(100% - 110px);
position: relative; }
.form-group .telephone .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
color: #333333 !important; }
#parsley-id-multiple-working_days {
position: absolute;
top: 56px;
left: 13px;
color: red;
}
#id_working_days li:first-child label{
margin: 0;
}
.doc-leaves .form-control{
height: 60px;
}
.table_data_cell .table-cell {
padding: 7px 8px 7px 8px !important;
vertical-align: middle;
}
.table_data_cell .table-cell .form-group {
margin-bottom: 0px;
}
.table_data_cell .table-cell:nth-child(5) input, .table_data_cell .table-cell:nth-child(6) input {
width: 140px;
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #419687;
background-color: #419788;
}
.width-225{
width: 220px;
}
.width-100{
width: 100px;
}
#notification_entery_sec select {
padding: 5px 10px;
background-color: #fff;
border-radius: 2px;
width: 140px;
font-size: 14px;
height: 35px;
}
#notification_entery_sec th{
vertical-align: top;
border: none;
}
.show-tick button{
color: #000;
}
.table-cell.note_select .form-group .bootstrap-select>.dropdown-toggle {
min-width: 100%;
font-size: 13px;
padding-top: 7px;
}
.table-cell.note_select .dropdown .dropdown-menu {
min-width: 154px;
}
.bs-container.dropdown.bootstrap-select.show-tick {
min-width: 300px;
}
.bs-container.dropdown.bootstrap-select.show-tick .dropdown-menu li a span.text {
font-size: 14px;
margin-right: 0px !important;
width: 92%;
white-space: initial;
}
.dropdown.bootstrap-select.show-tick button.btn.dropdown-toggle.btn-light {
padding: 7px 6px;
font-size: 14px;
}
.left-side.menu .dropdown .dropdown-content a:hover {
color: #3f9e86 !important;
}
.count-time {
position: absolute;
width: 25px;
height: 25px;
background: #ffffff;
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 50px;
color: #158f7a;
font-size: 1rem;
left: 33px;
top: -5px;
font-weight: 700;
}