/* http: //meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126 License: none (public domain) */

::-webkit-scrollbar {
    width: 5px; height:5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #999999;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a,
a:hover {
    text-decoration: none;
}

select,
select:hover,
select:focus {
    outline: none!important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.otf") format("opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Light";
    src: url("../fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.otf") format("opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Semibold";
    src: url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-SemiBold.otf") format("opentype"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat-SemiBold.svg#Montserrat-Semibold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url("../fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.otf") format("opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Raleway-Regular.woff') format('woff'), url('../fonts/Raleway-Regular.ttf') format('truetype'), url('../fonts/Raleway-Regular.svg#Raleway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand-Regular';
    src: url('../fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Quicksand-Regular.woff') format('woff'), url('../fonts/Quicksand-Regular.ttf') format('truetype'), url('../fonts/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand-Medium';
    src: url('../fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Quicksand-Medium.woff') format('woff'), url('../fonts/Quicksand-Medium.ttf') format('truetype'), url('../fonts/Quicksand-Medium.svg#Quicksand-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand-Bold';
    src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Quicksand-Bold.woff') format('woff'), url('../fonts/Quicksand-Bold.ttf') format('truetype'), url('../fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf') format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ActoniaPERSONALUSE';
    src: url('/fonts/ActoniaPERSONALUSE.eot?#iefix') format('embedded-opentype'), url('/fonts/ActoniaPERSONALUSE.woff') format('woff'), url('/fonts/ActoniaPERSONALUSE.ttf') format('truetype'), url('/fonts/ActoniaPERSONALUSE.svg#ActoniaPERSONALUSE') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('/fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Comfortaa-Regular.woff') format('woff'), url('/fonts/Comfortaa-Regular.ttf') format('truetype'), url('/fonts/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Raleway-Medium.woff') format('woff'), url('/fonts/Raleway-Medium.ttf') format('truetype'), url('/fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Bold.woff') format('woff'), url('/fonts/OpenSans-Bold.ttf') format('truetype'), url('/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-SemiBold';
    src: url('/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-SemiBold.woff') format('woff'), url('/fonts/OpenSans-SemiBold.ttf') format('truetype'), url('/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* commom css starts */

body {
    font-family: 'OpenSans';
    color: #000;
    background-color: #e0e5e8;
    font-size: 13px;
}

.widget-body {
    background-color: #FFFFFF;
}

.displayInline {
    display: inline;
    float: none;
}

.displayInlineBlock {
    display: inline-block;
    float: none;
}

.quicksand-regular {
    font-family: 'Quicksand-Regular';
}

.quicksand-medium {
    font-family: 'Quicksand-Medium'!important;
}


/*img {*/


/*display: inline !important;*/


/*}*/

.paddingZero {
    padding: 0!important;
}

.paddngLeft10 {
    padding-left: 10px;
}

.padTp5 {
    padding-top: 5px !important;
}

.padTp6 {
    padding-top: 6px !important;
}

.padTp40 {
    padding-top: 40px !important;
}

.padTp10 {
    padding-top: 10px !important;
}
.padTp15 {
    padding-top: 15px !important;
}

.padTp20 {
    padding-top: 20px !important;
}

.padTp30 {
    padding-top: 30px !important;
}

.padBtm10 {
    padding-bottom: 10px !important;
}

.padBtm15 {
    padding-bottom: 20px !important;
}

.padBtm20 {
    padding-bottom: 20px !important;
}

.padBtm40 {
    padding-bottom: 40px !important;
}

.marTp4 {
    margin-top: 4px!important;
}

.marTp5 {
    margin-top: 5px !important;
}

.marTp10 {
    margin-top: 10px;
}
.marTp15 {
    margin-top: 15px;
}

.marTp30 {
    margin-top: 30px !important;
}

.marTp40 {
    margin-top: 40px;
}

.marTp50 {
    margin-top: 50px;
}

.marTp180 {
    margin-top: 180px;
}

.marTp120 {
    margin-top: 120px;
}

.marTp10 {
    margin-top: 10px;
}

.marTp20 {
    margin-top: 20px;
}

.marTp70 {
    margin-top: 70px;
}

.marBtm5 {
    margin-bottom: 5px;
}

.marBtm10 {
    margin-bottom: 10px;
}

.marBtm18 {
    margin-bottom: 18px;
}

.marBtm20 {
    margin-bottom: 20px;
}

.marBtm15 {
    margin-bottom: 15px;
}

.marginBtm30 {
    margin-bottom: 30px;
}

.marginBtm85 {
    margin-bottom: 85px;
}

.margin-top-8 {
    margin-top: 8px!important;
}

.padding-top-9 {
    padding-top: 9px!important;
}

.marBtm40 {
    margin-bottom: 40px;
}

.marTop20 {
    margin-top: 20px;
}

.marLft10 {
    margin-left: 10px;
}

.marLft20 {
    margin-left: 20px;
}

.marRht20 {
    margin-right: 20px;
}

.positionRelative {
    position: relative;
}

.tableCell {
    display: table;
}

.tableCell span {
    display: table-cell;
}

button .rightArrow,
a .rightArrow,
label .rightArrow,
.input-group .rightArrow {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

button:hover .rightArrow,
a:hover .rightArrow,
label:hover .rightArrow,
.input-group:hover .rightArrow {
    -webkit-transform: translate(0.5em, 0);
    -moz-transform: translate(0.5em, 0);
    -o-transform: translate(0.5em, 0);
    -ms-transform: translate(0.5em, 0);
    transform: translate(0.5em, 0);
}


/* commom css ends */


/* Ramalakshmi's css starts */


/* home pae css starts */

.bgWhite {
    background: #fff;
}

.blueBg {
    background-color: #333367;
}

.navbar {
    margin: 0;
    height: 100%;
    width: auto;
}

.navbar .container {
    height: 100%;
}

.navbar .navbar-toggle {
    background: #0092f2;
    margin: -8px 0 0 0;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar .navbar-toggle:hover {
    background: #fff;
    border-color: #0092f2;
}

.navbar .navbar-toggle:hover .icon-bar {
    background-color: #0092f2;
}

.nav.navbar-nav {
    vertical-align: middle;
    padding: 20px 10px 0 0;
}

#navbar {
    background: #fff;
    z-index: 3;
    /*position: relative;*/
    top: 0; right: 0;
}

.navbar-brand {
    height: auto !important;
    min-height: 50px;
}


/*changes start from here*/

.nav li a {
    background: #0092f2;
    color: #FFFFFF;
}

.nav li a:hover {
    text-decoration: underline;
    background: #67b8ec;
    color: #fff;
    border-radius: 0;
    text-decoration: none;
}


/*changes ends here*/

.bannerImg {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    display: inline-block;
    z-index: 0;
    background-size: cover;
    height: 350px;
}

.bannerDiv {
    background: url(/images/Background_header.png) no-repeat 100%;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 536px !important;
    margin: 60px 0 0 0;
}

.header,.mobileHeader {
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.newsHeader{
    position: relative;
}

.bannerSearch .findDoctor .keywordContainer {
    width: calc(80% - 170px);
}

.bannerSearch .ui-select-container:focus,
.bannerSearch .form-control:focus {
    outline: none;
    border: 0;
    background: transparent;
}

.homeHeader {
    border-bottom: 0px solid #eae5df;
    background-color: #333367;
    height: 60px;
}

.logo {
    display: inline-block;
    padding: 5px 0 0 0;
    margin-left: 0 !important;
}
.patient-img-img {
    height: 54px;
    width: 54px !important;
    object-fit: cover;
}
.patient-img {
    float: left;
    padding-right: 20px;
}
/**/
.logo img{height: 30px; position: relative; top: 7px;}

/*width: 180px;*/
.nlogo img{height: 45px; position: relative; top:7px;}
/*.logo,*/


/*.logo:hover {*/


/*color: #e28235 !important;*/


/*font-family: "Montserrat-Bold";*/


/*font-size: 16px;*/


/*padding: 0 15px;*/


/*}*/

.homeHead li a {
    color: #000 !important;
    border-bottom: 0 !important;
}

.homeHead li a.last {
    background: transparent !important;
}

.menubarTop li {
    content: "";
    display: inline-block;
    position: relative;
    padding: 0 12px;
}

.menubarTop li:after {
    /*content: "/";*/
    position: absolute;
    top: 4px;
    right: 4px;
    color: #FFFFFF;
    font-family: 'Quicksand-Bold';
    font-size: 9px;
    font-weight: bold;
}

.menubarTop li:last-child:after,
.menubarTop li:first-child:after {
    content: "";
    top: 0;
    right: 0;
}

.menubarTop li:first-child {
    padding: 0 10px 0 0;
}

.menubarTop li:last-child {
    padding: 0;
}

.menubarTop li a {
    /*min-height: 40px;*/
    /*min-width: 40px;*/
    padding: 0 5px 0 0;
    /*margin: 0 0 0 20px;*/
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    color: #FFFFFF !important;
    font-family: 'Quicksand-Bold';
    font-size: 10px;
    letter-spacing: 1px;
}

.menubarTop ul.dropdown-menu{padding: 0;}

/*.menubarTop li a:hover {*/


/*background: transparent;*/


/*}*/


/*.menubarTop li a + ul {*/


/*padding: 0;*/


/*}*/


/*.menubarTop li a + ul li {*/


/*display: block;*/


/*}*/


/*.menubarTop li a + ul li a {*/


/*display: block;*/


/*margin: 0;*/


/*padding: 10px !important;*/


/*border-bottom: 1px solid #eee;*/


/*}*/


/*.menubarTop li a + ul li a:hover {*/


/*background: #e28235;*/


/*color: #fff;*/


/*}*/

.menubarTop li a .userName {
    padding: 0 10px 0;
    margin: 20px 0 0 0;
    float: left;
    font-size: 13px;
    font-family: 'Quicksand-Bold';
}

.newHeader .userName,.newsHeader .userName,.newsHeader .nav li a{
    color: #414447 !important;
}

.menubarTop li a .profileImg {
    width: 40px;
    height: 40px;
    margin-top: 10px;
    float: left;
}

.menubarTop li a .caret {
    background: url("../images/arrow.png") scroll no-repeat 0;
    width: 14px;
    height: 9px;
    border: 0;
    position: relative;
    top: 21px;
    right: 0px;
}

.menubarTop li a .notiPoint {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #f24740;
    color: #f24740;
    position: absolute;
    top: -3px;
    right: 0px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}

.notificationMenu {
    background: url("../images/icons1.png") scroll repeat 289px 388px rgba(0, 0, 0, 0) !important;
}

.calenderMenu {
    background: url("../images/icons1.png") repeat 141px 486px !important;
;
}

.menubar {
    background: url("../images/icons1.png") repeat 289px 587px !important;
;
}

.headMenu {
    margin-top: 20px;
    margin-right: -33px;
}

.headMenu li {
    width: auto;
    padding: 0 20px 0 0;
}

.headMenu li a {
    color: #273649;
    margin: 5px 0;
}

.headMenu li a:hover {
    text-decoration: underline;
}

.headMenu li a img {
    vertical-align: middle;
}

.headMenu .logo {
    width: 50%;
}

.loginBtn {
    border: 1px solid #28374a;
    border-radius: 40px;
    padding: 5px 30px;
    margin: 0;
}

.bannerSearch {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -22px;
    text-align: center;
    padding: 0;
    width: 100%;
}

.bannerSearch .input-group {
    position: absolute;
    top: 0%;
    left: 0;
    border-radius: 40px;
    height: 44px;
    border-right: none;
}

.bannerSearch input {
    border: 0px solid #4d5154;
    border-radius: 40px;
    border-right: none;
    padding-left: 15px;
    background: transparent;
    color: #646466;
    height: 44px;
    box-shadow: none;
}

.bannerSearch .input-group-addon {
    background: transparent;
    border: 1px solid #4d5154;
    border-radius: 0 40px 40px 0;
    border-left: none;
    color: #fff;
    cursor: pointer;
    height: 42px;
    padding: 0;
}

.bannerSearch .input-group-addon button {
    background: #277df4;
    border-radius: 40px;
    color: #fff;
    padding: 6px 25px 6px 30px;
    cursor: pointer;
    height: 40px;
    border: none;
    margin: 1px;
}

button {
    cursor: pointer !important;
}

.bannerSearch .input-group-addon i {
    padding-left: 10px;
}

.bannerBtm {
    position: absolute;
    bottom: 80px;
    width: 100%;
    left: 0;
    color: #5e6a78;
    font-size: 12px;
    font-family: 'Montserrat-Light';
}

.topList {
    padding: 40px 0;
}

.topList h1 {
    padding: 0 0 30px 0;
    color: #0e121b;
    font-size: 30px;
}

.topListSub {
    color: #b2b2b2;
    margin-bottom: 40px;
}

.topListItem {
    border: 1px solid #e1e1e1;
    background: #fff;
    color: #949494;
    border-radius: 20px;
    position: relative;
    /*height: 185px;*/
    padding: 20px;
    margin: 20px 0px;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    transition: all 0.1s ease-in-out 1s;
    -webkit-transition: all 0.1s ease-in-out 1s;
    -moz-transition: all 0.1s ease-in-out 1s;
    -ms-transition: all 0.1s ease-in-out 1s;
    -o-transition: all 0.1s ease-in-out 1s;
    width: 100%;
    max-width: 100%;
    height: 270px;
}

.topListItem img {
    margin: 0;
    height: 180px;
    width: 180px;
}

p.lastChild {
    font-size: 14px !important;
    font-family: 'Montserrat-Light' !important;
    margin: 10px 0;
}

.topListItem:hover {
    border: 1px solid #277df4;
    background: #277df4;
    color: #fff;
    text-align: center;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.topListItem .topListItemHover {
    padding: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 100%;
    border-radius: 20px;
    /*    margin-bottom: -240px;*/
    margin-bottom: -310px;
    color: #fff;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    opacity: 0;
}

.topListItem:hover > .topListItemHover {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    bottom: -25%;
    margin-top: 400px;
    margin-bottom: 0%;
    opacity: 1;
}

.topListItem:hover > img {
    transition: moveUp 1s ease-in-out;
}

.topListHover {
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.topListItem:hover img.topListHover,
.topListItem:hover > img.topListHover {
    -moz-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -moz-margin-top: -40px;
    -webkit-margin-top: -40px;
    -o-margin-top: -40px;
    -ms-margin-top: -40px;
    margin-top: -40px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    position: relative;
    top: 0;
    /*margin-top: -40px;*/
    margin-bottom: 40px;
    /*
    -webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
*/
    /*    opacity: 0;*/
}

.btmCnt a {
    color: #fff;
}

.topListItem .btmCnt,
.topListItem p.topListHover,
.topListItem a.topListHover {
    margin-bottom: 70px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.topListItem:hover .btmCnt,
.topListItem:hover p.topListHover,
.topListItem:hover a.topListHover {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    position: relative;
    margin-top: -80px;
    margin-bottom: 90px;
    text-align: center;
}

.topListItem:hover a.topListHover,
.topListItem a.topListHover.active {
    color: #fff;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    position: relative;
    margin-top: -150px;
    margin-bottom: 150px;
    text-align: center;
}

.topListItem:hover > .topListItemHover img {
    margin: 0 0 10px 0;
}

.topListItemHover a {
    color: #fff;
    text-decoration: underline;
}

@-webkit-keyframes moveUp {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0.4);
    }
}

@keyframes moveUp {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0.4);
    }
}

.howItwork {
    padding: 40px 0px;
}

.howItwork h2 {
    padding: 0 0 60px 0;
    color: #0e121b;
}

.howItwork p {
    color: #464646;
    font-family: 'Montserrat-Light';
    margin-bottom: 60px;
}

.howItBtn {
    background: transparent;
    border-radius: 40px;
    border: 1px solid #ebebeb;
    color: #25262b;
    padding: 10px 20px;
    font-weight: 900;
}

.howItBtn:hover,
.howItBtn.active {
    background: #277df4;
    color: #fff;
    border: 1px solid #277df4;
}

.getIt {
    background: #f5f4f9;
    padding: 60px 0;
}

.getItSearch h1 {
    padding: 0 0 15px 0;
    color: #333366;
    font-family: 'Comfortaa-Regular';
    font-size: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.getItSearch h6 {
    font-family: "Quicksand-Bold";
    color: #333366;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0 0 52px 0;
}

.getItSearch .input-group {
    border-radius: 4px;
    height: 48px;
    border-right: none;
    -moz-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, .10);
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, .10);
    -o-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, .10);
    -ms-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, .10);
    box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, .10);
}

.getItSearch .input-group .form-control {
    background-color: #FFFFFF;
    border: 0;
    font-family: "Quicksand-Medium";
    font-size: 14px;
    width: 520px;
    height: 48px;
}

.getItSearch input {
    border: 1px solid #cbcacf;
    border-radius: 4px;
    border-right: none;
    padding-left: 30px;
    background: transparent;
    color: #3b3d49;
    height: 48px;
}

.getItSearch .input-group-addon {
    background: transparent;
    border: 0;
    border-radius: 0 4px 4px 0;
    border-left: none;
    color: #fff;
    cursor: pointer;
    height: 42px;
    padding: 0;
}

.getItSearch .input-group-addon button {
    background: #EF7F1B;
    border-radius: 0 4px 4px 0;
    color: #fff;
    padding: 0;
    cursor: pointer;
    height: 48px;
    border: none;
    margin: 0;
    text-transform: uppercase;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    letter-spacing: 2px;
    width: 125px;
}

.getItSearch .input-group-addon i {
    padding-left: 10px;
}

.getMobile {
    position: absolute;
    bottom: -80px;
    left: 0;
}

.newsLetter {
    padding: 100px 0 60px 0;
    background-color: #F4F5F8;
}

footer {
    /*border-top: 1px solid #f4f4f4;*/
    /*background: #ffffff;*/
    /*border-bottom: 1px solid #f4f4f4;*/
    /*padding: 60px 0 20px 0;*/
    background: #252323;
    color: #FFFFFF;
}
/*.about footer,.informed footer,.joinQurabl footer,.reachus footer{*/
/*    position: absolute;*/
/*    bottom: 0; left: 0;*/
/*    width: 100%;*/
/*}*/
footer h2{
    padding: 50px 50px 0 50px;
    font-size: 34px;
    line-height: 1.2;
    font-family: 'Source Sans Pro', cursive;
}
footer h5{
    padding: 0 0 25px 0;
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Source Sans Pro', cursive;
}
.mar-input {
    margin: 0 0 30px 0;
}
footer input {
    display: inline-block;
    border: 1px solid #FFFFFF;
    height: 35px;
    background: #252323;
    width: 35%;
    color: #FFFFFF;
    padding: 0 10px;
}
footer input::-webkit-input-placeholder {
    color: #FFFFFF;
}
footer input::-moz-placeholder {
    color: #FFFFFF;
}
footer input:-ms-input-placeholder {
    color: #FFFFFF;
}
footer input:-moz-placeholder {
    color: #FFFFFF;
}
footer button {
    display: inline-block;
    width: 5%;
    height: 35px;
    background: #252323;
    margin: 0;
    border: 1px solid #FFFFFF;
    vertical-align: top;
    cursor: pointer;
}
footer .block{
    display: inline-block;
    width: 14%;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    padding: 0;
    margin: 50px 0 16px 0;
}
footer .block:last-child{
    text-align: right;
    font-family: 'Source Sans Pro', cursive;
    padding: 0;
}
footer .block:last-child span{
    font-size: 16px;
}
footer .block a{
    font-family: 'Source Sans Pro', cursive;
    font-size: 16px;
}
footer .main-container {
    height: 100%;
    margin: 0 auto;
    width: 1200px;
}
.footerTop p {
    margin: 20px 0 0px 0;
    line-height: 1.6;
    font-family: "Quicksand-Regular";
    text-align: justify;
    font-size: 14px;
    color: rgba(51, 51, 102, .70);
}

.socialIcon {
    width: 75%;
    margin-bottom: 70px;
}

footer ul {
    padding: 0;
}

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

footer ul li a {
    font-family: 'Quicksand-Bold';
    color: rgba(51, 51, 102, .70);
    font-size: 11px;
    font-weight: normal;
}

footer a:hover {
    text-decoration: underline;
}

footer img {
    vertical-align: middle;
}

.footerBtm {
    padding: 20px 0;
    font-size: 14px;
    color: #333366;
    vertical-align: middle;
    font-family: "Quicksand-Bold";
}

.footerBtm p {
    font-family: 'Quicksand-Bold';
    font-size: 14px;
}

.footerBtm > * {
    vertical-align: middle;
}

.footerBtm a {
    color: #707070;
    margin-left: 15px;
    font-family: "Quicksand-Bold";
    color: #333366;
    font-size: 14px;
}

footer hr {
    border-top: 1px solid #e9e9e9;
    margin: 0;
}


/* home pae css ends */


/* payment page starts */

.paymentContain {
    padding: 0px 0 0px 0;
    font-family: 'OpenSans';
    color: #6f7072;
    font-size: 10px;
}

.paymentCarousel .item {
    border-radius: 5px;
}

.paymentCarousel h1 {
    font-family: 'Quicksand-Medium';
    background: #6c3c71;
    color: #fff;
    padding: 20px 0 20px 24px;
    text-align: left;
    font-size: 18px;
    margin: 0;
    text-transform: capitalize;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    font-weight: 400;
}

.paymentCarousel .carousel-control {
    width: auto !important;
    bottom: 100% !important;
    opacity: 1;
    font-size: 14px;
}

.paymentCarousel .carousel-control.left,
.paymentCarousel .carousel-control.right {
    background: transparent !important;
    color: #fff;
    padding: 0 20px;
    width: auto;
    top: 19px;
}

.paymentCarousel .carousel-indicators {
    background: #fff;
    bottom: -25px;
    border-radius: 20px;
    text-align: center;
    width: 200px;
    margin-left: -100px;
    left: 50%;
    padding: 25px 0 10px 0;
}

.paymentCarousel .carousel-indicators li.active {
    background: #297ef5;
}

.paymentCarousel .carousel-indicators li {
    background: #aacafb;
    border-color: #aacafb;
    margin-left: 10px;
}

.paySideHead {
    background: #eae5df;
}

.genderradio{
    display: inline-block!important;
    position: relative!important;
    left: 0!important;
    right: 0;
    top: 0!important;
    bottom: 0;
    margin-right: 4px!important;
    margin-bottom: 10px!important;
}

.paymentSide {
    border-radius: 0px 0px 10px 10px;
    background: #f4f7f9;
}

.paymentSide p.firstChild {
    color: #434343 !important;
    font-family: "Montserrat-Regular";
}

.paymentSide p {
    margin-top: 3px;
    padding: 0 10px;
}

.document p {
    padding: 0 !important;
}

.symRequired {
    padding: 0 !important;
}

.doctorCircle {
    width: 128px;
    height: 128px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ebebeb;
}

.image1 img {
    height: 100%;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.payCircle {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
    padding: 25px;
    border: 1px solid #343740;
    font-size: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 15px;
    margin-top: 30px;
}

.payCircle:hover,
.payCircle.active {
    background: #3b55e6;
    border-color: #3b55e6;
    color: #fff;
}

.payCircle:hover + p,
.payCircle:hover + p + p,
.payCircle.active + p {
    color: #3b55e6;
}

.starRate {
    position: relative;
    background: url(../images/5stargray.png) no-repeat left top;
    width: 80px;
    height: 14px;
    display: inline-block;
}

.starRateActive {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/5starblue.png) no-repeat left top;
    width: 80px;
    height: 14px;
    display: inline-block;
}

.welcomeSlide,
.patientSlide {
    color: #3f3e44;
    font-family: "Montserrat-Regular";
}

.welcomeSlide p {
    margin-top: 10px;
}

.welcomeSlide .doctorCircle {
    margin: 30px 0;
    width: 70px;
    height: 70px;
    background: #c3cad0;
}

.welcomeSlide .btn {
    margin-top: 40px;
    background: #3b55e6;
    padding: 6px 20px 6px 40px;
    border-radius: 50px;
    width: 27%;
    position: relative;
}

.welcomeSlide .btn i,
.patientSlide .btn i {
    margin-top: 0px;
    display: inline-block;
    position: absolute;
    top: 9px;
}

.paymentSide input[type="radio"],
.paymentRadio input[type="radio"] {
    display: none;
}

.regular-checkbox {
    -webkit-appearance: none;
    border: 1px solid #e8e9e8;
    padding: 9px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
}

.select-tablets input[type="checkbox"] {
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    border: 1px solid #e8e9e8;
    margin-right: 4px;
    margin-bottom: 0;
    color: #26292C;
    font-family: Avenir lt std roman;
}

.select-tablets input:focus {
    outline: none;
}

.select-tablets input {
    width: 100%;
    padding: 7px 8px;
    border: 1px solid #e8e9e8;
    opacity: .5;
    margin-bottom: 20px;
    color: #525754;
}

.text-left,.header_menu ul.dropdown-menu li a {
    text-align: left!important;
}


/*
.paymentSide input[type="radio"] + label {
    height: 24px;
}*/


/*css hack for mozila*/


/*@-moz-document url-prefix() {*/


/*.paymentSide input[type="radio"] + label,*/


/*.paymentSide input[type="text"] {*/


/*width: 74%;*/


/*}*/


/*}*/

.paymentSide input[type="radio"] + label span {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
    height: 34px;
    line-height: 34px;
}

.paymentSide input[type="radio"] + label span i {
    line-height: 34px;
}

.paymentSide input[type="radio"] + label:hover,
.paymentSide input[type="radio"]:checked + label {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}


/*
.paymentSide input[type="radio"]:first-child + label {
    background: red;
}
*/

.paymentSide input[type="radio"] + label:hover span,
.paymentSide input[type="radio"]:checked + label span {
    color: #fff;
}

.paymentSide input[type="radio"] + label + .input-group {
    display: none;
}

.paymentSide input[type="radio"]#otherId:checked + label {
    display: none;
}

.paymentSide input[type="radio"]#otherId:checked + label + .input-group {
    display: block;
    text-align: center;
    color: #fff;
}

.paymentSide input[type="radio"]#otherId:checked + label + .input-group input {
    display: block;
    text-align: center;
    border: 1px solid #3b55e6 !important;
    background: #3b55e6;
    color: #fff;
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
    color: #fff;
}

.paymentSide input[type="radio"] + label + .input-group span {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    background: transparent !important;
    border: none !important;
    margin-right: 20px;
    color: #fff;
    line-height: 22px;
}

.paymentRadio input[type="radio"] + label,
.paymentRadio input[type="radio"] + label:hover,
.paymentRadio input[type="radio"]:checked + label {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #6f7072;
    line-height: 1.5 !important;
    font-size: 12px !important;
}

.paymentRadio input[type="radio"]:checked + label > .payCircle {
    background: #3b55e6;
    border-color: #3b55e6;
    color: #fff;
}

.paymentRadio input[type="radio"]:checked + label > .payCircle + p,
.paymentRadio input[type="radio"]:checked + label > .payCircle + p + p {
    color: #3b55e6;
}

.activePara {
    line-height: normal !important;
}

.whitePlace::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff !important;
}

.whitePlace:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
    opacity: 1;
}

.whitePlace::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
    opacity: 1;
}

.whitePlace:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
}

.doctorEdu {
    padding: 0 40px !important;
}

.paymentSide .form-group {
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.proceed,.now {
    margin: 0 17px 0 0;
}

.patientSlide .form-group {
    margin-bottom: 30px;
}

.patientSlide label {
    font-weight: bold;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}

.patientSlide select {
    background: #f1f2f7;
    border-radius: 50px;
    border-color: #d6d7d9;
    padding: 6px 25px;
}

.patientSlide textarea {
    background: #f1f2f7;
    border-color: #d6d7d9;
    border-radius: 5px;
    padding: 25px;
    height: 150px;
    resize: none;
}

.patientSlide .btn {
    background: #3b55e6;
    padding: 6px 20px 6px 40px;
    border-radius: 50px;
}

.custom-select-style {
    padding: 0;
    margin: 0;
    overflow: hidden;
    /*    background: #f1f2f7 url("../images/downArrow.png") no-repeat 90% 50%;*/
    border-radius: 4px;
    border: 1px solid #ebecf1;
    position: relative;
    background-color: #FFFFFF;
}

.custom-select-style:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 2px;
    right: 20px;
    color: #EF7F1B;
    z-index: 1;
}

.custom-select-style select {
    padding: 10px 20px 10px 10px;
    border-radius: 4px;
    border: 1px solid #d6d7d9;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    font-size: 12px;
    width: 100%;
}

.custom-select-style select option {
    padding: 0 0 0 10px;
}

.custom-select-style select:focus {
    outline: none;
}


/*payment page ends */

.summeryHeight,
.chatBoxHeight {
    overflow: auto;
}

.chatBoxHeight {
    padding: 20px 0;
}

.payLabel {
    margin-top: 5px;
}

.payLabel input {
    margin: 0px 8px 0 0;
    float: left;
}

.payLabel span {
    float: left;
}

.widthAuto {
    width: auto !important;
}

.padLftRht30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.marBtm20 {
    margin-bottom: 20px;
}

.actionBtn,
.actionBtn:hover {
    /*
    color: #FFFFFF;
    border-radius: 10px;
    background-color: #3b55e6;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 0 10px 0 0;
*/
}

.actionBtn,
.deleteBtn,
.download {
    color: #6f7072;
    font-size: 16px;
    padding: 0;
    margin: 1px 5px 0 0;
}

.download {
    position: relative;
    top: 5px;
}

.deleteBtn,
.deleteBtn:hover,
.download:hover {
    color: #6f7072;
}

.lineHeight32 {
    line-height: 32px;
}

.uploadImg {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.uploadBtn {
    color: #FFFFFF;
    /*    background-color: #3b55e6;*/
    background: #f73637;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 0 10px 0 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    cursor: pointer !important;
}

.uploadBtn input {
    position: absolute;
    opacity: 0;
    z-index: 1000;
    top: 0;
    left: 0;
    cursor: pointer !important;
}


/* Ramalakshmi's css ends */


/*carmel code starts from here*/

.search {
    display: inline-block;
    width: 100%;
    background-color: #333367;
    margin: 60px 0 0 0;
    padding: 0 0 10px 0;
}

.new_search {
    display: inline-block;
    width: 100%;
    #background-color: #333367;
    margin: 60px 0 0 0;
    padding: 0 0 10px 0;
}

.findDoctor .input-group {
    height: 44px;
    width: 100%;
    display: inline-block;
    width: 100%;
    border: 1px solid #e9e9e9;
    border-radius: 40px;
    margin: 25px 0;
}

.findDoctor .input-group input {
    border: 0;
    width: 85%;
    height: 42px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    float: left;
    padding: 0 0 0 15px;
    color: #2E2E2E;
}

.findDoctor .input-group button {
    background-color: #277df4;
    border: 0 none;
    border-radius: 40px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    padding: 9px 0;
    text-transform: uppercase;
    width: 14%;
    margin: 2px 2px 0 0;
}

.doctorList {
    display: inline-block;
    width: 100%;
    background-color: #E0E5E8;
}
.moveList{
    margin: 0;
}
.searchByFilter {
    display: inline-block;
    width: 100%;
    background-color: #C9CED0;
    height: 60px;
    margin: 0;
    color: #a2a8be;
    overflow: hidden;
    /*-webkit-transition: all 500ms ease-in-out;*/
    /*-moz-transition: all 3000ms ease-in-out;*/
    /*transition: all 3000ms ease-in-out;*/
}

.searchByFilter h2 {
    text-transform: uppercase;
    /*font-size: 11px;*/
    display: inline-block;
    margin: 0;
    padding: 20px 68px 21px 25px;
    border-right: 2px solid #F4F4F6;
    float: left;
}

.ratings {
    float: left;
    display: inline-block;
    width: 14%;
    height: 100%;
    margin: 0 30px;
}

.ratings ul {
    float: right;
    padding: 18px 0 0 0;
}

.ratings ul li {
    display: inline-block;
    padding: 0 3px 0 0;
}

.ratings ul li a {
    color: #CCCCCC;
}

.ratings h2 {
    border: 0;
    padding: 21px 0;
}

.price {
    display: inline-block;
    width: 20%;
    float: left;
    margin: 0 30px 0 10px;
}

.price .customText {
    background-color: #f1f2f7;
    border: 1px solid #e3e7f0;
    border-radius: 40px;
    display: inline-block;
    height: 30px;
    margin: 14px 0 0;
    width: 31.8%;
    padding: 0 15px;
}

.price h2 {
    border: 0;
    padding: 23px 6px 0 0;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #2e2e2ecc;
    letter-spacing: 1px;
}

.price span {
    padding: 0 3px;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #8b8ea0;
}

.gender {
    display: inline-block;
    float: left;
    margin: 11px 0 0 10px;
    width: 9%;
    /*
    background-color: #f1f2f7;
    border-radius: 40px;
    margin: 9px 0 0 0;
    height: 35px;
    border: 1px solid #e3e7f0;
    padding: 2px;
*/
}

.customCheckbox h2 {
    border: 0;
    padding: 23px 0px 0 0;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #2e2e2ecc;
    letter-spacing: 1px;
}

.selectGender {
    background-color: #f1f2f7;
    border-radius: 40px;
    display: inline-block;
    width: 240px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 15px 0;
}

.selectGender span {
    margin: 0 7px;
}

.language {
    width: 16%;
    display: inline-block;
    padding: 0 20px 0 0;
    float: right;
}

.language .dropdown .btn {
    background-color: #FFFFFF;
    color: #353e5d;
    border: 0;
    padding: 18px 0;
    width: 100%;
    text-align: left;
}

.language .dropdown .btn:hover {
    background-color: #FFFFFF;
}

.language .dropdown .btn:active {
    box-shadow: none;
}

.language .dropdown i {
    color: #c4c7d0;
    font-size: 25px;
    position: absolute;
    right: 0
}

.language .dropdown .btn:focus {
    background-color: #FFFFFF;
    color: #353e5d;
}

.language .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0;
}

.gender input:focus+label {
    background-color: #FFFFFF;
    border-radius: 40px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    color: #333e5c;
    border-radius: 40px;
    display: inline-block;
}


/* label styling */

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 0px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 70px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}


/* checkbox aspect */

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    /*content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}


/* checked mark aspect */

[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    /*  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 18px;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;*/
}


/* checked mark aspect changes */

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}


/* disabled checkbox */

[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="radio"]:disabled:checked + label:after {
    color: #999;
}

[type="radio"]:disabled + label {
    color: #aaa;
}


/* accessibility */

[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
    border: 0px dotted blue;
}


/* hover style just for information */

.listOfDoctors {
    background-color: #FFFFFF;
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    box-shadow: 1px 2px 7px #c3c3c3;
    position: relative;
}

.chargOuter {
    height: 50px;
    width: 100%;
}

.listOfDoctors .offline,
.paymentSide .offline,.appoinment_widget .offline {
    color: #CCCCCC;
}

.listOfDoctors .offline span,
.paymentSide .offline span,.appoinment_widget .offline span {
    background-color: #CCCCCC;
}

.listOfDoctors .image {
    width: 128px;
    height: 128px;
    overflow: hidden;
    border-radius: 65px;
    display: inline-block;
    border: 1px solid #E4E4E5;
}

.listOfDoctors .image img {
    /*
    left: -48px;
    position: relative;
    right: 52px;
    text-align: center;
    top: -8px;
    width: 220%;
*/
    height: 100%;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.fullWidth {
    width: 100%;
}

.availablity {
    font-family: "Montserrat-Semibold";
    font-size: 9px;
    text-transform: uppercase;
    color: #6ec655;
    padding: 11px 10px 0 0;
    letter-spacing: 1px;
    text-align: right;
}

.availablity span {
    background-color: #6ec655;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 10px;
}

.offline {
    font-family: "Montserrat-Semibold";
    font-size: 9px;
    text-transform: uppercase;
    color: #e48237;
    padding: 11px 10px 0 0;
    letter-spacing: 1px;
    text-align: right;
}

.offline span {
    background-color: #e48237;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin: 0 10px;
}

.doctorName {
    font-family: 'Quicksand-Bold';
    font-size: 17px;
    color: rgba(46, 46, 46, .8);
    margin: 0;
    /*letter-spacing: 1px;*/
    padding: 0 20px;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.doctorDegree {
    font-family: 'Quicksand-Bold';
    font-size: 11px;
    color: rgba(71, 75, 78, .5);
    padding: 0;
    height: 32px;
    text-transform: capitalize;
    padding: 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.department {
    font-size: 14px;
    color: #277df4;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.experiance {
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: capitalize;
    color: #474B4E;
    margin: 0px 0px 15px 0px;
}

.speciality {
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    color: #DE53A0;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sexologist {
    font-size: 14px;
    color: #c59100;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.psychiatrist {
    font-size: 14px;
    color: #277df4;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.generalPhy {
    font-size: 14px;
    color: #f97700;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.detitian {
    font-size: 14px;
    color: #7a69f3;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.homepathy {
    font-size: 14px;
    color: #207d36;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.gynaecologist {
    font-size: 14px;
    color: #c65978;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

ul.doctorRatings,
.doctorProfile ul {
    padding: 0;
}

ul.doctorRatings li,
.doctorProfile ul li {
    display: inline-block;
    font-size: 20px;
    margin: 0 3px;
    color: #00c4ee;
}

.charges {
    font-family: 'Quicksand-Bold';
    font-size: 14px;
    color: #333366;
    padding: 15px 0;
    width: 100%;
    background-color: #F3F7FA;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.selectList {
    display: block;
    height: 100%;
    outline: 0;
}

.selectList:hover {
    box-shadow: 2px 9px 27px 0px #d0d0d0;
    outline: 0;
}

.selectList:focus .listOfDoctors {
    box-shadow: none;
    background-color: #f1eff0;
    outline: 0;
    transition: 2s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
}

.findDoctor .input-group button .rightArrow {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.findDoctor .input-group button:hover .rightArrow {
    -webkit-transform: translate(1em, 0);
    -moz-transform: translate(1em, 0);
    -o-transform: translate(1em, 0);
    -ms-transform: translate(1em, 0);
    transform: translate(1em, 0);
}

.filter {
    color: #333366 !important;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 15px 0;
    text-align: left;
    width: 100%;
    line-height: 34px;
    font-weight: 600;
    text-transform: uppercase;
}
.closeFilter{
    width: 12px;
    float: right;
    margin: 12px 0 0 0;
    display: none;
}
.openFilter .filter .closeFilter{
    display: inline-block;
}
/*.filter i{display: none;}*/
/*.openFilter .filter i {*/
/*    display: inline-block;*/
/*    float: right;*/
/*    font-size: 17px;*/
/*    position: relative;*/
/*    right: 20px;*/
/*    top: 4px;*/
/*    background-color: #eaeaea;*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    border-radius: 50px;*/
/*    display: inline-block;*/
/*    text-align: center;*/
/*    line-height: 23px;*/
/*}*/



.openFilter {
    height: 350px !important;
    /*-webkit-transition: all 500ms ease-in-out;*/
    /*-moz-transition: all 3000ms ease-in-out;*/
    /*transition: all 3000ms ease-in-out;*/
}

/*.openFilter .fa-angle-right {*/
/*    transform: rotate(85deg);*/
/*}*/

.doctorSpeakLang {
    color: #b1b1b1;
    text-transform: uppercase;
    font-family: "Montserrat-Semibold";
    font-size: 11px;
    padding: 10px 0;
    letter-spacing: 1px;
}

.navbar-nav>li>a {
    border-bottom: 1px solid #e4dfdf;
    border-radius: 0;
}

.navbar-nav img {
    /*display: none !important;*/
}

#navbar {
    background: transparent;
}

.list_pagination {
    display: inline-block;
    background-color: #c9ced1;
    height: 50px;
    width: 100%;
}

.list_pagination .pagination > li > a {
    border: 0;
    font-size: 15px;
    line-height: 20px;
    color: #404156;
    background-color: transparent;
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    padding: 6px 12px;
}

.list_pagination .pagination > li > a:hover,
.list_pagination .pagination > li > a:focus {
    background-color: #FFFFFF;
    border-radius: 50px;
    line-height: 20px;
    font-size: 13px;
    color: #bdbec5;
}

.list_pagination .pagination > li:first-child a:hover,
.list_pagination .pagination > li:last-child a:hover {
    border-radius: 0;
    border: 0;
}

.list_pagination .pagination {
    width: 100%;
    margin: 0;
}

.list_pagination .pagination >li {
    display: inline-block;
    padding: 8px 0 0 0;
}

.list_pagination .pagination > li:first-child {
    float: left;
    padding: 8px 50px 9px 50px;
}

.list_pagination .pagination > li:last-child {
    float: right;
    padding: 8px 50px 9px 50px;
}

.list_pagination .pagination > li:first-child a,
.list_pagination .pagination > li:last-child a {
    background-color: transparent;
    font-size: 15px;
}

.doctorProfile {
    display: inline-block;
    width: 100%;
    background-color: #E0E5E8;
    padding: 16px 0;
}


/*.doctorProfile h1 {*/


/*font-size: 20px;*/


/*text-transform: uppercase;*/


/*color: #24263b;*/


/*padding: 0;*/


/*}*/


/*.doctorProfile h2 {*/


/*font-family: 'OpenSans';*/


/*font-size: 13px;*/


/*color: #24263b;*/


/*padding: 0 0 5px 0;*/


/*text-transform: uppercase;*/


/*}*/


/*
.doctorProfile h1 span {
    width: 44px;
    height: 43px;
    background-color: #fc5238;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 15px;
}
*/

.doctorUnFav {
    background-color: #cdcdcd;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
}

.doctorFav {
    background-color: #ff0b0b;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
}

.doctorProfile h1 span i {
    color: #FFFFFF;
    font-size: 14px;
    position: relative;
    top: 0px;
    left: 0px;
}

.doctorGender {
    text-transform: uppercase;
    color: #75757d;
    display: block;
    font-family: "Montserrat-Light";
    font-size: 10px;
    padding: 10px 0 0 0;
}

.doctorKnownLang {
    text-transform: uppercase;
    color: #75757d;
    display: block;
    font-family: "Montserrat-Light";
    font-size: 10px;
    padding: 10px 0 10px 0;
}

.doctorAvailability {
    color: #70c754;
    font-family: "Montserrat-Light";
    font-size: 10px;
    text-transform: uppercase;
    padding: 10px 0 15px 0;
}

.doctorAvailability span {
    background-color: #70c754;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    margin: 0 10px 0 0;
}

.chargePerHour {
    font-size: 17px;
    color: #252839;
    border-top: 1px solid #d5d5d5;
    padding: 15px 0 5px 0;
}

.doctorReview,
.description {
    color: #808088;
    font-family: 'OpenSans';
    font-size: 12px;
    padding: 20px 0 0 0;
    line-height: 18px;
    text-align: left;
}

.aboutDoctor {
    font-family: "Montserrat-Light";
    font-size: 12px;
    color: #707684;
    line-height: 18px;
    padding: 0 0 10px 0;
    text-align: left;
}

.moreDetails {
    font-size: 12px;
    color: #68696d;
    text-decoration: underline;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    display: inline-block;
    width: 100%;
}

.bookAppoinment {
    background-color: #ef7f1b;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    letter-spacing: 1px;
    margin: 30px 0;
    width: 100%;
}

.doctorProfile button .rightArrow {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.doctorProfile button:hover .rightArrow {
    -webkit-transform: translate(1em, 0);
    -moz-transform: translate(1em, 0);
    -o-transform: translate(1em, 0);
    -ms-transform: translate(1em, 0);
    transform: translate(1em, 0);
}

.qualifications h2 {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #d0d3dc;
    padding: 0 0 25px 0;
    margin: 0 0 25px 0;
}

.qualifications label {
    text-align: right;
    font-size: 13px;
    color: #374258;
    font-weight: bold;
}

.qualifications p {
    text-align: left;
    font-size: 13px;
    color: #374258;
    font-weight: normal;
}

.doctorProfile .input-group {
    width: 100%;
    padding: 0 0 20px 0;
}

.doctorProfile .input-group label,
.doctor-info label {
    text-align: right;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    text-transform: capitalize;
    color: #414447;
}

.doctorProfile .input-group p,
.doctor-info p {
    font-family: 'OpenSans';
    padding: 0 0 20px 0;
    font-size: 12px;
}
.scroll-review {
    margin-top: 20px;
    height: 300px;
    overflow-y: auto;
}

.doctorProfile .readMore {
    color: #68696d;
    display: inline-block;
    font-size: 12px;
    padding: 0 0 50px 0;
    text-decoration: underline;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.similarDoctorProfile h3 {
    font-size: 15px;
    text-transform: capitalize;
    color: #424451;
    border-bottom: 1px solid #d4d4d4;
    padding: 0 0 15px 0;
    margin: 0 0 25px 0;
}

.similarDoctorProfile .doctorImg {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    display: inline-block;
    float: left;
}

.similarDoctorProfile .doctorImg img {
    /*
    left: -14px;
    position: relative;
    width: 164%;
*/
    height: 100%;
    left: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
}

.doctorInfo {
    float: right;
    width: 80%;
}

.doctorInfo .glyphicon {
    font-size: 12px !important;
    outline: 0;
    border: 0;
}

.similarDoctorProfile .doctor-name {
    font-family: "Montserrat-Light";
    font-size: 12px !important;
    color: #39405c;
    text-transform: capitalize;
}

.doctor-spclst {
    font-family: "Montserrat-Light";
    font-size: 10px;
    color: #39405c;
    text-transform: capitalize;
}

.similarDoctorProfile ul li {
    display: inline-block;
    font-size: 10px;
    margin: 0 1px;
    color: #00c4ee;
}

.similarDoctorProfile .desc {
    font-size: 10px;
    text-align: left;
    line-height: 18px;
    font-family: "Montserrat-Light";
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    color: #000 !important;
}

.years {
    color: #312e2e;
    font-size: 10px;
}

.years span {
    float: right;
    color: #464a4d !important;
}

.similarDoctorProfile a {
    display: inline-block;
    font-family: "Montserrat-Light";
    color: #272729;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 10px;
    padding: 10px 0;
}

.appoinment {
    margin: 0 auto;
    width: 80%;
    text-align: center;
}

.appoinment h1 {
    font-size: 15px;
    color: #FFFFFF;
    text-transform: uppercase;
    background-color: #70c754;
    width: 100%;
    padding: 20px 0;
    border-radius: 5px;
    text-align: center;
    font-family: "Montserrat-Regular";
    display: inline-block;
    margin: 20px 0 2px 0;
}

.doctor-details,
.appoinmentDetails {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 0px;
    box-shadow: 1px 5px 55px #cecece;
    -webkit-box-shadow: 1px 5px 55px #cecece;
    -moz-box-shadow: 1px 5px 55px #cecece;
    -ms-box-shadow: 1px 5px 55px #cecece;
    -o-box-shadow: 1px 5px 55px #cecece;
    position: relative;
}

.doctor-details {
    margin: 20px 0 0px 0;
}

.appoinmentDetails {
    padding: 20px;
}

.doctorPics {
    width: 86px;
    height: 86px;
    overflow: hidden;
    border-radius: 50px;
    margin: 0 auto;
}

.doctorPics img {
    left: -20px;
    position: relative;
    width: 164%;
}

.appoinment .online {
    color: #70c754;
    font-family: "Montserrat-Light";
    font-size: 10px;
    padding: 10px 0 15px;
    text-transform: uppercase;
}

.appoinment .online span {
    background-color: #70c754;
    border-radius: 50px;
    display: inline-block;
    height: 8px;
    margin: 0 10px 0 0;
    width: 8px;
}

.appoinment .offline {
    color: #7c7c7c;
    font-size: 10px;
    padding: 10px 0 15px;
}

.appoinment .offline span {
    background-color: #7c7c7c;
    border-radius: 50px;
    display: inline-block;
    height: 8px;
    margin: 0 10px;
    width: 8px;
}

.appoinment .dotorName {
    font-size: 15px;
    color: #292933;
}

.appoinment .doctorType,
.appoinment .labguage {
    color: #8c8b91;
    font-size: 12px;
    padding: 10px 0 0 0;
}

.appoinment .eperiance {
    color: #2f2f2f;
    font-size: 13px;
    padding: 10px 0;
}

.doctor-details ul {
    padding: 10px 0 0 0;
}

.doctor-details ul li {
    color: #00c4ee;
    display: inline-block;
    font-size: 18px;
    margin: 0 3px;
}

.doctor-details .hours {
    color: #2f2f2f;
    font-size: 12px;
    padding: 10px 0 0 0;
}

.doctor-details .knowMore {
    color: #2f2f2f;
    font-size: 12px;
    text-decoration: underline;
    width: 100%;
    display: inline-block;
    padding: 15px 0;
}

.doctor-details .video {
    display: block;
    width: 60%;
    border-radius: 50px;
    background-color: #70c754;
    color: #FFFFFF;
    font-size: 15px;
    border: 0;
    text-transform: uppercase;
    padding: 16px 0;
    margin: 0 auto 10px auto;
}

.doctor-details .video i {
    padding: 0 0 0 10px;
}

.doctor-details .bookAppoinment {
    display: block;
    font-size: 15px;
    color: #4054e7;
    border: 1px solid #4054e7;
    background-color: #FFFFFF;
    border-radius: 50px;
    color: #4054e7;
    width: 85%;
    margin: 0 auto 20px auto;
    padding: 16px 0;
}

.appoinmentDetails .patientName {
    font-size: 12px;
    color: #292b3a;
}

.appoinmentDetails .doctorPics {
    width: 86px;
    height: 86px;
    overflow: hidden;
    border-radius: 50px;
    margin: 0 auto 15px auto;
}

.appoinmentDetails .input-group {
    display: inline-block;
    width: 100%;
    padding: 0 0 5px 0;
}

.appoinmentDetails .input-group label {
    color: #292b3a;
    font-size: 12px;
    float: right;
}

.appoinmentDetails .input-group p {
    font-weight: normal;
    color: #292b3a;
    font-size: 12px;
    float: left;
}

.appoinmentDetails a {
    background-color: #3b55e6;
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    padding: 10px 0;
    margin: 10px 0 0 0;
    width: 35%;
}

.patientTreatment {
    background-color: #FFFFFF;
    padding: 0;
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    transition: all 0.7s ease;
}

.leftCtrl {
    display: inline-block;
    width: 100%;
    /*transition: all 0.7s ease-in-out;*/
    width: 25%;
}

.rightCtrl {
    /*transition: all 0.7s ease-in-out;*/
    /*display: none;*/
    height: 100%;
    float: right;
    background-color: #FFFFFF;
    overflow-x:hidden;
    overflow-y:auto;
    width: 75%;
}

.videoThumbnail {
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 25%;
    height: 160px;
    /*transition: all 0.7s ease-in-out;*/
    background-color: rgba(255,255,255,.8);
}

.webPatientVideo .videoThumbnail .thumbNail{
    right: 30px;
    bottom: 150px;
    left: auto;
}

.videoThumbnail .thumbNail {
    position: absolute;
    right: 20px;
    width: 50%;
    height: 150px;
    overflow: hidden;
    bottom: 150px;
    background:#000000;
    border-radius: 5px;
}

.videoMenu,
.videoClose {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 9;
}

.waterMark {
    position: absolute;
    top: 10px;
    left: 10px;
    width: auto;
    z-index: 9;
    height: 40px;
}

.webPatientVideo .videCtrl{
    width: 100%;
    bottom: 30px;
}

.videCtrl {
    position: absolute;
    width: 35%;
    text-align: center;
    bottom: 147px;
    left: 7px;
}

.WebDoctorVideo .videCtrl{
    bottom: 125px;
    left: 0;
    width: 50%;
    background: #f1f1f1;
    height: 150px;
    padding: 20px 0;
}
.webPatientVideo .videCtrl{
    bottom: 80px;
    left: 0;
    width: 50%;
    background: #f1f1f1;
    height: 150px;
    padding: 10px 0;
}
.WebDoctorVideo .videCtrl button,.WebDoctorVideo .videCtrl a{
    padding: 0 !important; background: transparent; border: 1px solid #000000; outline: 0; width: 30px; height: 30px; border-radius: 50px; line-height: 36px;
}
.webPatientVideo .videCtrl button,.webPatientVideo .videCtrl a{
    padding: 0 !important; background: transparent; border: 1px solid #000000; outline: 0; width: 35px; height: 35px; border-radius: 50px; line-height: 40px;
}
.WebDoctorVideo .videoThumbnail .thumbNail{
    border-radius: 0 5px 5px 0; right: 0; bottom: 125px;
}
.webPatientVideo .videoThumbnail .thumbNail{
    border-radius: 0 5px 5px 0; right: 0; bottom: 80px;
}

.WebDoctorVideo .video-status,.webPatientVideo .video-status{
    position: absolute;
    top: 44%;
    width: 10%;
    /* background: #000000; */
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    height: 45px;
    left: 19%;
    text-align: center;
    margin-bottom: 10px;
}
.WebDoctorVideo .video-status button,.webPatientVideo .video-status button{
    background: transparent;
    border: 0; outline: 0;
    margin: 0; padding: 0;
}
.WebDoctorVideo .message-status,.webPatientVideo .message-status{
    position: absolute;
    top: 25%;
    width: 25%;
    /*transition: all 0.7s ease-in-out;*/
}
.WebDoctorVideo .message-status figure,.webPatientVideo .message-status figure{
    width: 25px;
    height: auto;
    background: #FFFFFF;
    padding: 10px 0;
    margin: 0 0 0 15px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    top:-14px;
}
.WebDoctorVideo .message-status p,.webPatientVideo .message-status p{
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
}
.WebDoctorVideo .message-status span,.webPatientVideo .message-status span{
    font-size: 12px; color: #757373; line-height: 15px;
}
.statusMsg h1{
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 10px 0;
}
.statusMsg h6{
    font-size: 14px; line-height: 22px;
}
.message-status .reconnect{
    display: inline-block;width: calc(100% - 44px); padding: 0 10px;
}

/*.WebDoctorVideo .msg-status ul li{*/
/*    padding-bottom: 10px;*/
/*    display: inline-block;*/
/*    width: 100%;*/
/*}*/
/*.WebDoctorVideo .msg-status ul li:last-child{*/
/*    padding-bottom: 0;*/
/*}*/
/*.WebDoctorVideo .carousel,.webPatientVideo .carousel{*/
/*    height: 45px;*/
/*}*/
/*.WebDoctorVideo .carousel .item,.webPatientVideo .carousel .item{*/
/*    background: transparent;*/
/*    text-align: left;*/
/*    padding: 0;*/
/*    width: 100%;*/
/*    height: 45px;*/
/*}*/
/*.WebDoctorVideo .carousel .item.active,.webPatientVideo .carousel .item.active{*/
/*display: table; width: 100%;*/
/*}*/
/*.WebDoctorVideo .carousel figure,.webPatientVideo .carousel figure{*/
/*    width: 20px;*/
/*    display: table;*/
/*    padding: 0;*/
/*    margin: 11px 0 0 15px;*/
/*    float: left;*/
/*}*/
/*.WebDoctorVideo .carousel .text,.webPatientVideo .carousel .text{*/
/*    padding: 0 15px;*/
/*    float: left;*/
/*    height: 45px;*/
/*    width: 89%;*/
/*}*/
/*.WebDoctorVideo .carousel .text p,.webPatientVideo .carousel .text p{*/
/*    display: table-cell;*/
/*    vertical-align: middle;*/
/*    width: 100%;*/
/*    font-size: 12px;*/
/*    word-break: break-word;*/
/*    height: 45px;*/
/*}*/

.webPatientVideo .videCtrl button,.webPatientVideo .videCtrl button{
    padding: 0 25px 0 0;
}
.webPatientVideo .videCtrl button:last-child,.webPatientVideo .videCtrl button:last-child{
    padding: 0;
}

/*.vertical .carousel-inner {*/
/*    height: 100%;*/
/*}*/

/*.carousel.vertical .item {*/
/*    -webkit-transition: 0.6s ease-in-out top;*/
/*    -moz-transition: 0.6s ease-in-out top;*/
/*    -ms-transition: 0.6s ease-in-out top;*/
/*    -o-transition: 0.6s ease-in-out top;*/
/*    transition: 0.6s ease-in-out top;*/
/*}*/

/*.carousel.vertical .active {*/
/*    top: 0;*/
/*}*/

/*.carousel.vertical .next {*/
/*    top: 400px;*/
/*}*/

/*.carousel.vertical .prev {*/
/*    top: -400px;*/
/*}*/

/*.carousel.vertical .next.left,*/
/*.carousel.vertical .prev.right {*/
/*    top: 0;*/
/*}*/

/*.carousel.vertical .active.left {*/
/*    top: -400px;*/
/*}*/

/*.carousel.vertical .active.right {*/
/*    top: 400px;*/
/*}*/

/*.carousel.vertical .item {*/
/*    left: 0;*/
/*}*/

.videCtrl button, .videCtrl a{
    background-color: transparent;
    border: 0;
    outline: 0;
    display: inline-block;
    padding: 0 10px 15px 0;
}

.mainPics {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.treatment {
    background-color: #FFFFFF;
    overflow: hidden;
}

.treatment h2 {
    font-family: "Montserrat-Regular";
    font-size: 15px;
    color: #252837;
    text-transform: uppercase;
    padding: 10px 30px;
}

.treatment h3 {
    font-family: "Montserrat-Regular";
    font-size: 12px;
    color: #676771;
    text-transform: uppercase;
    padding: 5px 0 15px 30px;
}

.videoImg {
    position: relative;
    margin: 0 0 20px 0;
}

.videoImg .timeing {
    background-color: #f73637;
    color: #FFFFFF;
    font-family: "Montserrat-Regular";
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 10px 8px 10px;
    min-width: 235px !important;
    text-align: center;
    line-height: 0;
    vertical-align: top;
}

.videoImg .timeing span {
    padding: 8px 0px 8px 0px;
    display: inline-block;
}

.videoImg .timeing a {
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    left: 4px;
    top: 3px;
}

.videChat .rightP {
    background-color: #e4dfdf;
    font-size: 13px;
    color: #48494a;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    position: relative;
    max-width: 70%;
    text-align: left;
}

.rightP:after,
.rightP:before {
    left: 100%;
    top: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.rightP:after {
    border-left-color: #e4dfdf;
    border-width: 8px;
    margin-top: 0;
}

.videChat .leftP {
    background-color: #626e7b;
    font-family: "Montserrat-Regular";
    font-size: 10px;
    color: #FFFFFF;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    position: relative;
    max-width: 70%;
    text-align: left;
    margin: 0 0 0 15px;
}

.profilePics {
    display: inline-block;
    margin: 30px 0 0 30px;
    float: left;
}


/*.patientDetailTabs ul{*/


/*display: inline-block;*/


/*width: 100%;*/


/*margin: 0;*/


/*padding:0;*/


/*border-bottom: 1px solid #e8e9e8;*/


/*}*/


/*.patientDetailTabs ul li{*/


/*list-style-type: none;*/


/*display: inline-block;*/


/*border-right: 1px solid #e8e9e8;*/


/*padding: 10px 0;*/


/*vertical-align: top;*/


/*border-top: 2px solid transparent;*/


/*}*/


/*.patientDetailTabs ul li:last-child{border: 0; padding: 10px 0; vertical-align: top;}*/


/*.patientDetailTabs ul li a{*/


/*font-family: 'Quicksand-Medium';*/


/*font-size: 13px;*/


/*text-transform: capitalize;*/


/*color: #3399CC;*/


/*padding: 0 10px;*/


/*}*/


/*.patientDetailTabs ul li.active{*/


/*border-top: 2px solid #66cc99;*/


/*color: #66cc99;*/


/*}*/

.rightCtrl h1 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    float: left;
    width: 74%;
    font-size: 20px;
    text-transform: capitalize;
    padding: 50px 0 0 10px;
    font-weight: 400;
    color: #1d1d1d;
}

.img-ctrl p {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    color: #1d1d1d;
    padding-left: 10px;
}

.rightCtrl h2 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    color: #6a6f6c;
    padding: 20px 0 5px 0;
    display: inline-block; width: 100%;
}


/*.patientDetailTabs .tabs{*/


/*padding: 20px;*/


/*}*/

.summary,.loginModal .modal-body,.signUpModal .modal-body {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.chatContainer {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 0;
}

.chatMsg {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
}

.summary span {
    display: block;
    /*   font-family: 'Quicksand-Bold';*/
    font-size: 12px;
    color: #454545;
    /*   padding: 5px 0 0 0;*/
}

.summary label {
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    text-transform: capitalize;
    color: #1d1d1d;
    font-weight: 400;
}

.summary form p {
    font-family: 'OpenSans';
    font-size: 13px;
    color: #7d817f;
    text-align: left;
    line-height: 18px;
    padding: 0 0 10px 0;
}

.summary textarea {
    width: 100%;
    resize: none;
    height: 80px;
    padding: 5px;
    margin: 5px 0 0 0;
    border: 1px solid #e8e9e7;
    font-family: 'OpenSans';
    font-size: 13px;
}

.summary .btn,
.btn-primary {
    background-color: #3399cc;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Quicksand-Bold';
    padding: 10px 23px;
    font-size: 13px;
    margin-top: 3px;
}

.messages img {
    position: relative;
    z-index: 666;
}

.messages .left p {
    position: relative;
    z-index: 555;
    left: -24px;
    top: 24px;
    background-color: #f1f2f1;
    display: inline-block;
    max-width: 60%;
    padding: 10px 25px;
    float: left;
    border-radius: 4px;
    font-family: 'OpenSans';
    font-size: 12px;
    color: #525754;
}

.messages .right p {
    position: relative;
    z-index: 555;
    left: 24px;
    top: 20px;
    background-color: #66cc99;
    display: inline-block;
    max-width: 60%;
    padding: 10px 25px;
    float: right;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'OpenSans';
    font-size: 12px;
}

.messages .left p span {
    width: 100%;
    text-align: right;
    display: block;
}

.messages .right p span {
    width: 100%;
    text-align: right;
    display: block;
}

.submitCnt {
    display: inline-block;
    width: 100%;
    border: 1px solid #e8e9e8;
    padding: 18px;
}

.submitCnt .customtext {
    width: 84.6%;
    height: 40px;
    padding: 0 10px;
    border-top: 1px solid #e8e9e8;
    border-left: 1px solid #e8e9e8;
    border-bottom: 1px solid #e8e9e8;
    border-right: 0;
    font-family: 'OpenSans';
    font-size: 13px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: none;
    float: left;
}

.submitCnt button {
    background-color: #3399cc;
    height: 40px;
    border: 0;
    outline: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-family: 'Quicksand-Bold';
    color: #FFFFFF;
    font-size: 13px;
    width: 15.4%;
    float: right;
}


/*.messages .left{*/


/*background-color: #f1f2f1;*/


/*}*/


/*.messages .right{*/


/*background-color: #66cc99;*/


/*}*/


/*
    .arrow_box {
     position: relative;
     background: #88b7d5;
    }
    */

.leftP:after,
.leftP:before {
    right: 100%;
    top: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.leftP:after {
    border-right-color: #626e7c;
    border-width: 8px;
    margin-top: 0;
}

.videChat .img-circle {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.videChat {
    display: inline-block;
    width: 100%;
    background-color: #fbfaf8;
    position: relative;
}

.patientImg {
    width: 209px;
    height: 130px;
    position: absolute;
    bottom: 20px;
    right: 15px;
    border: 2px solid #FFFFFF;
}

.chatSplitter {
    display: inline-block;
    width: 100%;
    padding: 0 20px 10px 20px;
}

.messageTypeing {
    display: inline-block;
    border-top: 2px solid #eae5df;
    width: 100%;
}

.messageTypeing .file {
    font-size: 25px;
    color: #898c91;
    padding: 17px 0 22px 22px;
    display: inline-block;
    transform: rotate(40deg);
}

.messageTypeing .typeMsg {
    width: 70%;
    height: 40px;
    margin: 10px 0 0 15px;
    color: #000000;
    font-size: 13px;
    border: 0;
    outline: 0;
    padding: 0 0 0 10px;
}

.messageTypeing input[type="text"]::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #737373;
}

.messageTypeing input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #737373;
    opacity: 1;
}

.messageTypeing input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #737373;
    opacity: 1;
}

.messageTypeing input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #737373;
}

.messageTypeing button {
    border-radius: 50px;
    background-color: #626e7c;
    color: #FFFFFF;
    border: 0;
    outline: 0;
    width: 37px;
    height: 37px;
    font-size: 16px;
    text-align: center;
    padding: 0;
    float: right;
    margin: 10px 25px 0 0;
}

.messageTypeing button i {
    transform: rotate(60deg);
    display: block;
}

.summery {
    float: left;
    width: 75%;
    background-color: #FFFFFF;
}

.summery h2 {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    text-transform: uppercase;
    color: #505251;
    border-bottom: 1px solid #b7b7b7;
    padding: 25px 40px;
}

.patientDetails {
    width: 86%;
    display: block;
    margin: 0 auto;
}

.chatRightText {
    width: 74%;
    float: left;
}

.chatRightIcon {
    width: 23%;
    float: right;
}

.patientDetails .table label {
    font-family: 'OpenSans-SemiBold';
    color: #9f9f9f;
    text-transform: capitalize;
    font-size: 12px;
}

.patientDetails label {
    font-family: 'OpenSans-SemiBold';
    color: #9f9f9f;
    text-transform: capitalize;
    font-size: 12px;
}

.patientDetails .table p {
    font-family: 'OpenSans';
    color: #505050;
    font-size: 12px;
}

.patientDetails .table > tbody >tr> td {
    border-top: 0;
    vertical-align: bottom;
}

.rightNav {
    float: right;
    width: 25%
}

.rightNav ul li {
    display: inline-block;
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    margin: 0;
    position: relative;
}

.rightNav ul li a {
    font-size: 15px;
    color: #6a6a6a;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 14px 10px;
    text-decoration: none;
    border-bottom: 2px solid #eae5df;
}

.rightNav ul li a span {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    height: 41px;
    position: relative;
    font-family: "Montserrat-Light";
    font-size: 13px;
}

.rightNav li:last-child a .img-responsive {
    width: 25px;
    margin: 4px 0 0 0;
}

.rightNav ul li:nth-child(1) span,
.rightNav ul li:nth-child(4) span,
.rightNav ul li:nth-child(5) span {
    top: 10px;
    position: relative;
}

.rightNav ul li:first-child span.chatRightIcon,
.rightNav ul li:last-child span.chatRightIcon {
    top: 0;
}

.rightNav ul li:nth-child(4) img {
    transform: rotate(195deg);
}

.tabIcons {
    float: right;
    display: inline-block;
}

.rightNav .active a {
    background-color: #3b55e6;
    color: #FFFFFF !important;
}

.rightNav li a .arrow {
    display: none;
}

.rightNav .active .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #3b55e6;
    position: absolute;
    left: -10px;
    top: 37%;
}

.rightNav .active .tabIcons {
    display: none !important;
}

.rightNav .active .arrow,
.rightNav .active .tabIconsHover {
    display: inline-block !important;
}

.rightNav .tabIconsHover {
    display: none !important;
}

.patientDetails {
    padding: 30px 20px 0 20px;
    display: inline-block;
    width: 100%;
}


.forgetPwd,
.verifyPopup,.doctorModal {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.signupPopup .form-control:focus,
.forgetPwd .form-control:focus,
.login .form-control:focus,.doctorModal .form-control:focus {
    /*background-color: #FFFFFF;*/
    box-shadow: none;
    /*box-shadow: 0px 6px 28px 0px #eeeeee !important;*/
    border: 1px solid #e4e4e6;
}

.signupPopup .form-group,
.login .form-group,
.forgetPwd .form-group,.verifyModal .form-group {
    position: relative;
}

.signupPopup h1,
.login h1,
.forgetPwd h1,.verifyModal h1,.doctorModal h1 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 30px 0;
    text-transform: capitalize;
    font-family: 'Quicksand-Bold';
}
.verifyModal h3{
    font-size: 20px;
    text-align: center;
    padding: 20px 0 30px 0;
    text-transform: capitalize;
    color: #000000;
    font-weight: bold;
}
.signupPopup label,
.login label,
.forgetPwd label,.verifyModal label,.doctorModal label {
    font-size: 10px;
    color: #acaebd;
    display: block;
    font-weight: normal;
    padding: 0 0 10px 23px;
    text-transform: uppercase;
    font-family: 'Quicksand-Bold';
    text-align: left;
}

.signupPopup .form-control,
.login .form-control,
.forgetPwd .form-control,.verifyModal .form-control,.doctorModal .form-control {
    border-radius: 50px;
    border: 1px solid #e4e4e6;
    background-color: #f1f2f7;
    height: 40px;
    padding-left: 50px;
    font-size: 12px;
    box-shadow: none;
    color: #000000;
}



.signupPopup .fa-phone,
.login .fa-envelope,
.login .fa-user,
.login .fa-lock,
.forgetPwd .fa-envelope,.verifyPopup .fa-envelope,
.verifyPopup .fa-phone,.verifyModal .fa-envelope,.verifyModal .fa-phone,
.signupPopup .fa-plus,.doctorModal .fa-envelope,.doctorModal .fa-phone{
    position: absolute;
    top: 37px;
    left: 22px;
    color: #bbbed1;
    font-size: 14px;
}
.signupPopup .fa-lock,.signupPopup .fa-envelope,
.signupPopup .fa-user{
    position: absolute;
    top: 32px;
    left: 22px;
    color: #bbbed1;
    font-size: 14px;
}
.signupPopup .age input{
    padding-left: 30px;
}
.signupPopup .gender{
    width: 66%;
    margin: 0;
    padding: 0 0 0 17px;
    margin-top: -3px;
}
.signupPopup .gender label{
    width: auto;
    margin: 15px 0 0 0;
    font-family: 'Quicksand-Bold';
}
.forgetPwd {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.modal-dialog.forgotModal {
    width: 450px;
    margin: 0 auto !important;
    height: auto;
    overflow-y: auto;
}

.modal-dialog.loginModal {
    width: 450px;
    /*width: 25.8%;*/
    /*margin: auto 37% !important;*/
    height: auto;
    overflow-y: auto;
}

.modal-dialog.signUpModal {
    width: 450px;
    /*width: 25.8%;*/
    /*margin: 0 35% !important;*/
}
.doctorModal{
    width: 350px !important;
}

.signupPopup p::first-letter {
    text-transform: capitalize;
}

.signupPopup p {
    font-size: 11px;
    color: #272f3c;
    text-align: center;
    padding: 10px 15px 25px 15px;
    font-family: 'OpenSans';
}

.signupPopup p a,.doctorModal p a{
    color: #272f3c;
    text-decoration: underline;
    font-weight: bold;
    font-size: 11px;
}

.signupBtn,
.signupBtn:hover,.verifyModal .submitBtn,.verifyModal .submitBtn:hover,
.doctorModal .submitBtn{
    color: #FFFFFF;
    border-radius: 50px;
    background-color: #eF7F1B;
    text-transform: uppercase;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 20px 0;
}

.Attachments .signupBtn {
    margin: 0;
}

.attch a img {
    height: 35px !important;
}

.signupPopup .divider,
.login .divider {
    border-top: 1px solid #e9e9e9;
    display: block;
    margin: 35px 0 13px;
    position: relative;
}

.signupPopup .divider span,
.login .divider span {
    position: absolute;
    background-color: #FFFFFF;
    font-size: 10px;
    color: #aaaaaa;
    top: -9px;
    left: 40%;
    padding: 0 15px;
}

.signupPopup .modal-header,
.login .modal-header,
.forgetPwd .modal-header,.verifyModal .modal-header,.doctorModal .modal-header{
    padding: 0;
    margin: 0;
    border-bottom: 0;
    position: relative;
}
@media only screen and (min-width: 1024px) {
    .permissionPopup .modal-dialog {
        width: 650px;
    }
}

.doctorPopup h4{
    font-size: 20px;
}

.doctorPopup label{
    font-size: 18px;
}

.twitterBtn {
    display: inline-block;
    background-color: #55acef;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 10px 25px;
    margin: 20px 15px 0 0;
}

.facebookBtn {
    display: inline-block;
    background-color: #3b5997;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    border-radius: 50px;
    padding: 10px 25px;
    margin: 20px 0 0 0;
}

.twitterBtn i,
.facebookBtn i {
    padding-right: 10px;
}

.closePopup {
    position: absolute;
    top: 7px;
    right: 0;
    color: #adadad;
    font-size: 14px;
    text-decoration: none !important;
    opacity: 1;
}

.signinBtn,signinBtn:hover,.signinBtn:focus,.signinBtn:active,
.sendBtn,.sendBtn:hover,.sendBtn:focus,.sendBtn:active,
.forget-btn,.signinBtn:focus,.signinBtn:hover,.signinBtn:active {
    border-radius: 50px;
    background-color: #eF7F1B;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
    padding: 10px 0;
    outline: 0 !important; box-shadow: none;
}
.gBtn{
    border:1px solid #eF7F1B; color:#eF7F1B !important; font-size: 12px; text-transform: uppercase !important; width: 100%; padding: 10px 0; border-radius: 50px; text-decoration: none !important; font-weight: 600;
}
.gBtn i{font-size: 16px; position: relative; top:1px; right:5px;}
.sendBtn {
    margin: 15px 0 0 0;
}
.verifyModal a {
    color: #adadad;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    text-transform: capitalize;
    padding: 8px 0 13px 0;
    text-decoration: underline;
    opacity: 1;
    font-family: 'OpenSans';
}

.login ul {
    text-align: center;
    margin: 0; padding: 0;
    border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}
ul.popupTabs li:first-child {
    border-top-left-radius: 10px;
}
ul.popupTabs li:last-child {
    border-top-right-radius: 10px;
}

.login ul li {
    display: inline-block;
    width: 50%; float: left;
}
ul.popupTabs li a.active {
    border-bottom: 2px solid #66CC99;
}
.login ul li a {
    font-size: 16px;
    text-decoration: none;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    color: #9e9ef3;
    border: 0;
    font-family: 'OpenSans';
    opacity: 1;
    text-align: center;
    display: inline-block;
    background: #333367;
}
ul.popupTabs li:first-child a {
    border-style: solid;
    border-color: #484894;
    border-width: 0 2px 0 0;
    border-top-left-radius: 0;
    font-size: 16px;
}
ul.popupTabs li:last-child a {
    border-style: solid;
    border-color: #e8e9e8;
    border-width: 0 0 0 0;
    border-top-right-radius: 0;
    font-size: 16px;
}
.login form,.signUpModal form{
    padding: 20px;
}
.login .split-left, .login .split-right{
    display: inline-block;
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 20px;
}
.login .mobile-with-code {
    border-radius: 50px;
    border: 1px solid #e4e4e6;
    background-color: #f1f2f7;
    height: 40px;
    display: inline-block;
    width: 100%; float: left;
}
.login .mobile-with-code span.code {
    display: inline-block;
    background: #e1e2e6;
    width: 70px;
    float: left;
    border-radius: 50px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
}
.login .mobile-with-code input {
    border-radius: 0 50px 50px 0;
    border: 0;
    background-color: #f1f2f7;
    height: 40px;
    float: left;
    font-size: 12px;
    width: calc(100% - 78px);
    padding-left: 10px;
}
.login .customSelectDropdown select,.signUpModal .customSelectDropdown select,.forgetPwd .customSelectDropdown select{
    padding-left: 20px;
    background: url('../images/arrow.png') #f1f2f7 scroll no-repeat 89% 16px;
}
.login .login-via-otp {
    font-size: 14px;
    border: 1px solid#EF7F1B;
    border-radius: 50px;
    height: 40px;
    padding: 0 !important;
    display: inline-block !important;
    width: 100%;
    float: right;
    line-height: 38px;
    text-decoration: none !important;
    color: #EF7F1B;
    cursor: pointer;
    transition: all .5s ease-in-out;
    text-align: center;
}
.login form p{margin: 0 0 5px 0; }
.login form span.text-danger,.login form span.text-danger a,.forgetPwd span.text-danger,
.signUpModal span.text-danger{
    font-size: 12px;
}
.login .login-via-otp:hover,.login .login-via-otp:focus{
    background:#EF7F1B; color: #FFFFFF; transition: all .5s ease-in-out;
}
.dashboard-btn-patient:hover {
    background:#EF7F1B;
    color: #fff !important;
}
.dashboard-btn-doc:hover {
    background:#3398cc;
    color: #fff !important;
}

ul.popupTabs li a.active {
    border-bottom: 0 solid #66CC99; background: #333367;
    color: #FFFFFF;
}
.signUpModal h1{
    margin: 0;
    padding: 19px 0;
    background: #333367;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #FFFFFF;
    line-height: 21px;
}
.signUpModal label{
    margin:0 0 5px 0; padding: 0 0 0 23px;
}
.signUpModal .form-group{
    margin-bottom: 20px; display: inline-block; width: 100%; vertical-align: top;
}
.signUpModal .mobile-with-code {
    border-radius: 50px;
    border: 1px solid #e4e4e6;
    background-color: #f1f2f7;
    height: 40px;
    display: inline-block;
    width: 100%; float: left;
}
.signUpModal .mobile-with-code span.code {
    display: inline-block;
    background: #e1e2e6;
    width: 70px;
    float: left;
    border-radius: 50px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
}
.signUpModal .mobile-with-code input {
    border-radius: 0 50px 50px 0;
    border: 0;
    background-color: #f1f2f7;
    height: 40px;
    float: left;
    font-size: 12px;
    width: calc(100% - 78px);
    padding-left: 10px;
}
.signUpModal span.text-danger{
    padding: 0 0 0 20px;
}
.eye-icon{
    width: 20px;
    position: absolute;
    top: 30px;
    right: 40px;
    cursor: pointer;
}
/*.login ul li:nth-child(1) {*/
/*    background-color: #55acef;*/
/*}*/

/*.login ul li:nth-child(2) {*/
/*    background-color: #3a5a97;*/
/*}*/

/*.login ul li:nth-child(3) {*/
/*    background-color: #e54835;*/
/*    margin: 0;*/
/*}*/

.modal.fade .modal-dialog {
    /*    transform: translate(0%, -50%);*/
}


/*.modal.in .modal-dialog,*/

.modal-dialog {
    /*position: absolute;*/
    /*left: 0%;*/
    /*top: 50%;*/
    /*transform: translate(0, -50%) !important;*/
    /*-ms-transform: translate(0, -50%) !important;*/
    /*-webkit-transform: translate(0, -50%) !important;*/
    /*margin-top: 0px;*/
    /*height: auto;*/
    /*overflow-y: auto;*/
}


/*
#subscribers .OT_root OT_subscriber OT_fit-mode-cover{
    width: 100% !important; height: 310px !important;
}
*/


/*#subscribers {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    z-index: 0;
}*/

#publisher {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    bottom: 0;
    right: 0;
    /*border: 2px solid #FFFFFF;*/
}

.patientIssues {
    text-align: left;
}

.patientIssues .left {
    float: left;
    width: 66%;
    padding: 0 0 0 21px;
}

.patientIssues .right {
    float: right;
    width: 33%;
    padding: 0 7px 0 0;
}

.patientIssues h3 {
    font-size: 13px;
    text-transform: uppercase;
    color: #4f536e;
    padding: 50px 0 10px 0;
}

.right h3 {
    padding: 50px 0 10px 12px;
}

.patientIssues .doneBtn {
    background-color: #4f536e;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    padding: 8px 0;
    width: 100%;
}

.patientIssues .patientIssues {
    height: auto;
}

.patientIssues textarea {
    background-color: #f1f2f7;
    border-radius: 5px;
    border: 1px solid #ebecf1;
    height: 100px;
    width: 100%;
    resize: none;
    padding: 10px;
    color: #b4b7bc;
    font-size: 12px;
}

.patientIssues .form-control {
    border: 0;
    box-shadow: none;
    height: auto;
}

#subscribers div {
    width: 100% !important;
    height: 100% !important;
}

.patientDetails table th {
    border-top: 0 !important;
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
}

.patientDetails table td {
    font-size: 12px;
}

.patientDetails .form-control {
    border-radius: 0;
}

/*header drop down menu*/

.header_menu .dropdown {
    /* border: 1px solid #ccc;
 border-radius: 4px; */
    /*width: 300px;*/
}

.header_menu .dropdown-menu>li>a {
    color: #428bca;
}

.header_menu .dropdown ul.dropdown-menu {
    /*            border-radius: 4px;*/
    box-shadow: none;
    /*    margin-top: 20px;*/
    /*    width: 100px;*/
    width: auto;
}
.header_menu .dropdown ul.dropdown-menu:before,.msg-notification h3:before{
    /*.header_menu .dropdown ul.dropdown-menu:before {*/
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}

.header_menu .dropdown ul.dropdown-menu:after,.msg-notification h3:after{
    content: "";
    /*    border-bottom: 12px solid #577495;*/
    border-bottom: 12px solid rgba(0, 0, 0, .15);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
}

.header_menu .nav .open > a,
.header_menu .nav .open > a:focus,
.header_menu .nav .open > a:hover {
    background-color: transparent !important;
    border: 0;
    color: #000000;
}

.header_menu .navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 0;
}

.header_menu .nav li a:hover {
    text-decoration: none;
    background: transparent;
    color: #000000;
    border-radius: 0;
    text-decoration: none;
}

.header_menu li.dropdown {
    position: relative;
    top: -20px;
}

.header_menu li.dropdown a {
    /*    background-color: #577495;*/
    background: transparent;
}

.header_menu li:first-child a {
    background-color: transparent;
    color: #000000;
    border: 0;
}

.header_menu {
    position: absolute;
    right: 15px;
    top: 60px;
}

.header_menu ul.dropdown-menu {
    /*    background-color: #577495;*/ margin:8px 0 0 0;
}

.header_menu ul.dropdown-menu li,.msg-notification .notificationList ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e4dede;
    vertical-align: top;
    text-align: left;
}

ul.dropdown-menu li:last-child {
    border: 0;
}

.header_menu ul.dropdown-menu li a,.msg-notification .notificationList ul li a {
    font-family: 'OpenSans';
    color: #000000 !important;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: 0;
    padding: 6px 0px 6px 10px;
    font-weight: 600; vertical-align: top;
    width: 100%;
    word-break: break-word;
}
.header_menu ul.dropdown-menu li:first-child:hover:before{
    content: "";
    border-bottom: 10px solid #eF7F1B;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.header_menu ul.dropdown-menu li a:hover{background-color: #eF7F1B; color:#FFFFFF !important; }
.header_menu ul.dropdown-menu li:last-child a:hover{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

/*header drop down menu ENDs*/

/*New header drop down menu*/
.new-header_menu .dropdown {
    /* border: 1px solid #ccc;
 border-radius: 4px; */
    /*width: 300px;*/
}

.new-header_menu .dropdown-menu>li>a {
    color: #428bca;
}

.new-header_menu .dropdown ul.dropdown-menu {
    /*            border-radius: 4px;*/
    box-shadow: none;
    /*    margin-top: 20px;*/
    /*    width: 100px;*/
    /*width: 100%;*/
}
.new-header_menu .dropdown ul.dropdown-menu:before,.msg-notification h3:before{
    /*.header_menu .dropdown ul.dropdown-menu:before {*/
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}

.new-header_menu .dropdown ul.dropdown-menu:after,.msg-notification h3:after{
    content: "";
    /*    border-bottom: 12px solid #577495;*/
    border-bottom: 12px solid rgba(0, 0, 0, .15);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 14px;
}

.new-header_menu .nav .open > a,
.new-header_menu .nav .open > a:focus,
.new-header_menu .nav .open > a:hover {
    background-color: transparent !important;
    border: 0;
    color: #000000;
}

.new-header_menu .navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 0;
}

.new-header_menu .nav li a:hover {
    text-decoration: none;
    background: transparent;
    color: #000000;
    border-radius: 0;
    text-decoration: none;
}

.new-header_menu li.dropdown {
    position: relative;
    top: -20px;
}

.new-header_menu li.dropdown a {
    /*background-color: #577495;*/
    background: transparent;
}

.new-header_menu li:first-child a {
    background-color: transparent;
    color: #000000;
    border: 0;
}

.new-header_menu {
    #position: absolute;
    right: 15px;
    top: 60px;
}
.new-header_menu ul.dropdown-menu {
    /*    background-color: #577495;*/ margin:8px 0 0 0;
}

.new-header_menu ul.dropdown-menu li,.msg-notification .notificationList ul li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e4dede;
    vertical-align: top;
    text-align: left;
}

ul.dropdown-menu li:last-child {
    border: 0;
}

.new-header_menu ul.dropdown-menu li a,.msg-notification .notificationList ul li a {
    font-family: 'OpenSans';
    color: #000000 !important;
    cursor: pointer;
    font-size: 11px;
    letter-spacing: 0;
    padding: 6px 0px 6px 10px;
    font-weight: 600; vertical-align: top;
    width: 100%;
    word-break: break-word;
}
.new-header_menu ul.dropdown-menu li:first-child:hover:before{
    content: "";
    border-bottom: 10px solid #eF7F1B;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 16px;
    z-index: 10;
}
.new-header_menu ul.dropdown-menu li a:hover{background-color: #eF7F1B; color:#FFFFFF !important; }
.new-header_menu ul.dropdown-menu li:last-child a:hover{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}

.laguage {
    float: left;
    margin: 0 0 0 30px;
    width: 17%;
}

.selectLang {
    margin: 11px 0 0 10px;
    display: inline-block;
    width: 58%;
    float: right;
}

.laguage h2 {
    padding: 0;
    border: 0;
    float: none;
    padding: 23px 0 0 0;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #2e2e2ecc;
    letter-spacing: 1px;
}

.laguage .customDropDown {
    width: 100%;
    float: right;
}

.userStatus h2 {
    padding: 0;
    border: 0;
    float: none;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #2e2e2ecc;
    padding: 23px 0 0 0;
    letter-spacing: 1px;
}

.userStatus .customDropDown {
    float: right;
    width: 100%;
}

.userStatus {
    display: inline-block;
    width: 15%;
    margin: 0 0 0 30px;
}

.userStatus .status {
    display: inline-block;
    float: right;
    width: 64%;
    margin: 11px 0 0 10px;
}


/*
.laguage select {
    width: 100%;
    height: 34px;
    border: 1px solid #d0cbcb;
    b   ackground-color: #FFFFFF;
    outline: 0;
    padding: 0 0 0 5px;
    font-size: 13px;
}
*/

.sort {
    float: right;
    width: 21%;
    margin: 0;
}

.sort span {
    font-size: 11px;
    text-transform: uppercase;
    padding: 21px 0 0 0;
    display: inline-block;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    color: #2e2e2ecc;
    letter-spacing: 1px;
}

.sort .orderBy {
    display: inline-block;
    float: right;
    margin: 11px 0 0 10px;
    width: 72%;
}

.sort .customDropDown {
    display: inline-block;
    width: 100%;
    margin: 0;
}


/*
.sort select {
    width: 52%;
    height: 34px;
    border: 1px solid #d0cbcb;
    background-color: #FFFFFF;
    outline: 0;
    padding: 0 0 0 5px;
}
*/

.gender .active + label {
    background-color: #FFFFFF;
    border-radius: 40px;
    width: 70px;
    height: 26px;
    line-height: 26px;
    color: #333e5c;
    border-radius: 40px;
    display: inline-block;
}

.slider {
    display: inline-block;
    width: 44%;
    margin: 17px 0 0 0;
    padding-left: 0px;
    padding-right: 10px;
}

.slider-cnt > span:first-child {
    float: left;
    width: 27px;
    padding: 21px 0 0 0;
}

.slider-cnt > span:last-child {
    float: right;
    width: 60px;
    padding: 21px 0 0 0;
}

.slider .rzslider .rz-pointer {
    width: 10px;
    height: 10px;
    top: -5px;
    outline: 0;
    border: 0;
}

.slider .rzslider .rz-pointer:after {
    top: 8px;
    left: 8px;
    width: 5px;
    height: 5px;
    display: none;
}

.slider .rzslider .rz-bubble {
    font-size: 10px;
    bottom: 15px;
    display: none;
}

.slider .rzslider {
    margin: 12px 0 15px 0;
}

.slider .rzslider .rz-bar {
    height: 2px;
}

.appoinmentSlotes h1 {
    font-family: "Montserrat-Regular";
    background: #70c754;
    color: #fff;
    padding: 20px 0;
    border-radius: 5px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    margin: 20px 0 2px 0;
}

.appoinmentSloteSide {
    padding: 20px 20px;
    border-radius: 5px;
    background: #fff;
}

.appoinmentSloteSide h2 {
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ece9e9;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
    color: #000000;
}

.appoinmentSloteSide .left {
    float: left;
    font-size: 18px;
    color: #EF7F1B;
    position: relative;
    left: 35%;
    top: -4px;
}

.appoinmentSloteSide .right {
    float: right;
    font-size: 18px;
    color: #EF7F1B;
    position: relative;
    right: 35%;
    top: -4px;
}

.appoinmentSloteSide h3 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    text-align: center;
    width: 97%;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

.appoinmentSlotes {
    width: 50%;
    margin: 0 auto;
    position: relative;
}

.appoinment .btn:focus,
.appoinment .btn:hover {
    color: #FFFFFF;
}

.selectSlotes {
    display: inline-block;
    padding: 20px 0 30px 0;
    width: 88%;
}

.availableTimeSlotes {
    border: 1px solid #EF7F1B;
    background-color: #FFFFFF;
    font-family: 'Quicksand-Medium' !important;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 7px 15px;
    border-radius: 4px;
    color: #EF7F1B;
    outline: 0;
    width: 90px;
    margin: 0 15px 15px 0;
}

.availableTimeSlotes:hover,
.availableTimeSlotes:active,
.availableTimeSlotes:focus {
    color: #FFFFFF;
    background-color: #EF7F1B;
}

.allocatedTimeSlotes {
    border: 1px solid #b8bac3;
    background-color: #FFFFFF;
    font-family: 'Quicksand-Medium' !important;
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 7px 11px;
    border-radius: 4px;
    color: #b8bac3;
    width: 90px;
    outline: 0;
    margin: 0 15px 15px 0;
}

.allocatedTimeSlotes:hover,
.allocatedTimeSlotes:focus {
    color: #cccaca;
    cursor: text !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.btn:focus,
.btn:hover,.btn:active {
    outline: 0; box-shadow: none;
}

.bookApnt {
    background: #EF7F1B;
    border: 0;
    outline: 0;
    color: #FFFFFF;
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 6px 20px;
    margin: 0 auto;
    display: block;
}

.bookApnt i {
    margin-top: 3px;
}

.appoinmentInfo {
    float: left;
    width: 50%;
    padding: 20px;
}

.appoinmentBtnSide {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-color: #3a3f5c;
    display: inline-block;
    padding: 50px 0;
}

.appoinmentBtnSide hr {
    border-top: 1px solid #313652;
    margin: 50px 0 50px 0;
}

.meetDoctor {
    display: inline-block;
    background-color: #6fc854;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 30px;
    padding: 10px 60px;
    margin: 0 auto 30px auto;
}

.bookLatter {
    display: block;
    background-color: #3b55e6;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 30px;
    padding: 10px 60px;
    margin: 0 auto 20px auto;
}

.directMeet {
    display: block;
    background-color: #4f536e;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 30px;
    padding: 10px 60px;
    margin: 0 auto 20px auto;
}


/*
ul.typeahead {
    width: 100% !important;
}
*/

.listOfDoctors .glyphicon,
.appoinmentInfo .glyphicon {
    font-size: 16px;
    color: #00c5ef;
}

.doctorProfile .glyphicon {
    font-size: 18px;
    color: #00c5ef;
    border: 0;
    outline: 0;
}

.paymentSide .glyphicon {
    font-size: 14px;
    color: #00c5ef;
}

.paymentSide .plus {
    font-size: 20px;
    margin: 0;
    position: absolute;
    display: inline-block;
    top: -15px;
    left: 0;
    right: 0;
    bottom: 0;
}

.slideBack,
.pageBack {
    float: right;
    padding: 0 20px 0 0;
    color: #FFFFFF;
    font-size: 15px;
}

.slideBack:hover,
.slideBack:focus,
.pageBack:hover,
.pageBack:focus {
    color: #FFFFFF !important;
}


/*
ul.typeahead li {
    color: red !important;
    border: 1px solid red;
    top: 0 !important;
}
*/

.patientIssues input[type="text"] {
    border: 1px solid #ebecf1;
    border-radius: 0;
    height: 50px;
    width: 92%;
    margin: 0 0 0 10px;
}

.otherPatients {
    background-color: #FFFFFF !important;
    border: 1px solid #ebecf1 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 0 0 5px !important;
    color: #3f3e44 !important;
    text-align: left !important;
    font-size: 13px;
}

.paymentSide h2 {
    font-family: 'Quicksand-Bold';
    font-size: 14px;
    /*text-transform: uppercase;*/
    color: #333366;
    padding: 20px 0 20px 0;
    width: 92%;
    margin: 0 auto 20px auto;
}

.doctorSummery label {
    font-family: "Montserrat-Light";
    font-size: 12px;
    text-transform: capitalize;
    display: block;
    padding: 0 0 5px 0;
}

.doctorSummery textarea {
    width: 100%;
    height: 60px;
    padding: 5px;
    font-size: 12px;
    outline: 0;
    resize: none;
    font-family: "Montserrat-Regular";
}

.sumBtn {
    background-color: #3b55e6;
    color: #FFFFFF;
    border: 0;
    border-radius: 0;
    outline: 0;
    margin: 15px 0 0 0;
    font-family: "Montserrat-Regular";
    font-size: 12px;
}

.doctorSummery {
    padding: 0 20px;
}

.addPatInfo {
    display: inline-block;
    width: 74%;
    height: 100px;
    border: 2px dashed #a5a3b9;
    border-radius: 50px;
    margin: 25px 0 0 0;
    line-height: 100px;
    color: #3f3e44;
    outline: 0;
    position: relative;
}

.addPatInfo:hover,
.addPatInfo:focus {
    text-decoration: none;
    color: #3f3e44;
}

.patientInfo .patientIMG {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #dcdcdc;
    float: left;
    margin: 0 0 30px 0;
}

.patientInfo label {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-family: "Montserrat-Light";
    font-size: 12px;
    color: #3f3e44;
    text-transform: capitalize;
    padding: 0 0 5px 0;
}

.patientInfo .form-control {
    border-radius: 0;
    border: 1px solid #dcdcdc;
    outline: 0;
}

.patientInfo .form-control:focus {
    box-shadow: none;
}

.patientInfo span {
    float: left;
    display: inline-block;
    font-size: 12px;
    padding: 0 20px;
    font-family: 'OpenSans';
    text-transform: capitalize;
    color: #3f3e44;
}


/*
.patientInfo input[type="radio"] + label {
    display: inline-block;
}*/

.patientInfo textarea {
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 121px;
    padding: 15px;
    font-size: 12px;
    resize: none;
    outline: 0;
}

.file {
    margin: 81px 0 0 20px;
    display: inline-block !important;
    float: left;
}

.patientInfo .saveBtn {
    background-color: #70c754;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: capitalize;
}

.patientInfo .cancelBtn {
    color: #FFFFFF;
    font-size: 15px;
    text-transform: capitalize;
}

.patientInfo .btn {
    margin: 30px 20px 0 0;
    padding: 10px 0;
}


/*patient info customr radio btn starts from here*/

.patientInfo .customRadio {
    width: 30px !important;
    height: 30px !important;
    display: inline-block !important;
    float: left !important;
    border: 2px solid #dcdcdc !important;
    top: -8px;
}

.patientInfo > input[type="radio"] + label:hover,
.patientInfo > input[type="radio"]:checked + label {
    border: 2px solid #dcdcdc !important;
    background: gray !important;
}

.homeSearch {
    border: 1px solid rgb(99, 99, 101);
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    height: 38px;
}

.bannerDiv .findDoctor .homeSearch .searchIcon {
    left: 8.5%;
}

.locationContainer {
    float: left;
    width: 15%;
    text-align: left;
    height: 32px;
    margin: 2px 0 0 0;
}

.localityContainer {
    float: left;
    width: 15%;
}

.keywordContainer {
    float: left;
    width: 65%;
    margin: 4px 0 0 0;
}

.keywordContainer .form-control {
    margin: 0px 0 0 0;
}

.homeSearch button {
    float: right;
    background: #eF7F1B;
    /*border-radius: 40px;*/
    color: #fff;
    /*padding: 6px 25px 6px 30px;*/
    cursor: pointer;
    height: 100%;
    width: 170px;
    border: none;
    margin: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    letter-spacing: 1px;
}

.homeSearch .search-container {
    display: inline-block;
    width: calc(80% - 172px);
    margin-top: 8px;
    height: 32px;
}

.homeSearch .searchIcon {
    margin: 10px 0 0 0;
    position: absolute;
    right: 185px;
    top: 0;
    z-index: 9;
}

.homeSearch .fa-map-marker {
    display: inline-block;
    font-size: 19px;
    margin: 0;
    position: relative;
    left: 20px;
    top: 2px;
}

.locationContainer span {
    display: inline-block;
    margin: 7px 0 0 26px;
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #9fa3a7;
}

.locationContainer .customSelectDropdown select{
    padding: 0 20px 0 33px !important;
    height: 36px;
}

.homeSearch .form-control:focus {
    box-shadow: none;
}

.homeSearch input {
    color: #9fa3a7 !important;
    font-size: 14px;
    text-transform: capitalize;
}

.homePlace::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9fa3a7;
}

.homePlace::-moz-placeholder {
    /* Firefox 19+ */
    color: #9fa3a7;
}

.homePlace:-ms-input-placeholder {
    /* IE 10+ */
    color: #9fa3a7;
}

.homePlace:-moz-placeholder {
    /* Firefox 18- */
    color: #9fa3a7;
}

span:focus {
    outline: 0;
}

.findDoctor {
    padding-top: 6px;
    height: 60px;
}

.findDoctor .homeSearch {
    border: 0px solid #e9e9e9;
    margin: 9px 0 0 0;
    background-color: #FFFFFF;
    position: relative;
}

.findDoctor .homeSearch .form-control {
    border: 0;
    height: 100%;
    width: calc(100% + 200px);
    box-shadow: none;
    font-family: 'Quicksand-Medium';
    /*border-left: 1px solid #c0c0c0;*/
    border-radius: 0px;
    font-size: 14px;
    padding:7px 11px;
    color:#000000 !important;
}


/*.findDoctor .homeSearch .keywordContainer {*/


/*width: 55%;*/


/*height: 32px;*/


/*margin: 4px 0 0 0;*/


/*}*/

.findDoctor .homeSearch .localityContainer {
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    height: 32px;
    margin: 4px 0 0 0;
}

.homeSearch .localityContainer {
    border-left: 1px solid rgb(99, 99, 101);
    border-right: 1px solid rgb(99, 99, 101);
    height: 43px;
}

.customDropDown {
    padding: 0;
    margin: 0px 0 0 0;
    border: 1px solid #e3e8f0;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    background-color: #f0f2f7;
    color: #28374c;
    z-index: 555;
    height: 38px;
    /*    background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;*/
}

.customDropDown:before {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 10px;
    position: absolute;
    right: 15px;
    top: 11px;
    color: #8b8ea0;
}

.customDropDown select {
    padding: 11px 0 9px 20px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 5555;
    font-family: 'Quicksand-Bold';
    text-transform: uppercase;
    font-size: 11px;
    color: #8b8ea0;
    outline: 0;
    -moz-outline: none;
}

.customDropDown select:focus {
    outline: none;
    -moz-outline: none;
}

.customDropDown select:focus {
    outline: none;
    border: 0;
}

.customDropDown select::-moz-focus-inner {
    border: 0;
    outline: 0;
}


/*custom file code starts from here*/

.post-btn {
    position: relative;
    overflow: hidden;
    background-color: #3b55e6;
    color: #fff;
    display: inline;
    padding: 10px;
    margin: 0 0 20px 0;
}

.post-btn label {
    color: #FFFFFF;
}

.uploadFileName {
    margin: 0 0 0 15px;
    font-size: 12px;
}

.post-btn input.upload {
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 0; */
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1000;
}

.upload-photo {
    opacity: 1;
    position: absolute;
    z-index: -1;
}

.cursor-pointer {
    cursor: pointer;
}

.closePopup.close {
    top: 10px;
    right: 10px;
    z-index: 99;
}


/*custom file code ends here*/

.closeVideoSession {
    border-radius: 0;
    background-color: #f73637;
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 13px;
}

.patientInfo .post-btn {
    display: inline-block;
    float: left;
    padding: 5px 15px 0px 20px;
    margin: 73px 0 0 10px;
}

.Attachments .comment {
    font-size: 13px;
}

.rzslider .rz-pointer,
.rzslider .rz-pointer:after,
.rzslider .rz-selection {
    background-color: #ef7f1d !important;
}

ul.leftNav {
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.leftNav li {
    display: inline-block;
    background-color: rgba(255, 255, 255, .5);
    width: 100%;
    margin: 0;
    position: relative;
}


/*
.leftNav ul li:nth-child(1) span,
.leftNav ul li:nth-child(4) span,
.leftNav ul li:nth-child(5) span {
    top: 10px;
    position: relative;
}
*/

ul.leftNav li a span {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    /*    height: 41px;*/
    position: relative;
    font-family: "Montserrat-Light";
    text-transform: uppercase;
    font-size: 13px;
}

.leftNav .chatRightText {
    width: 74%;
    float: right;
}

.leftNav .chatRightIcon {
    width: 23%;
    float: left;
}

.leftNav .active .arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3b55e6;
    position: absolute;
    right: -9px;
    top: 37%;
    z-index: 555;
}

ul.leftNav li a .arrow,.mob_lanscape,.r-arrow,.mtoggle,.patient-video-permission .pageTitle p.mobile,
.patient-video-permission .mobileVideoMsg,.patient-video-permission .mobilePermissionMsg,.mobileHeading,
.mobileSlotView,.halfScreen-icon,.video-full-screen .fullScreen-icon{
    display: none;
}

.leftNav .active .tabIcons,.closeMenu{
    display: none !important;
}

.leftNav .tabIcons {
    float: left;
    display: inline-block;
}

.leftNav .tabIconsHover {
    display: none !important;
}

ul.leftNav li a {
    font-size: 15px;
    color: #6a6a6a;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding: 16px 10px;
    text-decoration: none;
    border-bottom: 2px solid #eae5df;
}

ul.leftNav li:last-child a {
    border: 0;
}

.leftNav .active a {
    background-color: #3b55e6;
    color: #FFFFFF !important;
}

.leftNav .active .arrow,
.leftNav .active .tabIconsHover {
    display: inline-block !important;
}

.leftNav li:last-child a .img-responsive {
    width: 25px;
    margin: 4px 0 0 0;
}

.patientOldSession .summery {
    width: 82.33%;
}

.videoNav {
    background-color: #FFFFFF;
    display: inline-block;
    width: 100%;
    padding: 0 0 7px 0;
}

.videoNav p {
    display: inline-block;
    color: #f73637;
    font-size: 15px;
    position: relative;
    top: 3px;
    left: 20px;
}
ul.top_menu li.parent:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #FFFFFF;
    font-size: 15px;
    position: absolute;
    top: 17px;
    right: -20px;
}
ul.top_menu li:hover ul {
    display: inline-block;
}

/*.ui-select-container {*/


/*width: 26% !important;*/


/*}*/


/*.ui-select-container input,*/

.ui-select-placeholder {
    position: relative;
    top: 0px;
    font-weight: 400;
    color: #9FA3A7;
    font-family: 'Quicksand-Medium';
    font-size: 14px;
}


/*@-moz-document url-prefix() {*/


/*.ui-select-placeholder {*/


/*position: relative;*/


/*top: -2px;*/


/*}*/


/*}*/

.ui-select-bootstrap > .ui-select-choices {
    width: 100% !important;
}

.ui-select-choices-row-inner {
    width: 100%;
}

.ui-select-choices li span:nth-child(1) {
    float: left;
}

.ui-select-choices li span:nth-child(2) {
    float: right;
    color: #5e6a78;
    text-transform: uppercase;
    font-size: 10px;
    margin: 2px 0 0 0;
}

.ui-select-choices li a {
    color: #000000;
    font-size: 12px !important;
}

.ui-select-choices {
    background-color: #FFFFFF;
}

.ui-select-container input.form-control:focus {
    box-shadow: none !important;
    border-color: #e8e9e8 !important;
}

.ui-select-container .btn-default {
    background: transparent;
    border: 0;
    float: left;
    position: relative;
    top: 0px;
    box-shadow: none;
    border-color: #e8e9e8 !important;
}

.ui-select-container input.form-control {
    width: 100%;
    border-radius: 0;
    color: rgba(51, 51, 101, .50);
}

.ui-select-bootstrap .ui-select-match-text span {
    position: relative;
    top: -7px;
    color: #9FA3A7;
    font-size: 14px;
    outline: 0;
    border: 0;
}

.ui-select-container .ui-select-bootstrap .ui-select-toggle > .caret {
    display: none !important;
}

.ui-select-container input {
    border-radius: 0;
    /*height: 42px;*/
}

.text-muted,
.ui-select-match {
    outline: 0;
    border: 0;
}

.chatHistory {
    display: inline-block;
    width: 50%;
    background-color: #fbfaf8;
    position: absolute;
    height: 100%;
    padding: 20px 0;
}

.chatHistory .img-circle {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.chatHistory .chatSplitter {
    display: inline-block;
    width: 100%;
    padding: 0 20px 10px 20px;
}

.tabs {
    position: relative;
}

.chatHistory .leftP {
    background-color: #626e7b;
    font-family: "Montserrat-Regular";
    font-size: 10px;
    color: #FFFFFF;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    float: left;
    position: relative;
    max-width: 70%;
    text-align: left;
    margin: 0 0 0 15px;
}

.chatHistory .rightP {
    background-color: #e4dfdf;
    font-size: 13px;
    color: #48494a;
    padding: 10px 15px;
    border-radius: 5px;
    display: inline-block;
    float: right;
    position: relative;
    max-width: 70%;
    text-align: left;
}

ul.searchKeyword li {
    display: inline-block;
}

.searchKeyword input {
    background-color: #FFFFFF;
}

.doctorDetails {
    padding: 25px 0 0 0;
}

.doctor-ratings {
    position: relative;
    top: -20px;
}

.doctor-ratings span {
    background-color: #FFFFFF;
    border-radius: 28px;
    box-shadow: 1px 1px 1px #dadada;
    padding: 7px 10px;
    color: #ef7f1d;
    font-size: 10px;
}

.locationIcon {
    padding: 0 0 0 20px;
    position: relative;
    top: 8px;
}

.doctor-info {
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 30px;
}

.doctor-info h1 {
    font-family: 'Quicksand-Bold';
    font-size: 18px;
    color: rgba(30, 30, 61, .8);
    text-transform: capitalize;
    /*letter-spacing: 1px;*/
    padding: 0 0 20px 0;
}

.doctor-info h2 {
    font-family: 'Quicksand-Bold';
    font-size: 14px;
    color: #414447;
    text-transform: uppercase;
    padding: 0 0 5px 0;
}

.doctor-info hr {
    border-top: 1px solid #eae7e7;
    margin: 0;
    padding: 0 0 20px 0;
}

.doctor-info a {
    display: block;
    font-size: 12px;
    font-family: 'OpenSans';
    color: #808088;
    text-decoration: underline;
}

.paymentSide .availablity,
.paymentSide .offline {
    display: inline-block;
    width: 100%;
    /*text-align: center;*/
    margin: 0;
    padding: 0;
    padding: 11px 10px 0 0;
}

.docDiv {
    top: 20px;
    border-radius: 0px 0px 0px 10px;
    max-height: 421px;
}

.docDiv h2 {
    font-size: 15px;
    padding: 10px 0 0 0;
    /*font-family: 'Quicksand-Medium';*/
}

.docDiv h3 {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    font-family: 'Quicksand-Medium';
    color: #DE53A0;
}

.docDiv p {
    font-family: 'Quicksand-Medium';
    font-size: 9px;
    margin: 0;
    padding: 0;
}

.patientList h2 {
    font-family: 'Quicksand-Medium';
    font-size: 18px;
    text-align: left;
    color: #333366;
    padding: 0;
    text-transform: capitalize;
    float: left;
}

.patientList ul {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 10px;
}

.patientList ul li {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0 20px 38px 0;
    text-align: center;
    vertical-align: top;
}

.patientList ul li:last-child {
    height: auto;
    margin: 0 20px 0 0;
}

.patientList ul li a {
    width: 64px;
    height: 64px;
    border-radius: 50px;
    float: left;
    overflow: hidden;
    border: 3px solid transparent;
    cursor: pointer;
    margin: 0 0 3px 0;
}

.patientList ul li a.no-hover-border:hover {
    border: 0px;
}

.patientList ul li:last-child a {
    margin: 0 0 20px 0;
    overflow: visible;
    border: 0;
}

.patientList ul li:hover a,
.patientList ul li.active a {
    border: 3px solid #ef7f1b;
}

.patientList ul li a img {
    height: 100%;
    width: 100%;
}


/*.patientList ul li:hover, .patientList ul li.active{*/


/*border: 3px solid #ef7f1b;*/


/*}*/


/*.patientList ul li:hover:last-child{border: 0}*/

.patientList ul li:last-child:hover a {
    border: 0;
}

.patientList h3 {
    text-align: left;
    font-family: 'Quicksand-Regular';
    font-size: 16px;
    text-transform: capitalize;
    color: #333366;
}

.patientList h4 {
    text-align: left;
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    text-transform: capitalize;
    color: #333366;
}

.patientList h4 a {
    background-color: #cb5498;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Quicksand-Bold';
    font-size: 11px !important;
    border-radius: 4px;
    padding: 2px 8px;
    position: relative;
    top: -10px;
}

.patientList a {
    font-family: 'Quicksand-Medium';
    font-size: 11px;
    text-transform: capitalize;
    color: #EF7F1B;
}

.patienForm a {
    color: #ef7f1b;
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    outline: 0;
    border: 0;
    padding: 0px 43px;
    border: 1px solid #ef7f1b;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    display: inline-block;
}

.patienForm a.add-text {
    border: 0;
    padding: 0;
}

.patienForm a.add-docs {
    margin: -15px 0 0 0;
    border: 0;
    padding: 0;
    float: left;
}

.patienForm label {
    font-family: 'Quicksand-Medium';
    font-size: 18px;
    text-transform: capitalize;
    color: #333366;
    font-weight: normal;
    text-align: left;
    padding: 0 0 5px 0;
    width: 100%;
}

form.patienForm .post-btn label {
    font-size: 13px;
}

form.patienForm .m-t-5 {
    margin-top: 5px !important;
}

.patienForm .customCheckBox label {
    font-size: 13px!important;
    margin: 0 0 5px 0 !important;
}

.patienForm .customCheckBox [type="checkbox"]:not(:checked) + label:before,
.patienForm .customCheckBox [type="checkbox"]:checked + label:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    top: 0 !important;
}

.patienForm .customCheckBox [type="checkbox"]:not(:checked) + label:after,
.patienForm .customCheckBox [type="checkbox"]:checked + label:after {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    font-size: 17px;
    padding: 2px 0 0 0;
    top: 0;
}

.patienForm textarea {
    width: 100%;
    height: 90px !important;
    resize: none;
}

.patienForm .form-control {
    height: 40px;
    width: 100%;
}

.patienForm .docUpoad {
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #cccccc;
    border-radius: 4px;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.docUpoad label {
    float: right;
    font-family: 'Quicksand-Bold';
    text-transform: uppercase;
    font-size: 12px;
    margin: 12px 15px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #ef7f1b;
    width: auto;
}

.docUpoad input:focus {
    outline: none;
}

.patienForm .btn-orange,
.btn-orange {
    background-color: #ef7f1b;
    color: #FFFFFF;
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    outline: 0;
    border: 0;
    width: 46%;
    /*margin: 0 30px 0 0;*/
    margin-bottom: 10px!important;
    padding: 10px 10px;
    vertical-align: top;
    /*height:32px; line-height:32px;*/
}

.table-ver-2 .btn-orange,
.table-ver-2 .btn-gray {
    padding: 5px 0;
    width: 50%;
    margin-right: 0px;
}

.patienForm .btn-gray,
.btn-gray {
    background-color: #FFFFFF;
    border: 1px solid #ef7f1b;
    font-family: 'Quicksand-Bold';
    text-transform: uppercase;
    font-size: 13px;
    color: #ef7f1b;
    border-radius: 4px;
    outline: 0;
    width: 46%;
    padding: 8px 0;
    vertical-align: top;
}

.uplode-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 64px;
    height: 64px;
}

.uplode-image label {
    color: #FFFFFF;
}

.uploadFileName {
    margin: 0 0 0 15px;
    font-size: 12px;
}

.uplode-image input.upload {
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 0; */
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1000;
}

.upload-photo {
    opacity: 0;
    z-index: 0;
    width: 100%;
    /*margin-top: 6px;*/
    height: 30px;
    margin-left: -86px;
}

.paymentDone h2 {
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    color: #333366;
    padding: 24px 0 0 0;
}

.paymentDone h3 {
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    color: #333366;
    padding: 24px 0 0 0;
}

.paymentDone h3 span {
    color: #DE53A0 !important;
    font-family: 'Quicksand-Medium';
    font-size: 16px;
}

.selectOptions {
    display: inline-block;
    /*width: 425px;*/
    padding: 38px 0 0 0;
}

.selectOptions p {
    font-size: 14px;
}

.selectOptions a {
    display: inline-block;
    width: 173px;
    height: 140px;
    text-align: center;
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    text-transform: capitalize;
    border-radius: 4px;
    overflow: hidden;
}

.selectOptions .latter {
    border: 1px solid #ef7f1b;
    border-radius: 4px;
    color: #333366;
    background-color: #FFFFFF;
    overflow: hidden;
}

.selectOptions .now {
    background-color: #EF7F1B;
    color: #FFFFFF;
}

.selectOptions .now:hover {
    background-color: #D27018;
}

.stepOneselectOptions .latter {
    border: 1px solid #90be58;
    border-radius: 4px;
    color: #000000;
    background-color: #FFFFFF;
    overflow: hidden;
}


.now {
    cursor: pointer;
}

.bannerDiv .findDoctor .homeSearch {
    height: 48px;
    -moz-box-shadow: 0px 1px 20px 8px rgba(0, 0, 0, .10);
    -o-box-shadow: 0px 1px 20px 8px rgba(0, 0, 0, .10);
    -webkit-box-shadow: 0px 1px 20px 8px rgba(0, 0, 0, .10);
    box-shadow: 0px 1px 20px 8px rgba(0, 0, 0, .10);
}

.bannerDiv .findDoctor .homeSearch .localityContainer {
    height: 40px;
}

.bannerDiv .locationContainer span {
    margin: 10px 0 0 26px;
}

.bannerDiv .localityContainer input {
    padding: 0 15px;
}

.selectOptions span {
    display: inline-block;
    padding: 0 20px 0 20px;
    font-size: 13px;
    position: relative;
    top: -67px;
    left: -10px;
}

.selectOptions .latter .img2 {
    position: absolute;
    right: 10000px;
}

.selectOptions .latter:hover {
    background-color: #ef7f1b;
    display: inline-block;
    color: #FFFFFF;
}

.selectOptions .latter:hover .img1 {
    position: absolute;
    right: 10000px;
}

.selectOptions .latter:hover .img2 {
    position: relative;
    right: 0;
}

.stepOneselectOptions .latter .img2 {
    position: absolute;
    right: 10000px;
}

.stepOneselectOptions .latter:hover {
    background-color: #90be58 !important;
    display: inline-block;
    color: #FFFFFF;
}

.stepOneselectOptions .latter:hover .img1 {
    position: absolute;
    right: 10000px;
}

.stepOneselectOptions .latter:hover .img2 {
    position: relative;
    right: 0;
}

.appntConfirmed {
    margin: 20px auto 0 auto;
    width: 80%;
    padding: 0;
}

.appntConfirmed h3 {
    font-family: 'Quicksand-Medium';
    font-size: 18px;
    color: #333366;
    padding: 20px 0 24px 0;
    line-height: 25px;
}

.appntConfirmed h3 span {
    /*color: #F92168 !important;*/
    font-size: 18px;
    text-transform: capitalize;
    color: #de53a0 !important;
}

.appntConfirmed h4 {
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    color: #333366;
    padding: 0 0 30px 0;
}

.appntConfirmed h5 {
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    color: #333366;
}

.appntConfirmed h6 {
    font-family: 'Quicksand-Medium';
    font-size: 12px;
    color: #de53a0;
    text-transform: capitalize;
    padding: 5px 0 0 0;
    font-weight: 300;
}

.appntConfirmed .btn {
    background-color: #ef7f1b;
    color: #FFFFFF;
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    outline: 0;
    border: 0;
    padding: 10px 40px;
    margin: 42px 0 0 0;
    vertical-align: top;
}

.apntConfirmed,.newAddress {
    /* display: inline-block; */
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    margin-bottom: 26px;
    margin-top: 16px;
    background-color: #FFFFFF;
    overflow-y: auto;
}
.newAddress{padding: 0px 20px 20px 20px; margin-bottom: 0;}

.apntConfirmed h1 {
    background-color: #6C3C71;
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 0 10px 20px;
}

.userInfo {
    float: right;
    width: 70%;
}

ul.members {
    display: inline-block;
    width: 100%;
    height: 700px;
    overflow-y: auto;
}

ul.members li {
    width: 100%;
    list-style-type: none;
}

ul.members li a {
    border-left: 3px solid #f4f7f9;
    display: inline-block;
    width: 100%;
    padding: 10px;
    position: relative;
}

.members .active h2 {
    color: #eF7F1B !important;
}

.members .active {
    border-color: #DE53A0 !important;
    background-color: #FFFFFF;
}

.apntConfirmed h2 {
    font-family: 'Quicksand-Medium';
    text-transform: capitalize;
    display: inline-block;
    color: #342744;
    font-size: 12px;
    width: 100%;
    padding: 5px 0 0 0;
}

.members h2 {
    font-family: 'Quicksand-Medium';
    font-size: 15px;
}

.members h3,
.members h4 {
    font-family: 'OpenSans' !important;
    font-size: 13px !important;
}

.apntConfirmed h3 {
    font-family: 'Quicksand-Medium';
    text-transform: capitalize;
    display: inline-block;
    color: #8f9499;
    font-size: 11px;
    width: 100%;
    padding: 2px 0 0 0;
}

.apntConfirmed h4 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    color: #8f9499;
    font-size: 11px;
    width: 100%;
    padding: 2px 0 0 0;
}

.members label {
    cursor: pointer;
}

.members label span {
    font-family: 'Quicksand-Medium';
    position: absolute;
    left: 98px;
    bottom: 36px;
    font-size: 13px;
    color: #eF7F1B;
    font-weight: 400;
}

.patientTabs .patientInfo {
    display: inline-block;
    width: 100%;
    background: url("/images/dashboard_banner_03.png") no-repeat #3d3d71 100%;
    background-position: top right;
    height: 73px;
}

.patient-Img {
    float: left;
    margin: 18px 0 0 30px;
}

.patientInfo h1 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    background: transparent;
    color: #FFFFFF;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    width: 83%;
    padding: 26px 0 0 17px;
}

.patientInfo h1 a {
    color: #FFFFFF;
    font-size: 9px;
    text-transform: uppercase;
    /*background-color: #DE53A0;*/
    border-radius: 4px;
    padding: 0 6px 0 5px;
    display: inline-block;
    font-family: 'Quicksand-Medium';
    margin: 0 0 0 10px;
    height: 20px;
    line-height: 22px;
    position: relative;
    top: -7px;
}

.patientInfo h1 a:hover,
.patientInfo h1 a:focus,
.patientInfo h1 a:active {
    text-decoration: none;
}

.patientInfo h2 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    width: auto;
    color: #FFFFFF;
    font-size: 13px;
    padding: 0 0 0 10px;
}

.patientInfo ul {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.patientInfo ul li {
    display: inline-block;
}

.patientInfo ul li a {
    font-family: 'Quicksand-Medium';
    font-size: 12px;
    text-transform: uppercase;
    color: #EF7F1B;
    padding: 0 20px 9px 20px;
    outline: 0;
    display: block;
}

.patientInfo ul li a:focus,
.patientInfo ul li a:hover {
    text-decoration: none;
}

.patientInfo ul li a.active {
    border-bottom: 2px solid #DE53A0;
    color: #FFFFFF;
}

.tabs h1 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    background-color: transparent;
    font-size: 18px;
    text-transform: capitalize;
    color: #DE53A0;
    padding: 14px 0 15px 20px;
    letter-spacing: 2px;
}

.tabs .search {
    border: 0;
    float: right;
    height: 20px;
    margin: 13px 20px 0 0;
    background: transparent;
    width: 140px;
    font-size: 13px;
    font-family: "OpenSans-SemiBold";
    border-bottom:1px solid #EF7F1B;
    padding: 0 0 1px 0;
}

.tabs .search:hover {
    outline: 0;
}

/*.tabs .search:focus {*/
/*border: 0;*/
/*outline: 0;*/
/*border-bottom: 1px solid #f061b3;*/
/*transition: all .2s ease-in-out;*/
/*}*/

.tabs .searchImg {
    float: right;
    padding: 18px 0 0 0;
}

.tabs .custom-select-style {
    width: 10%;
    float: right;
    margin: 13px 20px 0 30px;
    border: 0;
}

.tab2Cnt select,.tab1Cnt select{margin-bottom: 17px;}

.tabs .custom-select-style select {
    border: 0 !important;
    padding: 0 !important;
    font-family: 'Quicksand-Medium';
    z-index: 555;
    position: relative;
}

.custom-select-style:after {
    top: 0px !important;
    right: 0 !important;
    font-size: 18px !important;
}


/*.tabs .table>thead>tr>th,.tabs .table>tbody>tr>td{*/


/*border-top:1px solid #e0e5e8 !important;*/


/*}*/

.tabs hr {
    border-top: 1px solid #e0e5e8;
    margin: 0;
    padding: 0;
}

.tabs .table>thead>tr>th {
    border-bottom: 0 !important;
}

.tabs .useDetails {
    width: 77%;
    float: right;
}

.tabs .table tr th {
    font-family: 'Quicksand-Medium';
    color: #919395;
    font-size: 13px;
    font-weight: 400;
}

.tabs .table tr td {
    font-size: 14px;
    font-family: 'OpenSans-Bold';
}

.tabs .useDetails h1 {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand-Medium';
    font-size: 15px;
    color: #545759;
    text-transform: capitalize;
    letter-spacing: 0;
}

.tabs .useDetails h2 {
    margin: 0;
    padding: 0;
    font-family: 'OpenSans';
    font-size: 13px;
    color: #91959a;
    text-transform: capitalize;
}

ul.favorites {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    padding: 0 20px;
}

ul.favorites li {
    display: inline-block;
    width: 169px;
    min-height: 170px;
    border: 1px solid #e0e5e8;
    margin: 30px 30px 0 0;
    vertical-align: top;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
}

.favorites .patient-img {
    display: inline-block;
    margin: 20px 0 20px 20px;
    padding-right: 0;
}

.favorites h1 {
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: 'Quicksand-Medium';
    color: #545759;
}

.marginZero {
    margin: 0 !important;
}

.favorites h2 {
    width: 100%;
    font-size: 11px;
    text-transform: capitalize;
    padding: 1px 0 0 0;
    margin: 0;
    display: inline-block;
    font-family: 'Quicksand-Medium';
    color: #6B6575;
}

.favorites .close {
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
}

.tab4Cnt hr {
    padding: 0 0 10px 0;
}

.tab4Cnt p {
    padding: 10px 0 0 20px;
    font-size: 13px;
    text-transform: capitalize;
    font-family: 'Quicksand-Medium';
    color: #6B6575;
}

.tab4Cnt p img {
    display: inline-block;
    padding: 0 10px 0 0;
}

.modifyBtn {
    font-family: 'Quicksand-Medium';
    background-color: transparent;
    border: 1px solid #EF7F1B;
    display: inline-block;
    margin: 20px 0 0 20px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #EF7F1B;
    outline: 0;
    padding: 6px 15px;
}

.modifyBtn:hover,
.modifyBtn:focus,
.modifyBtn:active {
    box-shadow: none;
    outline: 0;
    color: #EF7F1B;
}

.customCheckBox [type="checkbox"]:not(:checked),
.customCheckBox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.customCheckBox [type="checkbox"]:not(:checked) + label,
.customCheckBox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    margin: 20px 0 0 0;
}


/* checkbox aspect */

.customCheckBox [type="checkbox"]:not(:checked) + label:before,
.customCheckBox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #cccccc;
    background: #FFFFFF;
    border-radius: 0px;
    /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}


/* checked mark aspect */

.customCheckBox [type="checkbox"]:not(:checked) + label:after,
.customCheckBox [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 13px;
    line-height: 0.8;
    color: #ef7f1b;
    transition: all .2s;
    border: 1px solid #ef7f1b;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 2px 0 0 0;
}

.customCheckBox [type="checkbox"]:hover +label:before {
    border: 1px solid #ef7f1b !important;
}


/* checked mark aspect changes */

.customCheckBox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.customCheckBox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.customCheckBox label {
    /*    font-family: 'OpenSans-SemiBold';*/
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    color: #6B6575;
}


/* disabled checkbox */

.appointments-details {
    float: right;
    padding: 0;
    display: inline-block;
    border-left: 1px solid #e8e9e8;
    border-right: 1px solid #e8e9e8;
    border-bottom: 1px solid #e8e9e8;
    width: 100%;
    margin: 18px 0 0 0;
    /*padding: 36px 30px;*/
    /*background: #f7faf9;*/
    /*overflow-x: hidden;*/
    /*overflow-y: auto;*/
}

.appointments-details h3 {
    color: #66CC99;
    font-size: 18px;
    letter-spacing: .18px;
    padding: 15px 0 10px 0;
}

.appointments-details .patient-img {
    height: 54px;
    width: 72px;
    border-radius: 50%;
}

.appointments-details .appointment-para {
    color: #1D1D1D;
    line-height: 20px;
    opacity: .9;
}
.appointments-details .patient-sm-details {
    margin-left: 15px;
}

.appointments-details .patient-sm-details .patient-name {
    font-size: 24px;
    color: #1D1D1D;
    text-transform: capitalize;
    padding: 0 0 10px 0;
}
.appointments-details .patient-sm-details .patient-about {
    font-size: 14px;
    color: #6A6F6C;
    margin-top: -8px;
}

.appointments-details .cancel-appointment {
    margin-top: 23px;
}

.appointments-details .appointment-schedule {
    border: 1px solid #e8e9e8;
    margin-top: 20px;
}

.appointments-details .appointment-schedule .block {
    padding: 20px;
    display: inline-block;
    width: calc(33% - 1px);
    border-right: 1px solid #e8e9e8;
    color: #454545;
    font-family: Avenir next lt pro demi;
    font-size: 12px;
}

.appointments-details .appointment-schedule .block:last-child {
    border: 0;
}

.appointments-details .appointment-schedule .block img {
    margin-bottom: 10px;
}

.appointments-details p {
    font-size: 14px;
}

.appointments-details .consultation-container.nav-tabs {
    margin-top: 20px;
    font-family: Avenir lt std roman;
}

.appointments-details .tabs .appointment-schedule {
    margin-top: 0;
}

.appointments-details .tabs .appointment-schedule,
.appointments-details .tabs .block {
    border: 0;
}

.appointments-details .consultation-container.nav-tabs>li>a,
.money-section .nav-tabs>li>a {
    border-radius: 0;
}

.appointments-details .consultation-container.nav-tabs>li.active>a,
.consultation-container.nav-tabs>li.active>a:focus,
.consultation-container.nav-tabs>li.active>a:hover,
.money-section .nav-tabs>li.active>a,
.money-section .nav-tabs>li.active>a:focus,
.money-section .nav-tabs>li.active>a:hover {
    border-bottom-color: transparent;
    border-top: 3px solid #66CC99;
    color: #66CC99;
    border-left: 0;
    border-right: 0;
}

.appointments-details .consultation-container.nav-tabs>li>a:hover,
.money-section .nav-tabs>li>a:hover {
    color: #66CC99;
    background: #ffffff;
    border-top: 3px solid #66CC99;
    border-bottom: 1px solid transparent;
}

.appointments-details .consultation-container.nav-tabs>li>a,
.money-section.nav-tabs>li>a {
    border-top: 3px solid transparent;
    padding: 10px 14.99px;
    margin-right: 0;
}

.appointments-details .consultation-container.nav-tabs {
    border-bottom: 0px;
}

.money-section .nav-tabs {
    border-bottom: 1px solid #e8e9e8;
}

.appointments-details .tabs,
.money-section .tabs {
    border: 1px solid #e8e9e8;
    border-top: 0;
    background: #fff;
}

.appointments-details .tab-content {
    position: relative;
}

.appointments-details .tab-content>.tab-pane {
    padding: 0; position:relative;
}

#prescriptiontab {
    padding: 0;
}

.appointments-details .tab-content h4 {
    color: #1D1D1D;
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: 15px;
}


/*.appointments-details .tab-content p{*/


/*color: #656565;*/


/*}*/

.appointments-details #summary.consultation-container p {
    color: #6A6F6C;
}

.appointments-details textarea {
    border-radius: 3px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    height: 100px;
    margin-bottom: 8px;
}

.appointments-details textarea:focus {
    outline: none;
}

/*.appointments-details .tab-pane {
    overflow-x: hidden;
    overflow-y: auto;
}*/

.appointments-details .consultation-prescription.nav-tabs {
    width: 59.3%;
    margin-left: 20%;
}

.appointments-details .consultation-prescription.nav-tabs>li {
    width: calc(50% - 2px);
    text-align: center;
}

#prescriptiontab {
    padding-top: 20px;
}

.appointments-details .consultation-prescription.nav-tabs {
    border-bottom: 0;
}

.appointments-details .consultation-prescription.nav-tabs>li>a {
    border: 1px solid #66CC99;
    border-bottom: 1px solid #66CC99;
    padding: 7.5px 0;
    margin: 0;
    line-height: 13px;
    font-size: 13px;
    font-weight: bold;
}

.appointments-details .consultation-prescription.nav-tabs>li:first-child>a {
    border-radius: 2px 0px 0px 2px;
}

.appointments-details .consultation-prescription.nav-tabs>li:last-child>a {
    border-radius: 0px 2px 2px 0px;
}

.appointments-details .consultation-prescription.nav-tabs>li.active>a,
.appointments-details .consultation-prescription.nav-tabs>li.active>a:focus,
.appointments-details .consultation-prescription.nav-tabs>li.active>a:hover,
.appointments-details .consultation-prescription.nav-tabs>li>a:hover,
.appointments-details .consultation-prescription.nav-tabs>li>a:focus {
    background: #66CC99;
    color: #fff!important;
}

.appointments-details .prescription-list {
    margin: 0px 30px;
}

.appointments-details .prescription-single {
    color: #A6B2AD;
    font-size: 13px;
    margin: 15px 30px 15px 0;
    font-family: 'OpenSans';
}

.appointments-details .prescription-single:first-child {
    /*margin-top: 0;*/
}

.appointments-details .prescription-single:last-child {
    margin-bottom: 0;
}

.appointments-details .prescription-single span {
    font-family: 'OpenSans';
    color: #525754;
    display: block;
    margin-top: 2px;
    font-size: 13px;
}

.appointments-details .consultation-prescription h3 {
    margin-top: 15px;
    font-size: 16px;
    font-family: 'Quicksand-Medium';
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td {
    border-right: 1px solid #e8e9e8;
    padding: 0 30px;
    line-height: 13px;
    font-family: 'OpenSans';
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.no-border {
    border: 0;
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.no-padding {
    padding: 0;
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td.frequency {
    padding-right: 10px;
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td:first-child {
    padding-left: 0;
}

.appointments-details .consultation-prescription>.tab-pane table.outertable tr td:last-child {
    padding: 0px;
}

.appointments-details .consultation-prescription>.tab-pane table.innertable tr td span {
    display: block;
}

.appointments-details .consultation-prescription>.tab-pane table.innertable tr td {
    padding: 15px 5px;
    text-align: center;
    border: 0;
}

.appointments-details hr,.webPatientVideo.video-full-screen .videCtrl .row:nth-child(1) .col-md-6:nth-child(1) button,
.webPatientVideo.video-full-screen .videCtrl .row:nth-child(1) .col-md-6:nth-child(2) button,
.webPatientVideo.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(1) button,
.webPatientVideo.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(2) a,
.video-full-screen .videCtrl .row div:nth-child(5),.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(2){
    margin: 0;
}

.appointments-details .empty-followup-referral p {
    color: #6A6F6C;
    font-size: 13px;
    margin-bottom: 13px;
}

.nav-tabs>li {
    border: 0;
    border-right: 0px;
}

.nav-tabs>li:last-child {
    border-right: 1px solid #e8e9e8;
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover {
    border: 0;
}

.nav-tabs>li.active,
.nav-tabs>li:hover {
    border-bottom: 0;
    border-left: 1px solid #e8e9e8;
    border-right: 0;
}

.nav-tabs>li.active:last-child,
.nav-tabs>li:hover:last-child {
    border-right: 1px solid #e8e9e8;
}

#lab_pres table,
.followup table,
.table-ver-1 {
    width: 100%;
}

#lab_pres table tr,
.followup table tr,
.table-ver-1 tr {
    border-bottom: 1px solid #e8e9e8;
    background: #fbfcfc;
}

#lab_pres table tr:first-child,
.table-ver-1 tr:first-child,
.table-ver-1 tr:first-child {
    border-top: 1px solid #e8e9e8;
}

#lab_pres table tr td,
.followup table tr td,
.table-ver-1 tr td {
    padding: 18px 15px;
    font-family: 'OpenSans';
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}

#lab_pres table tr td:first-child,
.table-ver-1 tr td:first-child {
    line-height: 14px;
    font-size: 14px;
    padding-left: 30px;
    color: #1D1D1D;
}

.followup table tr th {
    font-family: 'OpenSans';
    padding: 18px 15px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: #525754;
}

.followup table tr th:first-child {
    padding-left: 30px;
}

.documents {
    display: inline-block;
    width: 100%;
    padding: 30px;
}

.consultation-document .document-sm-img {
    position: relative;
    margin-bottom: 30px;
}

.consultation-document .document-sm-img img {
    /*width: 100%;*/
    cursor: pointer;
}

.consultation-document .document-sm-img .quick-view {
    position: absolute;
    width: 43px;
    height: 28px;
    background: rgba(0, 0, 0, 0.55);
    padding: 5px 5px 8px 5px;
    text-align: center;
    border-radius: 48%;
    cursor: pointer;
    display: none;
    top: calc(50% - 12px);
    left: calc(50% - 22px);
}

.consultation-document .document-sm-img .quick-view a {
    color: #ffffff;
    font-size: 13px;
    line-height: 14px;
    font-family: 'OpenSans';
}

.consultation-document .document-sm-img:hover .quick-view {
    display: block;
}

.patientDetailTabs .nav li a {
    background-color: #F7FAF9;
    margin-right: 0;
    color: #333366!important;
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    text-transform: capitalize;
    border-top: 3px solid transparent;
}

.doctorDetailsTabs .nav li a {
    background-color: #F7FAF9;
    margin-right: 0;
    color: #3399cc!important;
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    text-transform: capitalize;
    border-top: 3px solid transparent;
}

.patientDetailTabs .nav-tabs>li:first-child {
    border-right: 0;
    /*border-left: 0;*/
}

.patientDetailTabs .nav-tabs>li.active a {
    border-bottom: 0;
}

.patientDetailTabs .nav-tabs>li.active>a,
.patientDetailTabs .nav-tabs>li.active>a:focus,
.patientDetailTabs .nav-tabs>li.active>a:hover {
    border-top: 2px solid #66CC99;
    border-radius: 0;
    color: #de53a0!important;
    background-color: #FFFFFF;
    border-left: 0;
    border-right: 0;
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    text-transform: capitalize;
}

.patientDetailTabs .nav-tabs,
.border-bottom {
    border-bottom: 1px solid #e8e9e8;
}

.patientDetailTabs .nav-tabs>li {
    float: left;
    margin-bottom: 0px;
    border-bottom: 0;
}

.doctorDetailsTabs .nav-tabs>li.active>a,
.doctorDetailsTabs .nav-tabs>li.active>a:focus,
.doctorDetailsTabs .nav-tabs>li.active>a:hover {
    border-top: 2px solid #66CC99;
    border-radius: 0;
    color: #66cc99!important;
    background-color: #FFFFFF;
    border-left: 0;
    border-right: 0;
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    text-transform: capitalize;
}

.patientTreatment .nav-tabs>li img{
    width: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.doctorVideo .nav-tabs>li img{
    width: 17px !important;
}

.patientDetailTabs .nav-tabs>li a{
    padding: 5px 15px 10px 15px;
}
.doctorDetailsTabs .nav-tabs>li a{
    padding: 6px 6px 12px 6px;
}
.appointments-details table {
    margin: 0 0 10px 0;
}

.bannerDiv h1 {
    font-family: 'ActoniaPERSONALUSE';
    position: relative;
    top: 149px;
    left: 0;
    font-size: 68px;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 4px 30px rgba(51, 51, 102, .5);
    left: 50%;
    transform: translate(-50%, 0);
}

.selectDoctor {
    display: inline-block;
    width: 100%;
    background: url("/images/mobie_app.png") no-repeat left top;
    background-size: 100%;
    height: 700px;
}

.selectDoctor .nav-tabs {
    border-bottom: 0;
}

.selectDoctor .nav-tabs>li {
    border: 0;
    position: relative;
}

.selectDoctor .nav-tabs>li>a {
    margin-right: 0;
    border-radius: 0;
}

.selectDoctor .nav-tabs>li.active a {
    background-color: #FFFFFF;
    border: 0;
}

.selectDoctor .nav-tabs>li:first-child a {
    border-top-left-radius: 4px;
}

.selectDoctor .nav-tabs>li:last-child a {
    border-top-right-radius: 4px;
    border: 0;
}

.selectDoctor .nav li a {
    font-family: 'Quicksand-Bold';
    background-color: #323266;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 0;
    text-align: center;
}

.selectDoctor .nav li a span {}

.selectDoctor .nav li a span:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 16px;
    width: 10px;
    color: #FFFFFF;
}

.selectDoctor .nav-tabs>li.active:last-child,
.selectDoctor .nav-tabs>li:hover:last-child {
    border-right: 0;
}

.selectDoctor .tab-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 30px;
    box-shadow: 1px 1px 15px 3px rgba(47, 51, 93, .1);
    background-color: #FFFFFF;
}

.selectDoctor h1 {
    font-family: 'Comfortaa-Regular';
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #333366;
    letter-spacing: 3px;
}

.selectDoctor h5 {
    font-family: "Quicksand-Bold";
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(51, 51, 102, .6);
    text-align: center;
    margin: 20px 0 0 0;
}

.selectDoctor h3 {
    display: inline-block;
    padding: 70px 0 25px 20px;
    font-family: "Quicksand-Bold";
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
}

.selectDoctor .storLinks a {
    background-color: #FFFFFF;
    display: inline-block;
    border-radius: 50px;
    padding: 0;
    width: 143px;
    height: 43px;
    margin: 0 0 25px 0;
    -webkit-box-shadow: 0px 8px 23px 7px rgba(0, 0, 0, .10);
    -moz-box-shadow: 0px 8px 23px 7px rgba(0, 0, 0, .10);
    box-shadow: 0px 8px 23px 7px rgba(0, 0, 0, .10);
}

.selectDoctor .storLinks a img {
    float: left;
    padding: 10px 0 0 20px;
}

.selectDoctor span {
    font-family: "Quicksand-Bold";
    display: inline-block;
    font-size: 8px;
    padding: 0;
    color: #010101;
    width: 10px;
    margin-left: 10px;
}

.selectDoctor p {
    font-family: "Quicksand-Bold";
    display: inline-block;
    float: left;
    font-size: 10px;
    padding: 0 0 0 10px;
    color: #010101;
}

.tbs {
    margin-right: auto;
    margin-left: auto;
    margin-top: -42px;
    width: 924px;
    margin-bottom: 60px;
}

ul.specialist {
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.specialist li {
    list-style-type: none;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px 0
}

ul.specialist li a {
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Quicksand-Bold";
    text-transform: uppercase;
    color: #333366;
    letter-spacing: 2px;
}

ul.specialist li a img {
    display: inline-block;
    margin: 0 10px 0 0;
}

.selectDoctor .nav-tabs>li.active span:after,
.selectDoctor .nav-tabs>li.active a {
    color: #DE53A0;
}

.bannerDiv .homeSearch .searchIcon {
    margin: 13px 0 0;
}

.workSimple {
    display: inline-block;
    /*background-color: #9999CC;*/
    width: 100%;
    background: url("/images/curved_line.png") no-repeat top center #9999CC;
    height: 701px;
    position: relative;
}

.workSimple h1 {
    text-align: center;
    font-family: "Comfortaa-Regular";
    font-size: 30px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 115px 0 0 0;
    letter-spacing: 3px;
}

.workSimple h6 {
    font-family: "Quicksand-Bold";
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 15px 0 0 0;
    letter-spacing: 1px;
}

.workSimple ul {
    display: inline-block;
    margin: 0;
    padding: 116px 0 0 0;
}

.workSimple ul li {
    display: inline-block;
    width: 15%;
    margin: 0 60px 0 0;
}

.workSimple span {
    background-color: #FFFFFF;
    width: 66px;
    height: 66px;
    border-radius: 50px;
    display: inline-block;
    box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, .10);
}

.workSimple .container span img {
    float: none;
    display: inline-block;
    margin: 15px 0 0 0;
    position: static;
}

.workSimple h3 {
    font-family: "Quicksand-Bold";
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    letter-spacing: 1px;
    padding: 30px 0 20px 0;
}

.workSimple p {
    font-family: "Quicksand-Bold";
    font-size: 14px;
    color: #F4F5F8;
}

.workSimple .keyboard {
    position: absolute;
    bottom: 100px;
    left: -51px;
    width: 340px;
}

.footerTop h5 {
    font-size: 16px;
    font-family: "Quicksand-Medium";
    color: #333366;
    letter-spacing: 1px;
}

.storeLinks a {
    display: inline-block;
    background-color: #131315;
    border-radius: 50px;
    width: 143px;
    height: 43px;
    margin: 50px 20px 30px 0;
}

.storeLinks a img {
    float: left;
    padding: 10px 0 0 20px;
}

.storeLinks a span {
    font-family: "Quicksand-Bold";
    display: inline-block;
    float: left;
    font-size: 8px;
    padding: 10px 0 0 10px;
    color: #FFFFFF;
}

.storeLinks a p {
    font-family: "Quicksand-Bold";
    display: inline-block;
    float: left;
    font-size: 10px;
    padding: 0 0 0 10px;
    color: #FFFFFF;
    margin: 0;
}

.keywordContainer ul {
    display: inline-block;
    background-color: #FFFFFF;
    width: 100%;
    margin: 0;
    position: relative;
    z-index: 999;
    box-shadow: 0 2px 5px 2px rgba(0,0,0,.1);
    top:2px;
}

.keywordContainer ul li a span{
    color: #000000;}
/*.bannerDiv .keywordContainer ul {*/
/*margin: 8px 0 0 0;*/
/*}*/

.keywordContainer ul li,
.keywordContainer ul li a {
    display: inline-block;
    width: 100%;
    padding: 0 15px;
    color: #8d8787;
    text-transform: capitalize;
    font-size: 13px;
}

.keywordContainer ul li a:hover {
    color: #000;
    cursor: pointer;
}

.keywordContainer ul li {
    padding: 5px 0 0 0;
}

.keywordContainer span:first-child {
    float: left;
}

.keywordContainer span:last-child {
    position: absolute;
    right: 15px;
}

@-moz-document url-prefix() {
    .selectDoctor .nav li a {
        font-size: 9px;
    }
}

.videoForm {
    padding: 50px 0;
    display: inline-block;
    width: 100%;
}

.videoForm .form-control {
    height: 35px;
    border: 1px solid hsl(120, 2%, 91%);
    box-shadow: none;
    border-radius: 4px;
    outline: 0;
    font-size: 13px;
}

.videoForm label {
    font-family: 'Quicksand-Medium';
    font-size: 12px;
    text-transform: capitalize;
    color: hsl(0, 0%, 11%);
    font-weight: 400;
    padding: 0 0 5px 0;
}

.videoForm textarea {
    font-size: 13px;
}

.videoForm .btn-blue,
.btn-blue {
    background-color: hsl(200, 60%, 50%);
    border-radius: 4px;
    color: hsl(0, 0%, 100%);
    font-family: "Quicksand-Bold";
    font-size: 13px;
    padding: 5px 15px;
}

.notes {
    position: relative;
    top: 4px;
}

.upload-documents1 {
    font-family: 'Montserrat-Light';
    color: #6f7072;
}
.scroll-review{
    margin-bottom: 50px;
}
.signupPopup .gender label
{
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0 0 0 23px;
}

.doctorModal .split-col{
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
.doctorModal .split-col-left,.doctorModal .split-col-right{
    display: inline-block;
    width: 50%;
    position: relative;
}
.countryCode{
    font-size: 12px;
    position: absolute;
    left: 11px;
    top: 25px;
    height: 40px;
    width: 46px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    color: #656565;
}

.patient-video-permission{
    display: inline-block;
    width: 100%;
    background: #FFFFFF;
    padding: 0;
}
.patient-video-permission header{
    /*background: #333367;*/
    padding: 10px ;
    display: inline-block;
    width: 100%;
}
.patient-video-permission .plogo{
    width: auto;
    height: 40px;
    float: left;
    margin: 0 0 0 50px;
}

.step_one .contents,.step_three .contents{
    text-align: left;
    background: #FFFFFF;
    width: 720px;
    margin: 0 auto;
    display: table;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 5px 5px #d6d6d6;
    font-size: 16px;
    line-height: 25px;
}
.step_one .contents p,.step_three .contents p,.step_three li{
    font-size: 16px; line-height: 25px;
}
.step_three ul li{
    margin: 0 0 20px 0;
}
.step_three ul li img{
    display: inline-block; margin-right: 10px; width: 30px; float: left; vertical-align: top;
}
.step_three ul li:last-child{
    margin: 0; padding: 0;
}
.step_three ul li p{

}
.step_one .contents h2{
    font-size: 22px;
    padding: 0 0 15px 0;
    text-align: left;
}

.step_one .contents ul.disc li{
    list-style-type: decimal;
    padding: 0 0 10px 0;
    text-align: left;
    font-size: 16px;
}

.step_three .error{
    background: #d24646;
    color: #FFFFFF;
    padding: 15px;
    margin:0 0 20px 0;
    display: table;
    width: 100%;
    position: relative;
}

.step_three .error:after{
    content: "";
    position: absolute;
    width: 76px;
    background: transparent;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    border-right: 2px solid #e0e5e8;
}

.step_three .success{
    background: #009858;
    color: #FFFFFF;
    padding: 15px;
    margin:0 0 20px 0;
    display: table;
    width: 100%;
    position: relative;
    z-index: 5;
}

.step_three .success:after{
    content: "";
    position: absolute;
    width: 76px;
    background: transparent;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    border-right: 2px solid #e0e5e8;
}

.step_three .error figure,.step_three .success figure{
    display: table-cell;
    width: 40px;
    vertical-align: middle;
    position: relative;
    z-index: 5;
    top:4px;
}

.step_three .error p,.step_three .success p{
    display: table-cell;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 40px;
    text-align: left;
    vertical-align: middle;
}

.step_three h2{
    font-size:25px;
    padding:0 0 20px 0;
    color: #323367;
    display: inline-block;
}

.patient-video-permission h1{
    font-size: 25px;
    display: table;
    width: 91%;
    padding: 30px 0 0 0;
    color: #323367;
    text-align: center;
    margin: 0 auto;
}
.patient-video-permission .pinfo{
    text-align: center;
    padding: 10px 0 40px 0;
    font-size: 16px;
}
.patient-video-permission h1 span{
    font-size: 16px;
    float: right;
    color: #323367;
}

.patient-video-permission .startBtn{
    background: #323367;
    color: #FFFFFF;
    font-size: 16px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    padding: 10px 30px;
    margin: 50px auto 0 auto;
    display: table;
}

.step_two button{
    background: #323367;
    color: #FFFFFF;
    font-size: 16px;
    border: 0;
    outline: 0;
    border-radius: 5px;
    padding: 10px 30px;
    position: absolute;
    top: 94%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.step_two .vtext{
    position: absolute;
    top: 149px;
    left: 0;
    z-index: 9;
    font-size: 16px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.step_two .loading,.step_two .loading1{
    position: absolute;
    top:55%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
    color: #FFFFFF;
    font-size: 20px;
    width: 100%;
    text-align: center;
}

.step_two .loading  span:after,.step_two .loading1  span:after{
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
    font-size: 20px;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0,0,0,0);
        text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);}
    40% {
        color: #FFFFFF;
        text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);
    }
    60% {
        text-shadow:
                .25em 0 0 white,
                .5em 0 0 rgba(0,0,0,0);
    }
    80%, 100% {
        text-shadow:
                .25em 0 0 #FFFFFF,
                .5em 0 0 #FFFFFF;
    }

}


.patient-video-permission .videoPermissionMsg{
    position: absolute;
    top: 60%;
    left: 50%;
    background: #202124;
    border-radius: 10px;
    width: 720px;
    height: 400px;
    transform: translate(-50%, -50%);
    text-align: center;
}
.patient-video-permission .videoPermissionMsg p,.patient-video-permission .videoPermissionMsg p mark{
    font-size: 25px;
}
.patient-video-permission .videoPermissionMsg p{
    padding: 130px 30px 0 30px;
    line-height: 40px;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}
.patient-video-permission .videoPermissionMsg span {
    font-size: 16px;
    word-break: break-word;
    padding: 10px 50px 0 50px;
    display: inline-block;
    line-height: 22px;
    letter-spacing: 1px;
    text-align: center;
    color: #FFFFFF;
}

.patient-video-permission .videoPermissionMsg .bottom {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.patient-video-permission .videoPermissionMsg .bottom span {
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    border: 1px solid #FFFFFF;
    border-radius: 50px;
    margin-right: 20px;
    padding: 0;
}
.patient-video-permission .videoPermissionMsg .bottom span:last-child{
    margin-right: 0;
}
.patient-video-permission .noBorwserSupport h1{
    font-size: 50px;
    font-weight: bold;
    padding: 0 60px 30px 60px;
    letter-spacing: 1px;
    color: #323367;
    line-height: 70px;
    text-align: center;
}
.patient-video-permission .noBorwserSupport p a{
    font-size: 27px;
    color: #323367;
    text-decoration: underline;
}
.patient-video-permission .noBorwserSupport p{
    font-size: 27px;
    color: #323367;
    text-align: center;
}
.patient-video-permission .noBorwserSupport span.fullText{
    display: inline-block;
    width: 100%;
    font-size: 27px;
    color: #323367;
    text-align: center;
    margin: 10px 0 0 0;
}
.patient-video-permission .noBorwserSupport{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
}
.patient-video-permission video{
    background: #202124;
    width: 720px;
    height: 400px;
    border-radius: 10px;
    position: absolute;
    top:60%; left: 50%;
    transform: translate(-50%,-50%);
}
.patient-video-permission .pageTitle{
    /*padding: 0 0 0 50px;*/
}
.patient-video-permission .pageTitle h2{
    font-size: 25px;
    padding: 30px 0 10px 0;
    text-transform: capitalize;
    text-align: center;
    color: #323367;
}

.patient-video-permission .pageTitle p{
    font-size: 16px;
    text-align: center;
    width: 55%;
    margin: 0 auto;
    color: #323367;
}
.call-via-phone-disabled {
    cursor: not-allowed !important;
    background-color: #9fc2d2 !important;
}
.via_phone{
    background-color: #3398cc;
    color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 7px 30px !important;
    border-radius: 5px;
    font-size: 14px;
    margin: 57px auto 0 auto !important;
    display: block;
    width: 88%;
}
.join-call-link {
    /* color: #5cb85c !important; */
    /* font-weight: 300 !important; */
    /* font-family: 'OpenSans' !important; */
    background-color: #6C3C71;
    padding: 2px 5px;
    border: 1px solid #6C3C71;
    border-radius: 4px;
    color: #fff !important;
    margin: 2px 0px 5px 0px;
    letter-spacing: 1px;
    cursor: pointer;

    transition: all .5s ease-in-out;
}
.join-call-link:hover {
    background-color: #FFFFFF;
    color: #000 !important;
}
.phoneInfo{
    padding: 10px 20px 0 20px; text-align: center; font-size: 12px; display: inline-block; width: 100%;
}
.footerPowered{
    padding: 20px 50px 0 0;
    text-align: right;
}
.footerPowered p{
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: -6px;
}
.paymentCarousel .appoinmentSloteSide{
    padding: 40px;
}
.paymentCarousel .select-slots .table-responsive{
    margin-bottom: 30px;
}
.paymentCarousel .select-slots .available-timings button{
    width: 10.2%;
}
.paymentCarousel .select-slots .available-timings{
    padding: 30px 0 15px 0px;
}
.paymentCarousel .select-slots .available-timings .col-md-12{
    padding: 0 15px 0 30px;
}
.patientReschedule .modal-dialog{
    width: auto;
}
.patientReschedule .secondView{
    width: 900px;
}
.patientReschedule .firstView{
    width: 525px;
}
.patientReschedule .select-slots{
    padding: 0;
    border: 1px solid #e0dede;
    border-radius: 20px;
    position: relative;
    margin: 0;
}
.patientReschedule .select-slots table span,.patientReschedule .select-slots table button{
    font-size: 13px;
}
.hospitalIdText{
    width: 184px !important; height: 30px !important; box-shadow: none;
}
.widgetHospitalIdText{
    width: 186px !important; height: 30px !important;
}
.errMsg{
    font-size: 14px !important; font-weight: bold;
}
.forgetPwd .customSelectDropdown{
    background: #f1f2f7;
    width: 83%;
    padding-left: 0;
    margin-left: 0;
    border: 1px solid #e4e4e6;
    float: left;
    border-radius: 50px;
    height: 40px;
}
.forgetPwd .customSelectDropdown .form-control{
    margin-left: 0;
    /*padding-left: 0 !important;*/
    border: 0;
    width: 100%;
    /*background: transparent;*/
}
.forgetPwd .customSelectDropdown:after,.mtableTimings{
    /*line-height:0 !important;*/
    /*height: auto !important;*/
    /*top:20px !important; right:3px !important;*/
    /*z-index: 5 !important;*/
    /*background: transparent !important;*/
    display: none;
}
.video-full-screen #subscribers{
    width: 100%; height: 100%;
}
.video-full-screen{
    display: block; width: 0;
}
.video-full-screen .videCtrl{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 50px;
    border-radius: 0;
    padding: 0;
    background: transparent;
    bottom: 25px;
}
.video-full-screen .videCtrl .col-md-6,.video-full-screen .videCtrl .col-md-12{
    width: auto; padding: 0; margin: 0 20px 0 0; margin-bottom: 0 !important; margin-top: 0 !important;
}
.webPatientVideo.video-full-screen{

}
/*.video-full-screen .videCtrl .row div:nth-child(5),.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(2){*/
/*    border:1px solid red;*/
/*}*/
.video-full-screen .videCtrl .row div:last-child{
    border-bottom: 0;
}
.video-full-screen .videCtrl button,.video-full-screen .videCtrl a{
    margin: 0; width: 50px; height: 50px;
}
.video-full-screen .videCtrl button img,.video-full-screen .videCtrl a img{
    width: 25px; position: relative; top:8px;
}
.video-full-screen .video-status{
    position: fixed;
    bottom: 100px;
    top: auto;
    right: auto;
    left: 20px;
    background:transparent;
    width: auto; z-index: 999;
    /*transition: all 0.7s ease-in-out;*/
    text-align: right;
    padding-right: 25px;
}
.video-full-screen .video-status button{
    margin-top: 0 !important; padding: 8px 0 8px 0 !important;
}
.video-full-screen .videCtrl .row{
    margin: 0; margin-top: 0 !important;
}
/*.video-full-screen .video-status button:first-child{*/
/*    border-right: 1px solid #e1dcdc !important; margin-right: 10px !important; padding: 8px 10px 8px 0 !important;*/
/*}*/
.video-full-screen .videoThumbnail{
    width: 100%; height: 100px;
}
.video-full-screen .phone{
    width: 25%; left: 0; top:-47px; position: relative;
}

.video-full-screen .thumbNail{
    border-radius: 5px !important;
    background: gray;
    border: 1px solid #FFFFFF;
    right: 30px !important; bottom: 50px !important;
    width: 266px; height: 200px;
}
.full-screen{
    background: #3398cc;
    width: 48px; height: 48px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
}

.video-full-screen .halfScreen-icon{
    display: inline-block;
}
.webPatientVideo.video-full-screen .videCtrl .row {
    display: inline-block;
}
.webPatientVideo .videCtrl .row:nth-child(1) .col-md-6:nth-child(1) button{
    margin: 0 0 0 10px;
}
.webPatientVideo .videCtrl .row:nth-child(1) .col-md-6:nth-child(2) button{
    margin: 0 10px 0 0;
}
.webPatientVideo .videCtrl .row:nth-child(2) .col-md-6:nth-child(1) button{
    margin: 0 0 0 10px;
}
.webPatientVideo .videCtrl .row:nth-child(2) .col-md-6:nth-child(2) a{
    margin: 0 10px 0 0;
}
.video-full-screen .rightCtrl{
    width: 0;
}
.video-full-screen .message-status{
    width: 100%;
    margin: 0 auto;
    display: table;
    text-align: center;
}
.video-full-screen .message-status .reconnect{
    width: 26%;
}
.video-full-screen .message-status figure{
    top:-4px;
}
.webPatientVideo.video-full-screen figure{
    top:-2px;
}
.OT_audio-level-meter__audio-only-img{
    background: none !important;
}
.webPatientVideo.video-full-screen .videCtrl .row:last-child .col-md-6{
    margin: 0;
}
.edit-profile{
    position: absolute;
    top:5px; right: 30px;
}
.delete-profile{
    position: absolute;
    top:5px; right: 10px;
}
.sentOtp{
    padding: 0;
    font-size: 14px;
    border: 1px solid #a6a6a6;
    border-radius: 50px;
    height: 40px;
    line-height: 38px;
    color: #a6a6a6;
    width: 47%;
    display: inline-block;
    text-align: center;
    margin: 18px 0 0 0;
}
.login-grp{
    display: inline-block;
    width: 100%;
    border-radius: 50px;
    height: 40px;
    background: #f1f2f7;
    border: 1px solid #e4e4e6;
}
.login-grp .mobileNo{
    width: 58%;
    display: inline-block;
}
.login-popup-tabs select {
    padding-left: 20px !important;
    background: url(../images/arrow.png) #f1f2f7 scroll no-repeat 89% 14px !important;
}
/*.webPatientVideo.video-full-screen .videCtrl .row:nth-child(1) .col-md-6:nth-child(1) button,*/
/*.webPatientVideo.video-full-screen .videCtrl .row:nth-child(1) .col-md-6:nth-child(2) button,*/
/*.webPatientVideo.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(1) button,*/
/*.webPatientVideo.video-full-screen .videCtrl .row:nth-child(2) .col-md-6:nth-child(2) a{*/
/*    margin: 0;*/
/*}*/
/*
.homeSearch .select2 > .select2-choice.ui-select-match {
    height: 29px;
}

.select2-container .select2-choice,
.select2-container .select2-choice .select2-arrow {
    border-radius: 0 !important;
    background: transparent;
border: 0;
    box-shadow: none;
}

.select2-container .select2-choice .select2-arrow {
    background: transparent;
    border: 0 !important;
}

.select2-dropdown-open .select2-choice > .select2-chosen,
.select2-dropdown-open .select2-choice {
    background: #FFFFFF !important;
}

.select2-drop-active {
    border: 0;
}
*/


/*
.doctorSummery {
    margin: 0 0 0 15%;
}
*/


/*
.summery h2 {
    font-family: "Montserrat-Regular";
    font-size: 18px;
    text-transform: uppercase;
    color: #505251;
    border-bottom: 1px solid #b7b7b7;
    padding: 25px 40px;
}
*/


/*
.patientInfo .customRadio:hover {
    border: 2px solid #dcdcdc !important;
    background: gray !important;
}

.patientInfo input[type="radio"]:checked + label {
    border: 2px solid #dcdcdc !important;
    background: pink !important;
}
*/


/*

input[type="radio"] {
    display: none;
}

input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
}

input[type="radio"] + label span {
    cursor: pointer;
    display: inline-block;
    height: 34px;
    vertical-align: middle;
    width: 100%;
}

input[type="radio"] + label {
    border: 1px solid #a5a3b9 !important;
    border-radius: 20px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    padding: 0 20px !important;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

input[type="radio"] + label:hover {
    background: #3b55e6 none repeat scroll 0 0;
    border: 1px solid #3b55e6 !important;
    color: #fff;
    transition: background-color 0.4s linear 0s;
}
*/


/* label styling */


/*
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 0px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 160px;
    display: inline-block;
    text-align: center;
    font-weight: normal;
}
*/


/*p {
    display: none;
}*/


/*patient info customr radio btn ends here*/


/*carmel code ends here*/

/* widget page */

.wdg-pwd {
    margin-top: 15px;
}

/* end of widget page */


@media only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 120dpi) {
    #subscribers{height: 45% !important;}
    .WebDoctorVideo .video-status, .webPatientVideo .video-status {
        top: 45% !important;
    }
    .WebDoctorVideo .videCtrl {
        bottom: 100px !important;
        width: 50% !important;
    }
    .WebDoctorVideo .videoThumbnail .thumbNail {
        bottom: 100px !important;
        width: 50% !important;
    }
    .via_phone {
        margin: 80px auto 0 auto !important;
    }
    .phoneInfo{font-size: 10px !important;}
    /*.WebDoctorVideo .videoThumbnail .thumbNail,.WebDoctorVideo .videCtrl{bottom: 110px !important;}*/
}

@media only screen and (min-device-pixel-ratio: 2), only screen and (min-width: 1920px) {
    #subscribers{height: 45% !important;}
    .WebDoctorVideo .video-status, .webPatientVideo .video-status {
        top: 45% !important;
    }
    .WebDoctorVideo .videCtrl {
        height: 150% !important;
        padding: 8% 0 !important;
        width: 50% !important;
        bottom: 115% !important;
    }
    .WebDoctorVideo .videoThumbnail .thumbNail {
        height: 150% !important;
        width: 50% !important;
        bottom: 115% !important;
    }
    .via_phone {
        /*margin: 15% auto 0 auto !important;*/
        bottom: 0 !important;
    }
    .phoneInfo{font-size: 12px !important;}
    /*.WebDoctorVideo .videoThumbnail .thumbNail,.WebDoctorVideo .videCtrl{bottom: 110px !important;}*/
    .WebDoctorVideo .videCtrl button, .WebDoctorVideo .videCtrl a {
        width: 50px !important;
        height: 50px !important;
        line-height: 63px !important;
    }
    .WebDoctorVideo .videCtrl button img, .WebDoctorVideo .videCtrl a img {
        width: 25px !important;
    }
    .WebDoctorVideo .video-status button {
        width: 50px !important;
    }
}

/*Ramalakshmi media query starts here*/
@media only screen and (min-width: 1024px) and (max-width: 1100px){
    .select-slots .available-timings button{
        width: 15.6% !important;
    }
}
@media screen and (min-width: 1366px){
    .step_two .vtext{
        top:140px !important;
    }
}

@media screen and (min-width: 1024px) {
    .topListItem {
        margin: 20px 0px !important;
    }
    .howItwork img {
        max-width: 380px;
    }
    .getMobile {
        max-width: 500px;
    }
    .windowPadZero {
        padding: 0;
    }
    .footerTop h5 {
        font-size: 16px;
        font-family: "Quicksand-Medium";
        color: #333366;
    }
}

@media screen and (max-width: 1024px) {
    .headMenu {
        margin: 38px 0 0 0;
    }
    .headMenu li {
        padding: 0 10px 0 0;
    }
    .topListItem {
        padding: 20px 0px !important;
        font-size: 14px;
    }
    p.lastChild {
        font-size: 12px !important;
        font-family: 'Montserrat-Light' !important;
    }
    .getMobile {
        max-width: 250px;
    }
    .tabLetFoot {
        text-align: center;
    }
    .tabLetFoot p {
        text-align: center;
    }
    .tabLetFoot .socialIcon {
        width: 30%;
        margin: 20px auto 40px auto;
    }
    .footerBtm a {
        margin-left: 5px;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .labletPad {
        padding: 70px 15px;
    }
    .keywordContainer {
        width: 38%;
    }
    .selectOptions p{
        font-size: 11px;
    }
    .selectOptions a{
        width: 128px;
    }
    .selectOptions span{
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .welcomeSlide .btn {
        width: 60%;
    }
    .patienForm label{
        font-size: 17px;
    }
    .custom-select-style {
        margin-bottom: 30px;
    }
    .navbar-header,.moveList {
        margin: 0 !important;
    }
    .paymentSide {
        padding: 30px 15px 70px 15px;
    }
    .paymentSide .docDiv {
        border-right: none !important;
    }
    /*.paymentCarousel h1 {*/
    /*    font-size: 14px;*/
    /*}*/
    .visible-xs .paymentRadio label {
        vertical-align: middle;
    }
    .paymentRadio input[type="radio"] {
        display: inline !important;
        width: auto !important;
        height: auto !important;
        vertical-align: bottom !important;
        margin: 0 !important;
        position: static !important;
    }
    .mobileMarRow,.carousel1 {
        margin: 0 !important;
    }
    .mobileMarRow,.caroselAlign {
        margin: 0 !important;
    }
    .select-m-b{
        padding: 20px !important;
    }
    .doctorEdu,.search .locationContainer,.search .keywordContainer,.doctorName{
        width: 100% !important;
    }
    .keywordContainer{
        position: relative;
    }
    .keywordContainer ul{
        position: absolute;
        left: 0;
        width: 100%;
    }
    .doctorDegree{
        width: 300px;
        padding: 10px 20px;
        margin: 0 auto;
    }
    .search .keywordContainer input{
        width: 100% !important;
        background: #FFFFFF url("/images/search.png") 98% 2px no-repeat;
        border-radius: 0 !important;
    }
    .search .homeSearch{
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .search .searchIcon,.desktopHeading{
        display: none;
    }

    .homeSearch button{
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        width: 100%;
    }
    .paymentSide p.offline,.paymentSide p.availablity{
        margin: 0 0 0 10px;
        text-align: left;
    }
    .appoinment_widget .widget_logo{
        padding: 10px 15px !important;
    }
    .appoinment_widget .widget_header .clinic_name{
        padding: 8px 15px 0 15px !important;
    }
    .appoinment_widget .widget_header .clinic_name .left-menus {
        display: block!important;
        text-align: left;
    }
    .appoinment_widget .widget_header .clinic_name .right-menus {
        text-align: right;
        display: block;
        margin: -4px 0px 0px 0px;
    }
    .go-back-link {
        font-size: 10px !important;
        float: none !important;
        padding: 0px !important;
    }
    .video_pdf{
        display: table;
        font-size: 10px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        float: none !important;
    }
    .widgetDoctorBody .row{
        padding: 0 15px !important;
    }
    .patienForm .btn-orange, .btn-orange{
        width: 42%;
    }
    /*.availableTimeSlotes{*/
    /*    width:80px;*/
    /*}*/
    .selectSlotes,.doctorInclinc .vtab ul.call-screen-tabs,.doctorInclinc .vtab .tab-content{
        width: 100%;
    }
    .appoinmentSloteSide h3{
        width: 93%;
    }
    .availableTimeSlotes {
        padding: 9px 5px 7px 5px;
        font-size: 10px !important;
        width: 88px !important;
        margin: 0 7px 15px 0 !important;
    }
    .searchImg{
        float: right;
        margin: 17px 20px 0 0;
    }
    .search{
        display: none;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 3000ms ease-in-out;
        transition: all 3000ms ease-in-out;
        height: 140px;
    }
    .openSearch{
        display: inline-block;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 3000ms ease-in-out;
        transition: all 3000ms ease-in-out;
        height: 140px;
    }
    .mobileHeader .logo{
        float: left;
        margin: 5px 0 0 57px;
        display: inline-block;
        position: relative;
        left: 15px;
    }
    .mobileHeader .logo img{
        margin: 0;
    }
    .mobileHeader .menu{
        float: right;
        margin: 10px 15px 0 0;
    }

    .mobileHeader .header_menu ul.header_menu_options_list {
        margin: 0;
        padding: 0;
        list-style: none;
        text-transform: uppercase;
        border: 2px solid #a6a6a6;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: none;
        background-color: #FFFFFF;
        min-width: 155px;
        width: auto;
    }
    .mobileHeader .header_menu ul.header_menu_options_list li {
        display: flex;
        cursor: pointer;
        border-bottom: 1px solid #d9d9d9;
    }
    .mobileHeader .header_menu ul.header_menu_options_list li a{
        font-size: 11px;
        color: #373737;
        padding: 8px 10px;
        display: inline-block;
        width: 100%;
        text-align: left;
    }
    .mobileHeader ul.header_menu_options_list li:hover {
        background-color: #d9d9d9;
    }
    .mobileHeader ul.header_menu_options_list li:first-child:before {
        content: "";
        border-bottom: 10px solid #FFFFFF;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: -10px;
        right: 2px;
        z-index: 10;
    }
    .mobileHeader ul.header_menu_options_list li:first-child:hover:before {
        border-bottom: 10px solid #d9d9d9;
    }
    /*.doctorList{*/
    /*    margin: 60px 0 0 0;*/
    /*}*/
    .doctor-info h2,.scroll-review .patient-name,.scroll-review .patient-about,.clearfix,.feedaback_remarks{
        text-align: left;
    }
    .scroll-review{
        margin-bottom: 0;
    }
    .selectOptions a {
        width: 180px;
    }
    .signUpModal{
        height: 500px !important; overflow-y: auto; overflow-x: hidden;
    }
    .signUpModal::-webkit-scrollbar{
        width: 10px;
    }
    .signUpModal::-webkit-scrollbar-thumb {
        background: #c1c1c1;
    }
    .signupPopup label, .login label, .forgetPwd label, .verifyModal label{
        font-size: 9px;
    }
    .signupPopup .age{
        width: 33.3%;
        float: left;
    }
    .signupPopup .gender{
        width: 50%; padding: 0;
    }
    .modal-dialog.verifyModal {
        width: 100% !important;
        margin: 0;
    }
    .mtoggle{
        display: inline-block;
        float: right;
        margin: 12px 10px 0 0;
    }
    ul.top_menu,.patient-video-permission .videoPermissionMsg p, .patient-video-permission .videoPermissionMsg span.text{
        display: none !important;
    }
    header .open {
        display: inline-block !important;
        position: fixed;
        background: #333367;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        padding: 48px 0 0 0 !important;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 9;
    }
    .closeMenu {
        display: inline-block !important;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    ul.top_menu li {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #131361;
        padding: 0;
    }
    ul.top_menu li:nth-child(2) {
        border-top: 1px solid #131361;
    }
    ul.top_menu li a {
        padding: 18px 0 20px 20px !important;
        text-align: left;
        width: 100%;
    }
    ul.top_menu li.parent:after {
        top: 13px;
        right: 20px;
        font-size: 25px;
    }
    ul.top_menu li ul {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        background: #0F084B;
        margin: 0;
        padding: 10px 0;
    }
    ul.top_menu li:nth-child(2), ul.top_menu li:nth-child(2) > ul li,ul.top_menu li:nth-child(2) > ul {
        width: 100% !important;
    }
    ul.top_menu li ul li a {
        padding: 10px 20px 10px 30px !important;
    }
    ul.top_menu li ul li,ul.top_menu li > ul li{
        border-bottom: 0; border-top: 0 !important;
    }
    .r-arrow {
        display: inline-block;
        width: 15px;
        position: relative;
        top: 2px;
    }
    .about footer,.informed footer,.joinQurabl footer,.reachus footer{
        position: relative;
    }
    /*.broken-links{*/
    /*    position: relative !important;*/
    /*    top: 0 !important;*/
    /*    transform: translateY(0) !important;*/
    /*}*/
    .broken-links h4{
        padding: 20px 0;
    }
    .terms{
        text-align: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    .terms h5,.terms h2,.terms th,.terms td{
        text-align: left;
    }
    footer .block:nth-child(1),footer .block:nth-child(2){
        margin: 50px 0 16px 0;
    }
    footer .block{
        margin: 10px 0 16px 0;
    }
    /*.patient-video-permission .videoPermissionMsg{*/
    /*    width: 90%;*/
    /*    height: auto;*/
    /*    top:45%;*/
    /*}*/
    /*.patient-video-permission .videoPermissionMsg p{*/
    /*    padding: 20px 20px 0 20px !important;*/
    /*}*/
    /*.patient-video-permission .videoPermissionMsg p{*/
    /*    display: inline-block !important;*/
    /*    line-height: 25px;*/
    /*    padding: 20px 10px 0 10px !important;*/
    /*}*/
    /*.patient-video-permission .videoPermissionMsg p mark{*/
    /*    font-size: 17px; */
    /*}*/
    /*.patient-video-permission .videoPermissionMsg .bottom {*/
    /*    position: relative !important;*/
    /*    margin: 50px 0 10px 0 !important;*/
    /*}*/
    .patient-video-permission .noBorwserSupport h1{
        font-size: 25px;
        line-height: 40px;
    }
    .patient-video-permission .noBorwserSupport p{
        font-size: 20px !important;
        line-height: 35px !important;
        padding: 0 50px
    }
    .patient-video-permission .noBorwserSupport p a{
        font-size: 20px;
    }
    .patient-video-permission video{
        width: 270px;
        height: 360px;
        position: relative;
        top: 0;
        left: 0;
        display: table;
        margin: 0 auto;
        transform: translate(0,0);
    }
    .patient-video-permission .pageTitle p{
        padding: 0 50px 10px 50px;
    }
    .patient-video-permission .plogo{
        margin: 0 0 0 5px;
    }
    /*.patient-video-permission .pageTitle p.mobile{*/
    /*    display: inline-block;*/
    /*    background: transparent;*/
    /*    border: 0;*/
    /*}*/
    .patient-video-permission .mobileVideoMsg{
        display: inline-block;
        padding: 20px 50px 0 50px;
    }
    .patient-video-permission .mobileVideoMsg p  {
        font-size: 20px;
    }
    .patient-video-permission .mobileVideoMsg p mark{
        color: #FFFFFF;
        line-height: 29px;
        font-size: 20px;
    }
    .patient-video-permission .mobileVideoMsg span.text {
        font-size: 16px;
        word-break: break-word;
        padding: 10px 0 0 0;
        display: inline-block;
        line-height: 22px;
        letter-spacing: 1px;
        text-align: center;
    }
    .patient-video-permission .mobilePermissionMsg{
        background: #202124;
        border-radius: 10px;
        padding: 40px 0 0 0;
        width: 270px;
        height: 360px;
        position: relative;
        margin:0 auto;
        display: table;
    }
    .patient-video-permission .mobilePermissionMsg p{
        display: inline-block !important;
        line-height: 25px;
        padding: 20px 10px 0 10px !important;
    }
    .patient-video-permission .mobilePermissionMsg p mark{
        font-size: 17px;
    }
    .patient-video-permission .mobilePermissionMsg span.text{
        display: inline-block !important;
        padding: 10px 20px 0 20px;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
        text-align: center;
        color: #FFFFFF;
    }
    .patient-video-permission .pageTitle h2{
        padding: 10px 0 20px 0;

    }
    .patient-video-permission .mobilePermissionMsg .bottom{
        position: absolute;
        bottom: 20px;
        left: 0;
        width: 100%;
        text-align: center;
    }
    .patient-video-permission .mobilePermissionMsg .bottom span{
        display: inline-block;
        width: 60px;
        height: 30px;
        text-align: center;
        line-height: 35px;
        border: 1px solid #FFFFFF;
        border-radius: 50px;
        margin-right: 20px;
        padding: 0;
    }
    .patient-video-permission .mobilePermissionMsg .bottom span:last-child{
        margin-right: 0;
    }
    .patient-video-permission .noBorwserSupport span.fullText{
        width: auto;
        margin: 0 !important;
        font-size: 20px !important;
        line-height: 35px !important;
    }
    .patient-video-permission .noBorwserSupport span.fullText a{
        font-size: 20px !important;
    }
    .step_one .contents, .step_three .contents{
        width: 90%;
    }
    .patient-video-permission .pinfo{
        padding: 10px 20px 15px 20px;
    }
    .step_two button{
        top:90%
    }
    .step_three .error p, .step_three .success p{
        line-height: 25px;
    }
    .noSupportBrowser .mcontent,.noOsSupport .mcontent{
        display: inline-block;
        width: 82%;
        float: right;
    }

    .noSupportBrowser .mcontent p,.noSupportBrowser .mcontent p span,.noOsSupport .mcontent p{
        font-size: 16px;
        display: inline-block;
        width: 100%;
        padding: 0 !important;
        text-align: left;
    }
    .noSupportBrowser .mcontent p a{
        color: #FFFFFF;
        text-decoration: underline;
        font-size: 16px;
    }
    .step_two .vtext{
        top:170px !important;
    }
    .patient-video-permission .startBtn{
        margin: 30px auto 40px auto;
    }
    .mobileHeading{
        display: inline-block; width: 100%;
    }
    .patient-video-permission h1{
        width: 100%;
    }
    .footerPowered{
        text-align: center;
        padding: 0;
    }
    .select-slots span.week{
        width: 126px;
    }
    .select-slots span.week a.leftArrow{
        left: -13px !important;
    }
    .select-slots span.week a.rightArrow{
        left: 13px !important;
    }
    .select-slots .table-responsive{
        padding: 15px !important; margin-bottom: 22px !important;
    }
    .select-slots .available-timings .col-md-8{
        padding: 0 5px 0 20px !important;
    }
    .select-slots .available-timings .col-md-4{
        padding: 0 0 15px 15px !important;
    }
    .select-slots .available-timings{
        width: calc(100% - 40px) !important; margin: 0 0 15px 0 !important;
    }
    .select-slots .first button:last-child,.calenderpopup .second button:last-child{
        margin: 0 15px 15px 0 !important;
    }
    .select-slots .mweek{
        padding-right: 20px; padding-top: 10px;
    }
    .select-slots .noSlots{
        padding: 0 0 20px 0 !important;
    }
    .carousel{
        margin: 60px 0 0 0;
    }
    .paymentCarousel .select-slots .available-timings .col-md-12{
        padding: 0 5px 0 20px;
    }
    .select-slots span.week .leftArrow,.select-slots span.week .rightArrow{
        width: 20px !important; height: 20px !important; top: -2px !important;
    }
    .select-slots span.week .leftArrow img{
        width: 11px; top:-3px !important; left: -3px !important;
    }
    .select-slots span.week .rightArrow img{
        width: 11px; top: -3px !important; left: -1px !important;
    }
    .hospitalIdText{
        width: 64% !important;
        margin: 10px 0 0 0;
        display: inline-block;
        float: left;
    }
    /*.widgetHospitalIdText{*/
    /*    width: 58% !important;*/
    /*}*/
    .doctorSlotInfo .row{
        display: table !important; width: 100%;
    }
    .doctorSlotInfo h2{
        top:0 !important; transform: translateY(0) !important; left: 0 !important;
        padding:10px 0 10px 10px !important; border-bottom: 1px solid #e8e9e8;
    }
    .doctorSlotInfo .row .col-md-2, .doctorSlotInfo .row .col-md-5, .doctorSlotInfo .row .col-md-3{
        border-top: 0px solid #e8e9e8; border-right: 0;
    }
    .doctorSlotInfo .row p{
        border-bottom: 0;
    }
    .mobileSlotView{
        display: inline-block; width: 100%;
    }
    .doctorSlotInfo .rows{
        /*border-top: 1px solid #e8e9e8 !important;*/
        /*border-left: 1px solid #e8e9e8 !important;*/
        /*border-right: 1px solid #e8e9e8 !important;*/
        border-bottom: 1px solid #e8e9e8 !important;;
    }
    .doctorSlotInfo .rows:last-child{border-bottom: 0 !important;}
    .doctorTimings{
        width: calc(100% - 30px) !important;
        left: 15px !important;
    }
    .mscroll{
        display: inline-block;
        width: 100%;
        height: 340px;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .doctorTimings .mtableTimings{
        border:1px solid #e8e9e8; margin-bottom: 20px;
        display: inline-block; width: 100%;
        border-radius: 10px;
    }
    .doctorTimings .mtableTimings h2{
        padding: 10px; border-bottom:1px solid #e8e9e8;
    }
    .doctorTimings .mtableTimings label{
        background: #f3f3f3;
        width: 100%;
        padding: 2px 0 2px 10px;
        color: #808088;
        text-align: left;
    }
    .doctorTimings .mtableTimings p{
        color: #929292; padding: 10px;
    }
    .videoRoom .rightSide{
        margin: 65px 0 0 0;
    }
    .waitingRoom video{
        position: relative !important;
        width: 90% !important;
        top: 0px !important;
        right: 0px !important;
    }
    .videoRoom .leftSide p{
        padding: 0 0 15px 30px !important;
    }
    .modal-dialog{
        top: 50%;
        position: absolute;
        left: 0;
        transform: translateY(-50%) !important;
    }
    #tab4Cnt form,.doctorInclinc #tab9Cnt .form-default,.doctorInclinc form.prescription-sm,
    .doctorInclinc #tab9Cnt .form-default, .doctorInclinc #tab2Cnt .prescription-sm,
    .doctorInclinc #tab3Cnt .prescription-sm,.doctorInclinc #tab4Cnt .form-default{
        padding: 0 !important;
    }
    .patientVertualClinic #tab4Cnt form{
        padding: 0 20px !important;
    }
    .doctorVideo .btn-cancel{
        margin-left: 59px !important;
    }
    .vertualClinic .callBtn{
        width: 160px !important;
    }
    .mobPrescription{
        display: inline-block !important;
        width: 100%;
    }
    .nopermission{
        padding: 20px !important;
    }
    .videoPermissionMsg{
        width: 90% !important;
        height: auto !important;
        padding: 0 !important;
    }
    .videoPermissionMsg p{
        padding: 20px 20px 0 20px !important;
    }
    .videoPermissionMsg .bottom{
        position: relative !important;
        margin: 50px 0 10px 0 !important;
    }
    .nopermission video{
        width: 90% !important;
        height: 300px !important;
    }
    .nopermission button{
        top: 75% !important;
        padding: 10px 20px !important;
        white-space: nowrap;
    }
    .nopermission mark{
        font-size: 20px !important;
    }
    .videoPermissionMsg p{
        line-height: 30px !important;
    }
    .nopermission h1{
        font-size:25px !important;
        line-height: 40px !important;
    }

    .nopermission p {
        font-size: 20px !important;
        line-height: 35px !important;
        padding:0 50px;
    }

    .nopermission p a {
        font-size: 20px !important;
    }
    .vertualClinic.doctorInclinc header{
        height: 60px !important;
    }
    .doctorInclinc .mlogo{
        margin: 18px 0 0 0 !important;
        height: 25px;
        width: auto;
    }
    .doctorInclinc .vtab ul.call-screen-tabs li{
        width: 20%;
        border-right:1px solid #e8e9e8 !important;
        border-left: 0;
        border-top: 0 solid #e8e9e8;
        box-shadow: none;
    }
    .doctorInclinc .vtab ul{
        background: #FFFFFF; width: calc(100% - 30px);
    }
    .doctorInclinc .vtab ul.call-screen-tabs li.active{
        border-left:0 solid #e8e9e8 !important;
        border-top: 0;
    }
    .doctorInclinc .vtab ul.call-screen-tabs li:last-child{
        border-right:1px solid #e8e9e8 !important; border-bottom: 0;
    }

    .doctorInclinc header,.doctorInclinc .left{
        height: auto !important;
    }
    .doctorInclinc h6{
        width: 76% !important;
        background: #FFFFFF;
        border-bottom: 0;
        float: left;
        margin: 0; padding: 20px 0 0 0 !important;
    }
    .doctorInclinc header h6 span{
        font-size: 17px !important; text-align: right;
    }
    .doctorInclinc .tab-content{
        border-left: 0; border:0 solid #e8e9e8;
    }
    .doctorInclinc .vtab{
        border: 0; display: table;
    }
    .doctorInclinc .call-screen-tabs li a{
        box-shadow: none !important;
    }
    .doctorInclinc .patient-info{
        width: 73%;
    }
    .doctorInclinc .patient-info p{
        text-align: left;
    }
    .vertualClinic .rightCtrl{
        width: 100% !important;
        margin-right: 0 !important;
    }
    .vertualClinic header h6{
    color: #929292 !important;
    }
    .vertualClinic .presClose,.vertualClinic .mclose{
        left: auto !important;
        right: 15px; top:15px;
    }
    .doctorInclinc .w-75-p{
        width: 75%;
    }
    .doctorInclinc .minstuction{
        margin-top: 12px !important; padding-bottom: 15px !important;
    }
    .doctorInclinc .nav-tabs>li:first-child,.doctorInclinc .nav-tabs>li a,.doctorInclinc .left{
        border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; border-radius: 0;
    }
    .doctorInclinc #tab9Cnt form .age{
        padding-left: 15px !important; padding-right: 15px !important;
    }
    .doctorInclinc .mobPrescription{
        border-radius: 10px;
        background: #FFFFFF;
        padding: 30px;
        box-shadow: 0 1px 5px 4px #e6e6e6;
        margin-bottom: 15px;
        position: relative;
    }
    .doctorInclinc .card-effect{
        padding: 30px;
    }
    .doctorInclinc .nav-tabs{
        float: left;
    }
    .doctorInclinc #tab3Cnt form input{
        margin-bottom: 10px;
    }
    .doctorInclinc .testType{
        margin-top: 20px !important;
        margin-bottom: 8px !important;
    }
    .doctorInclinc #tab9Cnt .sex{
        padding-left: 15px;
    }
    .doctorInclinc #tab9Cnt .customRadioBtn label{
        margin-right: 0;
    }
    .doctorInclinc .docInnerScroll{
        /*min-height: auto !important;*/
    }

    .doctorInclinc .left button{
        position: absolute;
        font-size: 10px;
        padding: 0 10px;
        height: 35px;
        line-height: 35px;
        bottom: auto;
        left: auto;
        top: 15px;
        right: 10px;
        width: auto;
    }
    .doctorInclinc .viaSms{
        position: absolute;
        bottom: 1px;
        display: inline-block;
        right: 37px;
        font-size: 10px;
    }
    .doctorInclinc .addMore{
        margin-left: 0;
    }
    .doctorInclinc .btn-blue{
        margin-right: 0;
    }
    .doctorInclinc input,.doctorInclinc select,.doctorInclinc textarea,ul.list-options>li{
        font-size: 12px !important;
    }
    .doctorInclinc .vtab ul.call-screen-tabs figure{
        width: 35px; height: 35px; line-height: 40px; margin-right: 0;
    }
    .doctorInclinc .vtab ul.call-screen-tabs figure img{
        width: 17px; top: 0;
    }
    .doctorInclinc .powered{
        text-align: center; position: relative;
    }
    .doctorInclinc .vtab ul.call-screen-tabs li a{
        border-bottom: 0;
    }
    .sendPrescriptionSms .modal-dialog{
        width: 95%;
    }
    .doctorInclinc header{
        position: relative !important;
    }
    .doctorInclinc .left{
        position: relative !important; left: 0 !important; top: 0 !important;
    }
    .doctorInclinc #appointments-details{
        margin-top: 20px !important;
    }
    .doctorInclinc .bottom-btn,.doctorInclinc #tab9Cnt .patient-sm-details{
        margin: 0 0 0px 0;
    }
    .desktopImgLogo{height: 25px;}
    .doctorInclinc .patient-sm-details{
        width: 100% !important; margin-left: 0;
    }
    .doctorInclinc .mPoweredBy{
        display: inline-block; width: 100%; text-align: right; margin-top: 10px; padding-right: 11px; margin-bottom: 10px;
    }
    .page404 .notFound p{
        font-size: 26px;
    }
    .page404{
        height: 91vh;
    }
    .page404 .mPoweredBy{
        position: absolute;
        bottom: 0; right: 0;
    }
    .thankYouScreen{
        width: 90%;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
        margin: 50px auto 0 auto;
    }
    .thankYouScreen h6{
        padding: 0 0 30px 0 !important;
        width: 100% !important; line-height: 25px;
    }
    .doctorInclinc  .mbtn{
        display: inline-block;
        margin: 0 0 20px 0;
        float: right;
        background: #3fc0cd;
        color: #FFFFFF;
        padding: 7px 17px;
        border-radius: 3px;
    }
}

@media screen and (max-width: 640px) {
    div,
    span,
    p h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    a {
        text-align: center;
    }
    .loginBtn {
        border: none;
    }
    .mobileImg {
        width: 100px;
    }
    .bannerBtm {
        bottom: 20px;
        font-size: 10px;
    }
    .getMobile {
        display: none !important;
    }
    .howItwork h2 {
        padding-bottom: 10px;
    }
    .topListItem {
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
    }
    .mobileMar {
        margin: 0;
    }
    .footerTop {
        padding: 60px 0 40px 0;
    }
    .footerTop ul {
        margin-bottom: 30px;
    }
    .footerTop h5 {
        font-size: 25px;
    }
    .welcomeSlide .btn {
        width: 80%;
        padding: 6px 20px;
    }
}

@media screen and (max-width: 360px) {
    .bannerSearch {
        box-sizing: border-box;
    }
    h2 {
        font-size: 25px;
    }
    h1 {
        font-size: 25px;
    }
    .topListItem {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .tabLetFoot .socialIcon {
        width: 30%;
        margin: 20px auto;
    }
    .footerTop {
        padding: 60px 0 40px 0;
    }
    .footerTop ul {
        margin-bottom: 20px;
    }
    .footerTop h5 {
        font-size: 20px;
    }
    .footerBtm a,
    .footerBtm p {
        font-size: 10px;
    }
    .footerBtm img {
        width: 30px;
    }
    .welcomeSlide .btn {
        width: 100%;
    }
    .column-2_ {
        display: contents !important;
    }
}

@media screen and (max-width: 320px) {
    .footerBtm a,
    .footerBtm p {
        font-size: 9px;
    }
    .footerBtm img {
        width: 30px;
    }
    .welcomeSlide .btn {
        width: 100%;
        padding: 6px 20px;
        text-align: left;
    }
    /*.paymentCarousel h1 {*/
    /*    font-size: 12px;*/
    /*}*/
    .locationContainer {
        width: 100%;
        padding: 0px 3px 6px 5px;
    }
    
    .doctor-search input {
        width: 97% !important;
    }

    /* .wdg-320-px {
        width: 95px;
    } */
    .login-grp .mobileNo {
        width: 51% !important;
        /* width: 100% !important; */
        /* margin-top: 4px; */
    }
    .mobno-wdg-320-px {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* .wdg-pwd {
        margin-top: 40px;
    } */
}


/*Ramalakshmi media query ends here*/


/*Carmel media query starts here*/

@media only screen and (min-width: 1024px){
    .modal-dialog{
        width: 450px;
    }
}
@media only screen and (max-width: 992px){
    .modal-dialog,.appoinment_widget {
        width: 700px;
    }
    .appoinment_widget .widget_menu .nav-link p{
        font-size: 12px !important;
    }
    .widget_menu > img{
        width: 20px; margin: 3px 15px 0 0;
    }
    .appoinment_widget .widget_menu .nav-link .circle{
        width: 15px !important;
        height: 15px !important;
        line-height: 15px !important;
        font-size: 10px;
    }
    .widget_body .docotor .col-md-1, .widget_body .slot .col-md-1, .widget_body .mobile .col-md-1{
        width: 12% !important;
        float: left;
    }
    .widget_body .docotor .col-md-11, .widget_body .slot .col-md-11, .widget_body .mobile .col-md-11{
        width: 88% !important;
        float: left;
        padding: 0;
    }
    .scheduleConfirmed .col-xs-12{
        width: 25% !important;
    }
    .docotor h3,.docotor h5,.docotor h6,.slot  h3,.slot  h4,.slot  h5,.slot  h6,.mobile  h3,.mobile  h4,.mobile  h5,.mobile  h6{
        text-align: left !important;
    }
    .mobileForm label{
        width: 100%;
        padding: 10px 0 10px 10px !important;
        text-align: left;
    }
    .widget_body  .mobile .col-md-4{
        width: 20%; float: left;
    }
    .widget_body  .mobile .col-md-8{
        width: 80%; float: left;
    }
    .widget_body  .mobile .col-md-8 .row .col-md-6{
        width: 50%; float: left;
    }
    .app_date{text-align: left;}
    .widget_body .docotor h3, .slot h3, .mobile h3,.mobile .app_date,.slot h3, .mobile h3{
        font-size: 14px !important;
    }
    .widget_body .docotor h5,.slot h4, .mobile h4,.mobile .app_day{
        font-size: 11px !important;
    }
    .widget_body .docotor h6,.slot h5, .mobile h5{
        font-size: 10px !important;
    }
    .widget_body .slot h6, .widget_body .mobile h6{
        font-size: 9px !important;
    }
    .appointment_confirmed h2,.appointment_confirmed h2 span{
        font-size: 16px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ratings,.doctorName,.doctorDegree {
        width: 100%;
        height: auto;
    }
    .ratings ul {
        float: left;
        padding: 18px 0 0 100px;
    }
    .price {
        width: 100%;
        height: auto;
        padding: 0 0 20px 0;
        margin: 0;
    }
    .price h2 {
        margin: 0;
        padding: 10px 107px 10px 30px;
    }
    .customCheckbox {
        width: 100%;
        height: auto;
    }
    .customCheckbox h2 {
        margin: 0;
        padding: 20px 30px;
    }
    .customCheckbox .gender {
        width: 35%;
        margin: 9px 0px 0 60px;
    }
    .language {
        width: 92%;
        border: 1px solid #f2f0f0;
        margin: 20px 30px 0 0;
    }
    .language .dropdown .btn {
        padding: 19px 25px;
    }
    .language .dropdown-menu {
        width: 103% !important;
    }
    .language .dropdown-menu li > a {
        color: #a2a8be !important;
    }
    .language .btnTxt {
        color: #a2a8be !important;
    }
    .doctorDetails{
        /*background-color: #f4f4f6;*/
        position: relative;
        z-index: 666;
        top: -2px;
    }
    .bookAppoinment {
        width: 100%;
        padding: 12px 10px;
        font-size: 11px;
    }
    .doctorInfo {
        width: 67%;
    }
    .rightNav ul li a img {
        position: absolute;
        top: 5px;
        left: 36%;
    }
    .rightNav ul li a {
        font-size: 10px;
        text-align: center;
        padding: 25px 0;
    }
    .summery h2,
    .treatment h2 {
        font-size: 13px;
    }
    .rightNav ul li a span {
        top: 17px;
        height: auto;
        text-align: center;
    }
    .treatment h3 {
        font-size: 10px;
    }
    .messageTypeing .typeMsg {
        width: 62%;
    }
    .rightNav ul li:nth-child(1) span,
    .rightNav ul li:nth-child(4) span,
    .rightNav ul li:nth-child(5) span {
        top: 15px;
    }
    .videCtrl {
        bottom: 70px;
    }
    .consultation .selectOptions a{
        width: 163px;
    }
    .selectOptions,.doctorInclinc .desc_instruction{
        width: 100% !important;
    }
    .consultation .selectOptions span{
        display: inline-block;
    }
    .listOfDoctors .image{
        width: 100px; height: 100px;
    }
    .header .container{
        padding: 0; width: 100%;
    }
    .header #navbar{
        padding: 0;
    }
    .search{
        display: none;
    }
    .doctorProfile,.paymentCarousel{
        margin: 60px 0 0 0;
    }
    .paymentCarousel{
        margin-bottom: 50px;
    }
    .logo img{
        width: 130px;
        margin: 0;
    }
    a.logo {
        margin: 11px 0 0 0;
    }
    .nav.navbar-nav{
        padding: 18px 10px 0 0;
    }
    footer{
        /*position: fixed;*/
        bottom: 0;
        /*left: 0;*/
        width: 100%;
        /*height: 60px;*/
    }
    footer .main-container{
        width: 750px;
    }
    footer .block{
        width: 19%;
    }
    .selectHosptl{
        margin: 0 0 0 10px;
        width: 77%;
    }
    .patient-video-permission .videoPermissionMsg{
        top:50%;
    }
    .step_two button{
        top: 77%;
    }
    .patient-video-permission .plogo{
        margin: 0 0 0 20px;
    }
    .select-slots .available-timings .col-md-8{
        padding: 0 10px 0 30px !important;
        margin: 15px 0 0 0;
    }
    .select-slots .available-timings button{
        width: 15.5% !important;
    }
    .doctorInclinc .desc_instruction{
        width: 87%;
    }
    .doctorInclinc .sex{
        padding-left: 15px !important;
    }
    .doctorInclinc .customRadioBtn label{
        padding-left: 0 !important;
    }
    .doctorInclinc #tab9Cnt .customRadioBtn label{
        margin-right: 0 !important;
    }
    .doctorInclinc .w-75-p{
        width: 60%;
    }
    .sendPrescriptionSms .modal-dialog{
        width: 40%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .ratings {
        width: 20%;
        margin: 0 0px;
    }
    .searchByFilter h2 {
        padding: 20px 10px 21px 10px;
    }
    .price {
        width: 20%;
        margin: 0;
    }
    .price .customText {
        width: 27.8%;
    }
    .customCheckbox {
        width: 130%;
    }

    .doctorInfo {
        width: 75%;
    }
    .rightNav ul li a img {
        width: 25px;
        height: 25px;
    }
    .rightNav ul li a {
        font-size: 10px
    }
    .search{
        display: none;
    }
    .doctorProfile,.paymentCarousel{
        margin: 60px 0 0 0;
    }
    footer{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
    }
    .paymentCarousel{
        margin-bottom: 50px;
    }
    .selectOptions a{
        width: 160px;
    }
    .selectHosptl{
        margin: 0 0 0 10px;
        width: 77%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .keywordContainer{
        width: 58%;
    }
    .selectOptions p{
        font-size: 12px;
    }
    .doctorInclinc header .heading{
        width:88%;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1200px) {
    .selectOptions a{
        width: 160px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .availablity,.doctorName,.bookAppoinment,.doctor-info h1,.doctor-info h2,.paymentCarousel h1,
    .patienForm .btn-orange, .btn-orange,.patienForm .btn-gray, .btn-gray,.patienForm a,
    .bookApnt,.appntConfirmed h3,.appntConfirmed h3 span,.spanspc,.scheduleConfirmed h5,
    .appoinmentSloteSide  h2,.appntConfirmed .btn,.paymentSide h2{
        font-family: 'Lato', sans-serif !important;
        font-weight: 700;
    }
    .doctorEdu, .search .locationContainer, .search .keywordContainer,.speciality,.experiance,.charges,
    .doctorProfile .input-group p, .doctor-info p,.scroll-review .patient-name, .scroll-review .patient-about, .clearfix,
    .feedaback_remarks,.patientList h2,.patientList ul li span,.patienForm label,.paymentDone h3 span,
    .paymentDone h3,.selectOptions p,footer .block a,.appoinmentSloteSide h3,.availableTimeSlotes,
    .appntConfirmed h4,.scheduleConfirmed h6,.reschedule-cancel-appointment p,.doctorDegree,
    .appntConfirmed h5,.appntConfirmed h6
    {
        font-family: 'Lato', sans-serif !important;
    }

    .searchByFilter h2 {
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .ratings {
        width: 100%;
        height: auto;
        padding: 0 0 20px 0;
        margin: 0;
        text-align: center;
        border-top: 1px solid #f7f1f1;
    }
    .ratings ul {
        float: none;
        padding: 0;
        margin: 8px 0 0 0;
    }
    .ratings ul li {
        font-size: 20px;
        padding: 0px 3px;
    }
    .price {
        width: 100%;
        height: auto;
        margin: 0;
        text-align: center;
        border-top: 1px solid #f7f1f1;
        padding: 0;
    }
    .price .customText {
        width: 39%;
        margin: 0;
        height: 40px;
    }
    .customCheckbox {
        border-top: 1px solid #f7f1f1;
        padding: 0 0 20px 0;
        display: inline-block;
        width: 100%;
    }
    .gender {
        float: none;
        text-align: center;
        width: 100%;
        margin: 0;
        height: 40px;
    }
    .gender input:focus+label {
        height: 34px;
        line-height: 34px;
        margin: 0px;
    }
    [type="radio"]:not(:checked) + label,
    [type="radio"]:checked + label {
        height: 34px;
        line-height: 34px;
        margin: 0px;
    }
    .language {
        width: 100%;
        border-top: 1px solid #f7f1f1;
        border-bottom: 1px solid #f7f1f1;
    }
    .language .dropdown {
        width: 90%;
        margin: 20px auto;
        padding: 0 20px;
        border: 1px solid #f2f0f0;
    }
    .openFilter {
        height: 445px !important;
    }
    .slider{
        width: 68%;
        margin: 0 0 0 15px;
    }
    .findDoctor .input-group input {
        width: 73%;
    }
    .findDoctor .input-group button {
        width: 26%;
    }
    .list_pagination .pagination > li:first-child {
        padding: 8px 10px 9px 10px;
    }
    .list_pagination .pagination > li:last-child {
        padding: 8px 10px 9px 10px;
    }
    .bookAppoinment {
        width: 75%;
        margin: 30px auto 0 auto;
        display: table;
    }
    .doctorProfile .input-group label {
        text-align: center;
        padding: 0 0 5px 0;
    }
    .qualifications h2 {
        padding: 25px 0;
    }
    .similarDoctorProfile a {
        text-align: left;
        float: left;
        border-bottom: 1px solid #CCC;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .years,.doctor-info h1,.list-options li{
        text-align: left;
    }
    .doctorInfo {
        text-align: left;
        width: 82%;
    }
    .similarDoctorProfile ul li {
        float: left;
    }
    .appoinment,.selectLang,.userStatus .status,footer .main-container, footer .block {
        width: 100%;
    }
    .copyright{
        text-align: center;
    }
    .laguage,.userStatus{
        width: 100%;
        margin: 0;
    }
    .sort{
        float: none;
        width: 100%;
        margin: 0;
    }
    .sort span,.sort .orderBy{
        padding: 0; width: 100%;
    }
    .laguage h2,.searchByFilter h2,.sort span{
        padding: 10px 0; text-align: left;
    }
    .userStatus .status,.selectLang,.sort .orderBy{
        margin: 0;
    }
    .doctor-details .video,
    .doctor-details .bookAppoinment {
        width: 100%;
        font-size: 14px;
    }
    .appoinmentDetails .input-group {
        padding: 0 0 10px 0;
    }
    .appoinmentDetails .input-group label,
    .appoinmentDetails .input-group p {
        float: none;
        text-align: center;
    }
    .appoinmentDetails a {
        width: 57%;
    }
    .rightNav ul li a span,.desktopSlotView {
        display: none;
    }
    .rightNav ul li a {
        text-align: center;
    }
    .messageTypeing .file {
        padding: 17px 0 22px 0;
    }
    .messageTypeing .typeMsg {
        width: 50%;
    }
    .tabIcons {
        text-align: center;
        float: none;
    }
    .modal-dialog.forgotModal,
    .modal-dialog.loginModal {
        width: 100%;
        margin: 0% !important;
    }
    .modal-dialog.signUpModal {
        width: 100%;
        margin: 0% !important;
    }
    .modal-dialog {
        width: 95%;
    }
    .navbar-header .logo {
        width: 130px;
    }
    .navbar .navbar-toggle {
        margin: 25px 0 0 0;
    }
    .videoThumbnail .thumbNail {
        bottom: 120px;
    }
    .appoinment_widget{
        width: 100% !important;
    }
    .doctor-search{
        padding: 6px 10px 5px 10px !important;
    }
    .doctor-search input{
        width: 55% !important;
    }
    .appointment_modal .modal-dialog{
        top: 20px;
        position: absolute;
        left: 0;
    }
    .appoinment_widget{
        overflow: hidden;
    }
    .widget_menu{
        width: 800px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .widget_body .docotor .col-md-1, .widget_body .slot .col-md-1,.widget_body .mobile .col-md-1{
        width: 20% !important; float: left;
    }
    .widget_body .docotor .col-md-11, .widget_body .slot .col-md-11,.widget_body .mobile .col-md-11{
        width: 72% !important; padding-left: 10px; 
        /* float: right; */
    }
    .appoinmentSloteSide .left{left: 0;}
    .appoinmentSloteSide .right{right: 0;}
    .available_slots{padding: 0 10px 20px 10px !important;}
    .slot_details{margin: 0 0 30px 0;}
    .widget_body .docotor .btn{margin: 16px 15px 0 0 !important;}
    .consultation .selectOptions span{
        top:0; left: 0;
        display: block;
        padding: 20px 0;
    }
    .mlogo{float: none !important;}
    .widget_body .docotor .btn{float: left !important;}
    .appoinment_widget .widget_body{margin-bottom: 20px;}
    .appntConfirmed h6{
        padding: 5px 0 20px 0;
    }
    .doctorProfile{
        margin: 60px 0 0 0;
    }
    .slider-cnt > span:first-child,.slider-cnt > span:last-child{padding: 0; color:#333366 ;}
    .slider-cnt > span:first-child{width: 29px;}
    .carouxsel{margin: 60px 0 0 0 !important;}
    /*.mobileHeader .logo img{*/
    /*    !*!*width: 130px;*! height: 30px;*!*/
    /*}*/
    .mobileHeader a.logo{
        margin: 4px 0 0 0;
    }
    .searchCnt,.patient-video-permission .pageTitle p.desktop,.patient-video-permission .videoPermissionMsg{
        display: none;
    }
    .spanspc{
        width: 100% !important; padding-bottom: 10px; text-align: left;
    }
    .widget_body .docotor h6{
        font-size: 13px !important;
    }
    .mainNheader .mobileHeader{
        position: relative !important;
    }
    .doctorSlotInfo .row p{
        padding-right: 10px; word-break: break-word;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px){
    .widget_body .mobile .col-md-4,.widget_body .mobile .col-md-8{
        width: 100%;
    }
    .widget_body .mobile .col-md-8 img{
        width: 40px;
    }
    .widget_body .mobile .col-md-8 p.app_date{
        font-size: 9px !important;
    }
    .widget_body .mobile .col-md-8 p.app_day{
        font-size: 8px !important;
        width: calc(100% - 78px);
    }
    .widget_body .mobile .col-md-8{
        padding-top: 20px;
    }
    .widget_menu
    {
        padding-right: 600px !important;
    }
    .selectOptions span{
        width: 100%;
        top: 0;
        left: 0;
        padding: 20px 0;
        text-align: center;
    }
    footer .block:last-child{
        text-align: center !important;
        padding: 0 0 20px 0 !important;
    }
    #mc_embed_signup .mc-field-group input{
        margin-left: 20px;
        width: 90% !important;
    }
    #mc_embed_signup #clear input{
        margin-left: 20px !important;
        width: 90% !important;
        margin-top: -1px;
    }
    #mc_embed_signup .mc-field-group,#mc_embed_signup #clear{
        width: 100% !important; text-align: left !important;
    }
    footer h2{
        font-size: 25px !important;
        padding: 50px 0px 0 0px !important;
    }
    .select-slots .available-timings button{
        width: 25.8% !important;
    }
    .paymentCarousel .appoinmentSloteSide{
        padding: 30px 20px !important;
    }
    .doctorInclinc .docPrescription .label .w-24-6-p {
        width: 30.4% !important; margin-left: 0 !important; margin-right: 10px !important; float: left;
    }
    .doctorInclinc .docPrescription .textbox .w-24-6-p {
        width: 30.4% !important; margin-left: 0 !important; margin-right: 10px !important; float: left;
    }
}
@media only screen and (max-width: 479px){
    .listOfDoctors .offline, .paymentSide .offline, .appoinment_widget .offline,.appoinment_widget .availablity{
        width: 100%; display: table !important;
    }
    .appoinment_widget .offline, .appoinment_widget .availablity{
        text-align: left;
    }
    .listOfDoctors .offline span, .paymentSide .offline span, .appoinment_widget .offline span,.appoinment_widget .availablity span{
        margin: 0 10px 0 0;
    }
    .docotor .col-xs-12 span.education{
        display: table; width: 100%; text-align: left; margin: 5px 0;
    }
    footer .block{
        width: 45% !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .doctorInclinc header .heading{
        display: inline-block;
        width: auto;
        font-size: 12px;
        padding: 21px 0 0 0;
        float: right;
        text-align: right;
    }
    .doctorInclinc #tab9Cnt .customRadioBtn label{
        padding-left: 5px;
    }
}
@media only screen and (max-width: 370px) {
    .widget_body .docotor .col-md-11, .widget_body .slot .col-md-11, .widget_body .mobile .col-md-11 {
        width: 94% !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .videoThumbnail .thumbNail {
        bottom: 30px;
    }
    .mobile .app_day{
        width: calc(100% - 120px) !important;
    }
    .modal-dialog {
        width: 97.8%;
    }
    .widget_menu
    {
        padding-right: 300px !important;
    }
    .selectOptions a{
        display: block;
    }
    .selectOptions span{
        top:0; left: 0;
        padding: 20px 0;
        display: block;
    }
    .doctorDetails .docOuter .col-xs-12{
        width: 50%;
    }
    .search,.doctorProfile{
        display: none;
    }
    .mob_lanscape{
        display: inline-block;
        position: fixed;
        top:0; left: 0;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
    }
    .mob_lanscape p{
        position: absolute;
        top:50%;
        transform: translateY(-50%);
        font-size: 16px;
        width: 100%;
    }
    footer .block{
        width: 32% !important;
    }
    footer .block:last-child{
        width: 100% !important;
        text-align: center;
        padding: 10px 0 20px 0 !important !important;
    }
    .appoinment_widget .offline,.appoinment_widget .availablity{
        float: right;
    }
    .appoinment_widget span.education{
        width: 100%; text-align: left; float: left;
    }
    .widget_body .docotor .col-md-1{
        width: 17% !important;
    }
    .widget_body .docotor .col-md-11{
        width: 83% !important;
    }
    .select-slots .available-timings button{
        width: 30.2% !important;
    }
    .paymentCarousel .appoinmentSloteSide{
        padding: 30px !important;
    }
    .select-slots span.week{
        width: auto !important;
    }
}
/*Carmel media query ends here*/


/*************Incoming call starts here************/

.caller-dp {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 5px solid #66CC99;
    background-size: cover;
    margin: 0 auto;
}

.chatCaller .modal-title {
    color: #66CC99;
    margin-top: 12px;
}

.chatCaller {
    width: 22%!important;
    left: 39%!important;
    margin: 0;
    padding: 0;
}

.chatCaller .modal-dialog {
    width: 94%;
}

.chatCaller .modal-dialog .modal-content {
    border-radius: 25px;
!important;
}

.chatCaller .modal-header,
.chatCaller .modal-footer {
    border: 0;
}

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

.chatCaller .modal-body {
    padding-bottom: 0px;
}

.chatCaller .modal-footer {
    padding-top: 2px;
    padding-bottom: 25px;
}

.chatCaller .call-decline,
.chatCaller .call-accept {
    border: 0px;
    border-radius: 25px;
    color: #ffffff;
}

.call-decline {
    background: red!important;
}

.call-accept {
    background: #66CC99!important;
}


/*************Incoming call ends here************/

.sm-popup-msg {
    position: absolute;
    top: 10px;
    padding: 5px 20px;
    color: #fff;
    z-index: 10000;
    left: calc(50% - 120px);
}

.sm-popup-msg.success {
    background: #66CC99!important;
}

.sm-popup-msg.failure {
    background: red!important;
}

.small-heading-333367 {
    color: #333367!important;
}


/************Feedback popup starts here************/

.feedbackPopup .modal-dialog {
    width: 55%;
    font-family: "quickSandBold";
}

.feedbackPopup .modal-header {
    background: #6C3C71;
    color: #ffffff;
    border: 0px;
    border-radius: 4px 4px 0px 0px;
    padding-left: 24px;
    font-family: inherit;
    letter-spacing: 1.8px;
}

.doctorVideoPopup .modal-schedule{
    background: #66cc99 !important;
    position: relative;
    top:-1px;
}

.patientWebVideoPopup .modal-schedule{
    position: relative;
    top:-1px;
}

.webVideoPermissionWidth .modal-dialog{
    width: 500px;
}

.modal-schedule {
    background: #6C3C71;
    color: #ffffff;
    border: 0px;
    border-radius: 10px 10px 0px 0px;
    padding-left: 24px;
    font-family: inherit;
    letter-spacing: 1.8px;
}

.feedbackPopup h5 {
    margin-top: 17px;
    margin-bottom: 7px;
}

.feedbackPopup small {
    color: #b0b3b7;
    font-weight: bolder;
    margin-bottom: 30px;
    display: block;
}

.feedbackPopup .modal-body,
.feedbackPopup .modal-footer {
    padding: 15px 70px 15px 50px;
    border: 0;
    text-align: left;
}

.feedbackPopup .modal-footer {
    padding: 5px 70px 25px 50px;
}

.rating {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rating li {
    list-style: none;
    display: inline-block;
;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.rating li.filled-star {
    background-image: url(/images/filled-star.png);
}

.rating li.empty-star {
    background-image: url(/images/empty-star.png);
}

.feedbackPopup textarea {
    width: 100%;
    height: 80px;
    border-color: #f1f1f1;
    border-radius: 6px;
}

.feedbackPopup textarea:focus {
    outline: none;
}

.feedbackPopup button,
.feedbackPopup button:hover,
.feedbackPopup button:focus {
    background: #EF7F1B;
    border: 0px;
    color: #ffffff;
    text-transform: uppercase;
    outline: none;
}


/************Feedback popup ends here************/

.consultation-prescription.tab-content {
    border: 0px;
}

.med-pres label {
    font-size: 13px;
    letter-spacing: .8px;
    line-height: 1.42857143;
    color: #333;
    margin-bottom: 5px;
    font-weight: 700;
}

.med-pres input,
.med-pres textarea,
.form-default input {
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    padding: 6px;
    font-size: 13px;
    width: 100%;
    background: #fff;
    margin-bottom: 18px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.med-pres input:focus {
    outline: none;
}

.med-pres form input[type=checkbox] {
    height: 15px;
    width: 15px;
    position: relative;
    top: 5px;
    border: 1px solid #e8e9e8;
    margin-right: 4px;
    margin-bottom: 25px;
    color: #26292C;
}

.med-pres form input[type=checkbox]+span {
    position: relative;
    font-size: 13px;
    top: 3px;
}

.consultation-prescription.nav-tabs li {
    border: 0px;
}

.consultation-prescription.nav-tabs li a {
    border-top: 1px solid #66CC99!important;
}

.tab-content.consultation-prescription #lab_pres,
.tab-content.consultation-prescription #med_pres {
    margin-top: 10px;
}

.empty-followup-referral .no-img {
    background-image: url(/images/mtd_doc_sprite.png);
    background-repeat: no-repeat;
    background-position: -197px -53px;
    width: 70px;
    height: 72px;
    margin: 70px auto 15px auto;
}

.no-data-img {
    text-align: center;
    color: #c2c5c8;
    /* margin: 130px auto 15px auto;*/
    position:relative; top:150px;
}

.referral-form input,
.referral-form select,
select,
.referral-form textarea {
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    margin-bottom: 8px;
    background: #fff;
    font-size: 13px;
    margin-bottom: 18px;
}

.referral-form label {
    color: #333;
    font-size: 13px;
    margin-bottom: 8px;
}

.referral-form {
    padding: 30px;
}

.referral-form .btn,
.followup-form .btn {
    padding: 7px 30px;
    letter-spacing: .21px;
    border-radius: 3px!important;
}

.referral-form .btn-default,
.followup-form .btn-default,
.btn-default {
    border-color: #269abc;
    color: #269abc;
}

.referral-form .btn:focus,
.followup-form .btn:focus {
    outline: none;
}

.referral-form input:focus,
.referral-form select:focus {
    outline: none;
}

.referral-form select,
select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(/images/drop_ico.png);
    background-position: 96% 13px;
    background-repeat: no-repeat;
}

.patientDetailTabs>.tab-content {
    /*overflow-y: auto;*/
    display:inline-block; width:100%;
}

.blocks {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e9e8;
}


/*custom checkbox starts from here*/

.customRadioBtn input[type="radio"] + label {
    color: #292321;
    font-size: 14px;
}

.customRadioBtn input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.customRadioBtn input[type="radio"] + label span {
    background-color: #FFFFFF;
    /*box-shadow: inset 0 0 0 2px #eF7F1B;*/
    border: 2px solid #eF7F1B;
}

.customRadioBtn input[type="radio"]:checked + label span {
    background-color: #eF7F1B;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border: 2px solid #eF7F1B;
}

.customRadioBtn input[type="radio"] + label span,
.customRadioBtn input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}


/*check box code ends here*/


/*custom select dropdown starts from here*/

.customSelectDropdown {
    padding: 0;
    margin: 0px 0 0 0;
    overflow: hidden;
    border-radius: 0;
    border: 0;
    position: relative;
    background-color: #FFFFFF;
    background-image: url(/images/location.png);
    background-position: 14px 7px;
    background-repeat: no-repeat;
    height: 27px;
    width: 100%;
    float: right;
}

.customSelectDropdown:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #eF7F1B;
    z-index: 5;
}
/*.customSelectDropdownNew:after {*/
/*    z-index: 25!important;*/
/*}*/

.customSelectDropdown select {
    padding: 7px 20px 9px 40px;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    width: 100%;
    border: 0;
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    color: #9fa3a7;
    position: relative;
    z-index: 6;
}

.customSelectDropdown select option {
    padding: 0 0 0 10px;
}

.customSelectDropdown select:focus {
    outline: none;
}


/*custom select dropdown ends here*/

.noData {
    font-size: 13px;
    text-transform: capitalize;
    text-align: center;
    padding: 10px 0;
}

.noData1{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align:center;
}

.noData3{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
}

.noData2{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align:center;
}

.default-border {
    border: 1px solid #e8e9e8;
}

ul.list-options,
ul.settings-options {
    margin: 0;
    padding: 0;
    list-style: none;
}
.fullWidthList {
    width: 300px;
    border: 1px solid #ede9ee;
}

ul.list-options>li,
ul.settings-options>li {
    background: #ffffff;
    border-bottom: 1px solid #e8e9e8;
}

ul.list-options>li:hover,
ul.list-options>li.active,
ul.settings-options>li:hover,
ul.settings-options>li.active {
    background: #68CF9F;
}

ul.list-options.doc-list>li:hover,
ul.list-options.doc-list>li.active {
    background: #fff;
}

ul.list-options>li:hover>a,
ul.list-options>li.active>a,
ul.settings-options>li:hover>a,
ul.settings-options>li.active>a {
    text-decoration: none;
    color: #ffffff;
}

ul.list-options>li>a,
ul.settings-options>li>a {
    color: #5e5d73;
    display: block;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 10px 10px 25px;
}

.clr-cb5498 {
    color: #DE53A0!important;
}

.clr-ccc {
    color: #ccc!important;
}

.clr-666 {
    color: #666!important;
}

.clr-6B6575 {
    color: #6B6575!important;
}

.clr-ef7f1b {
    color: #ef7f1b!important;
}

.clr-474B4E {
    color: #474B4E;
}

.clr-fff {
    color: #ffffff!important;
}

.clr-6A6F6C {
    color: #6A6F6C;
}

.clr-1d1d1d {
    color: #1d1d1d!important;
}

.clr-66CC99 {
    color: #66CC99!important;
}

input:focus,
textarea:focus {
    outline: none!important;
}

.left-content-tab-inner {
    width: calc(100% - 323px);
    /* border-right: 1px solid #e8e9e8;*/
}

.right-content-tab-inner {
    /*width: 35%;*/ width:323px;
    position:absolute;
    top:0; right:0; height:100vh;
    border-left:1px solid #e8e9e8; overflow:hidden;
}

.left-content-tab-inner table>tbody>tr {
    border-bottom: 1px solid #e8e9e8;
}

.left-content-tab-inner table>tbody>tr>td, .left-content-tab-inner table>tbody>tr>th {
    padding: 18px;
}

.left-content-tab-inner table>tbody>tr>td input {
    margin-bottom: 15px;
}

.left-content-tab-inner table>tbody>tr>td div:last-child input{
    margin-bottom: 0;
}

.m-r-5 {
    margin-right: 5px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-t-5 {
    margin-top: 5px!important;
}

.m-t-10 {
    margin-top: 10px!important;
}

.m-l-15 {
    margin-left: 15px;
}

.m-t-20 {
    margin-top: 20px!important;
}

.m-t-30 {
    margin-top: 30px!important;
}

.m-t-40 {
    margin-top: 40px!important;
}

.m-t-18 {
    margin-top: 18px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-100 {
    margin-top: 100px;
}

.m-t-50 {
    margin-top: 50px!important;
}

.m-t-70 {
    margin-top: 70px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;

}

.p-b-15 {
    padding-bottom: 15px;
}

.p-l-10 {
    padding-left: 10px!important;
}

.p-b-18 {
    padding-bottom: 18px;
}

.m-b-70 {
    margin-bottom: 70px;
}

.btn-l-length {
    padding: 7px 30px;
}
.btn-li-length {
    padding: 6px 20px;
}
.btn {
    font-size: 14px;
}

select.green {
    background-color: #66CC99;
    color: #ffffff;
}

select:focus,
input:focus,
textarea:focus {
    outline: none;
}
.list-options.drug-settings {
    position: absolute;
    top: 94%;
    z-index: 9;
    /*width: calc(100% - 30px);*/
    max-height: 220px;
    background: #ffffff;
    overflow-y: auto;
}
ul.list-options {
    margin: 0;
    padding: 0;
    list-style: none;
    /*overflow-y: auto;*/
}

ul.list-options>li {
    border-bottom:1px solid #e8e9e8;
    color: #5e5d73;
    padding: 6px 16px;
    overflow-y: auto;
}
ul.list-options>li {
    background: #fbfcfc;
}

ul.list-options>li:hover,
ul.list-options>li.active {
    background: #68CF9F;
    color: #ffffff;
}

ul.list-options>li:hover>a,
ul.list-options>li.active>a {
    text-decoration: none;
    color: #ffffff;
}

ul.list-options>li>a {
    color: #5e5d73;
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 10px 10px 25px;
}

/*.rightCntItems{overflow-y:auto; overflow-x:hidden;}*/

.overflow-auto {
    overflow-y: auto;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-50 {
    margin-bottom: 50px;
}

.m-b-10 {
    margin-bottom: 10px!important;
}

.m-b-20 {
    margin-bottom: 20px!important;
}

.prescription-sm input.sm {
    width: 42%;
    margin-right: 10px;
}

.prescription-sm input.xs {
    width: 30%;
    margin-right: 10px;
}

.prescription-sm select.sm {
    max-width: 45%;
}

.clr-6f7072 {
    color: #6f7072;
}

.tab-heading {
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    text-transform: capitalize;
    color: #1d1d1d;
    font-weight: 400;
}

.clr-333366 {
    color: #333366;
}

.dwn-border {
    border: 1px solid #ef7f1b;
    border-radius: 4px;
}

.prescription-sm .customRadioBtn input[type="radio"] + label {
    color: #6f7072;
    font-family: 'AvenirNextLTPro-Regular';
    font-size: 13px;
    width: auto;
    font-weight: 700;
}

.prescription-sm .customRadioBtn input[type="radio"] + label span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.prescription-sm .customRadioBtn input[type="radio"] + label span {
    background-color: #FFFFFF;
    border: 1px solid #e8e9e8;
}

.prescription-sm .customRadioBtn input[type="radio"]:checked + label span {
    background-color: #3399cc;
    box-shadow: inset 0 0 0 2px #FFFFFF;
    border: 1px solid #3399cc;
}

.prescription-sm .customRadioBtn input[type="radio"] + label span,
.prescription-sm .customRadioBtn input[type="radio"]:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

.drug-name .ui-select-container .btn-default {
    border: 1px solid #e8e9e8 !important;
    background-image: url(/images/drop_ico.png);
    background-position: 96% 13px;
    background-repeat: no-repeat;
    border-radius: 1px;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    font-size: 13px;
    margin-bottom: 18px;
}

.drug-name .ui-select-placeholder {
    background: #fff;
    font-size: 13px;
}

textarea {
    font-size: 13px;
}
.padding-18 {
    padding: 18px !important;
}
.padding-lr-18{padding: 0 18px;}
.padding-20 {
    padding: 20px;
}
.padding-30 {
    padding: 30px;
}

.btn {
    font-family: 'Quicksand-Bold';
    font-size: 12px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    font-size: 11px;
    padding-left: 10px;
}

.max-height-320 {
    max-height: 320px;
}
.min-height-400 {
    min-height: 400px;
}
.z-index-9 {
    z-index: 9;
}

.z-index-99 {
    z-index: 99;
}

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

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

.right-5 {
    right: 5px;
}

.top-10 {
    top: 10px;
}

.top-6 {
    top: 6px;
}
.top-7 {
    top: 7px;
}
.right-5{right: 5px;}
.right-15{right: 15px;}
.doctor-border {
    margin: 0px;
    padding: 0px;
}

.select-m-b {
    border-radius: 0px 0px 10px 0px;
    padding: 40px 70px;
    background: #fff;
}

.patient-col {
    width: 100%;
    padding: 6px 16px;
    background: #f4f7f9;
}

.patient-col h4 {
    color: #6f7072;
}

.admin-col {
    color: #fff;
    border: 1px solid #f92168;
    width: 6%;
    background: #f92168;
    font-size: 10px;
    padding: 1px 3px;
    font-weight: bold;
    border-radius: 12%;
}

.b-clr {
    background-color: #ef7f1b!important;
    color: #fff!important;
    float: right;
}

.fa-plus {
    font-size: 30px;
    color: #ef7f1b;
}

.btn-p {
    padding: 9px!important;
    border-radius: 0px 2px 2px 0px!important;
}

.height-40 {
    height: 40px;
}

.select-text {
    float: left;
    margin-top: 10px;
}

.plus-icon {
    float: left;
}

.s-m-width {
    max-width: 100%;
}

.rating {
    text-align: center;
    display: inline-block;
}


/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */

#topMenu {
    background-color: #222;
    overflow: auto;
}

#box {
    background-color: #111111;
    position: relative;
    /*margin:0 auto;*/
    padding: 5px;
    width: 90%;
}

.scroller {
    color: #ffffff;
    width: 40px;
    text-align: center;
    cursor: pointer;
    display: none;
    padding: 5px;
    margin-top: 5px;
}

.scroller-right {
    float: right;
}

.scroller-left {
    float: left;
}

.wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px;
    height: 50px;
}

.list {
    position: absolute;
    left: 0px;
    top: 0px;
    min-width: 3000px;
    margin-left: 12px;
    margin-top: 0px;
}

.item {
    padding: 10px;
    /*float:left;*/
    display: table-cell;
    margin: 1px;
    position: relative;
    text-align: center;
    color: #474B4E;
    /*border: 1px dotted #111;*/
    vertical-align: middle;
}

.button-scroll {
    position: fixed;
}

.background-p {
    background-position: 10px 9px;
}

.background-e48237 {
    background: #e48237;
}

.star-rating {
    width: auto;
    display: inline-block;
    height: 16px;
}

.star-rating img {
    margin: -1px;
}


/*
#left {
    margin-left:0px;
}


.button {
    width: 50px;
    text-align: center;
    border-top: 1px solid #96d1f8;
    background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
    background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
    background: -moz-linear-gradient(top, #3e779d, #65a9d7);
    background: -ms-linear-gradient(top, #3e779d, #65a9d7);
    background: -o-linear-gradient(top, #3e779d, #65a9d7);
    padding: 0px 0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: Georgia, serif;
    text-decoration: none;
    vertical-align: middle;
}

.button:active {
    border-top-color: #1b435e;
    background: #1b435e;
}
.outer_container{
    overflow:hidden;
    overflow-y: hidden;
    width:90%;
    border:1px solid;
    float:left;
}
.arrow-btn{
    border:1px solid;
    width:10%;
    display:inline-block;
}*/

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.post-btn {
    border-radius: 0px 4px 4px 0px;
    position: relative;
    overflow: hidden;
    background-color: #ef7f1b;
    color: #fff;
    display: inline;
    padding: 0 10px;
    margin: 0;
    float: right;
    height: 40px;
    z-index: 99;
}

.post-btn label {
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    padding: 0 0 0 0!important;
    color: #FFFFFF;
    width: auto;
    float: none;
    padding: 0;
    margin: 0;
    height:40px;
    line-height: 40px;
}

.uploadFileName {
    margin: 0 0 0 15px;
    font-size: 12px;
}

.post-btn input.upload {
    position: absolute;
    top: 0;
    right: 0;
    /* margin: 0; */
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1000;
}

.upload-photo {
    opacity: 1;
    /*position: absolute;*/
    /*z-index: -1;*/
}
.m-l-118{
    margin-left:-118px;
}
.background-clr{
    background-color: hsl(200, 60%, 50%);
}

.addDocs {
    padding: 0px;
    margin-bottom: 20px;
}

.addDocs .upload-photo {
    opacity: 0 !important; position: absolute; left: -5000px !important;
}

.patientIMG img {
    height: 100px;
    width: 100%;
}

.file-name {
    padding-top: 8px;
    border: 1px solid #ccc;
    height: 40px;
    width: 100%;
    border-radius: 4px;
}

.addDocs .left {
    padding: 0;
    width: 200px;
}

.addDocs .right {
    padding: 0;
    /*width: 70%;*/
    float: left;
    position: relative;
    right: -7px;
}

.add-text {
    font-size: 13px!important;
    margin-top: -5px;
    float: left;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.b-c-f4f7f9 {
    background: #f4f7f9;
}

.selected {
    background: #eee;
}

.complaint-select {
    background-image: url(/images/down_arrow_white.png);
    background-position: 92% 12px;
    background-repeat: no-repeat;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-t-20 {
    padding-top: 20px!important;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-100 {
    padding-bottom: 100px;
}

.p-b-150 {
    padding-bottom: 150px;
}

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

.height-50 {
    height: 50px!important;
}

.border {
    border: 1px solid #e8e9e8;
}

.border-top {
    border-top: 1px solid #e8e9e8;
}

.border-bottom {
    border-bottom: 1px solid #e8e9e8;
}

.table-ver-1 {
    width: 100%;
}

.table-ver-1 tr {
    border-bottom: 1px solid #e8e9e8;
    background: #fbfcfc;
}

.table-ver-1 tr:first-child {
    border-top: 1px solid #e8e9e8;
}

.table-ver-1 tr td {
    padding: 18px 15px;
    font-family: 'OpenSans';
    font-size: 13px;
    line-height: 18px;
    text-align: left;
}

.table-ver-1 tr td:first-child {
    line-height: 14px;
    font-size: 14px;
    padding-left: 30px;
    color: #1D1D1D;
}

.full-content-container {
    overflow-y: auto;
    /*height: 619px;*/
}

.m-b-15 {
    margin-bottom: 15px;
}

.red {
    color: red;
}

.bg-white {
    background: #ffffff;
}

.radius-right-bottom {
    border-radius: 0px 0px 10px 0px;
}

.no-data-img p {
    color: #c2c5c8!important;
}

.height-auto {
    height: auto!important;
}

.heading-padding {
    padding: 17px 25px;
    font-weight: normal;
}

.call-screen-tabs>li {
    border-right: 1px solid #e8e9e8!important;
    border-top: 1px solid #e8e9e8;
}

.call-screen-tabs>li:hover,
.call-screen-tabs>li.active {
    border-left: 0px!important;
}

.call-screen-tabs>li:first-child,
.call-screen-tabs>li:first-child:hover,
.call-screen-tabs>li:first-child.active {
    border-left: 1px solid #e8e9e8!important;
}

a:hover,
a:active,
a:focus {
    outline: none!important;
}

.modal.in .modal-dialog {
    /*padding: 3%;*/
}

.modal.in .modal-dialog.user-form {
    padding: 0;
}

.top-10 {
    top: 10px;
}

.right-10 {
    right: 10px;
}

.table-ver-2 {
    border: 1px solid #e8e9e8;
}

.table-ver-2 tr {
    border-bottom: 1px solid #e8e9e8;
}

.table-ver-2 tr:last-child {
    border-bottom: 0;
}

.table-ver-2 tr td {
    color: #474B4E;
    padding: 10px 16px;
    vertical-align: middle;
}

.table-ver-2 tr th {
    color: #ccc;
    font-size: 12px;
    letter-spacing: .8px;
    padding: 6px 16px;
    vertical-align: top;
    background: #f9f9f9;
}

.customCheckbox [type="checkbox"]:not(:checked),
.customCheckbox [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

.customCheckbox [type="checkbox"]:not(:checked) + label,
.customCheckbox [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}


/* checkbox aspect */

.customCheckbox [type="checkbox"]:not(:checked) + label:before,
.customCheckbox [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -8px;
    width: 20px;
    height: 20px;
    border: 1px solid #eF7F1B;
    background: #fff;
    border-radius: 3px;
    outline: 0;
}


/* checked mark aspect */

.customCheckbox [type="checkbox"]:checked + label:before {
    background: #eF7F1B;
}

.customCheckbox [type="checkbox"]:not(:checked) + label:after,
.customCheckbox [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: -5px;
    left: 2px;
    font-size: 20px;
    line-height: 0.8;
    color: #ffffff;
    transition: all .2s;
}


/* checked mark aspect changes */

.customCheckbox [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.customCheckbox [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.patientInfo ul li a span.notification {
    display: inline-block;
    float: none;
    height: 20px;
    width: 20px;
    text-align: center;
    background: #eF7F1B;
    padding: 1px;
    margin-left: 5px;
    color: #ffffff;
    border-radius: 50%;
}


/*.patientInfo ul li a.active span.notification{*/


/*color: #eF7F1B;*/


/*background: #ffffff;*/


/*}*/

.enquiry-sidebar {
    background: #F4F7F9;
}

.enquiry-sidebar,
.enquiry-content {
    height: 500px;
    overflow-y: auto;
    margin-bottom: -4px;
}

.enquiry-content {
    width: calc(75% - 5px);
}

.order-content {
    width: calc(100% - 5px);
}

ul.enq-options {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.enq-options>li>p {
    color: #72787e;
    font-family: OpenSans;
}

ul.enq-options>li {
    padding: 10px 18px;
    cursor: pointer;
    background: #F4F7F9;
    border-top: 1px solid #e8e9e8;
}

ul.enq-options>li>h2 {
    font-family: 'Quicksand-Medium';
}

ul.enq-options>li:hover h2,
ul.enq-options>li.active h2 {
    color: #DE53A0;
    font-weight: 300;
}

ul.enq-options>li:hover,
ul.enq-options>li.active {
    background: #ffffff;
}

ul.enq-options.doc-list>li:hover,
ul.enq-options.doc-list>li.active {
    background: #fff;
}

ul.enq-options>li:hover>a,
ul.enq-options>li.active>a {
    text-decoration: none;
    color: #ffffff;
}

ul.enq-options>li>a {
    color: #5e5d73;
    display: block;
    text-transform: capitalize;
    text-decoration: none;
    padding: 10px 10px 10px 25px;
}

.table-ver-2 table tr td:first-child {
    padding-left: 0;
}

.table-ver-2 table tr + tr {
    border-bottom: 0;
}


/*.table-ver-2 table tr:last-child{*/


/*border-top: 1px solid #e8e9e8;*/


/*}*/

.enquiry-content .prescription-single:first-child {
    margin-top: 0!important;
}

.nav.enquiries li {
    text-align: center;
    /*border: 1px solid #eF7F1B;*/
    min-width: 175px;
    font-family: Quicksand-Medium;
    line-height: 18px;
}

.nav.enquiries li:first-child span {
    font-family: 'OpenSans-SemiBold' !important;
    font-size: 13px !important;
    color: #26292C !important;
    display: inline-block;
    padding: 10px 0 0 0;
}

.nav.enquiries li a {
    background: #ffffff;
    padding: 4px 10px;
    color: #eF7F1B;
}

.nav.enquiries li.active {
    background: transparent;
}

.nav.enquiries li:hover a,
.nav.enquiries li.active a {
    padding: 4px 10px;
    color: #ffffff;
}


/*.nav.enquiries li:first-child{*/


/*border-radius: 2px 0px 0px 2px;*/


/*}*/

.nav.enquiries li a:last-child {
    /*margin-left: -3px;*/
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #eF7F1B;
    color: #eF7F1B;
    /*height: 32px;*/
    font-size: 12px;
    font-family: 'Quicksand-Bold';
    /*line-height: 21px;*/
    padding:6px 20px;
}

.display-none {
    display: none;
}

.notes-border {
    border: 1px solid;
    height: auto;
}


/*********** reschedule -cancel*************/

.reschedule {
    overflow: hidden;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: url(../images/reschedule.png) no-repeat #ffffff center;
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.16);
}

.reschedule:hover {
    background: url(../images/w_reschedule.png) no-repeat #ffffff center;
    background-color: #ef7f1b;
}

.cancel {
    overflow: hidden;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: url(../images/cancel.png) no-repeat #ffffff center;
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.16);
}

.cancel:hover {
    background: url(../images/w_cancel.png) no-repeat #ffffff center;
    background-color: #d75a4a;
}
.progress {
    width: 100%;
    display: block;
    margin: 0 !important;
    text-align: center;
    border-radius: 0;
    height: 12px;
}
.progress > div {
    font-size: smaller;
    background-color: #5eba7d;
    width: 0%;
    color: black;
}

.upload {
    position: relative !important;
    overflow: hidden;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background: url(../images/upload-file.png) no-repeat #ffffff center;
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.16);
}
.appoints .status .upload,.appoints .status .reschedule{
    margin-right: 5px;
}

.upload:hover {
    background: url(../images/upload-file-white.png) no-repeat #ffffff center;
    background-color: #d75a4a;
}


/******** Reschedule-appointment******************/

.reschedule-cancel-appointment {
    /*width: 100%!important;*/
    /*left: 29%!important;*/
    margin: 0;
    padding: 0;
}

.reschedule-cancel-appointment.modal-dialog {
    width: 100%;
}

.reschedule-cancel-appointment .modal-dialog .modal-content {
    border-radius: 10px;
!important;
    box-shadow: none!important;
}

.reschedule-cancel-appointment .modal-header,
.chatCaller .modal-footer {
    border: 0;
}

.reschedule-cancel-appointment .text-center {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    text-align: center;
    width: 97%;
    font-size: 12px;
    text-transform: uppercase;
    color: #000000;
}

.reschedule-cancel-appointment .modal-body {
    /*padding-bottom: 0px;*/
    padding: 30px 30px 20px 30px;
}

.reschedule-cancel-appointment .modal-footer {
    padding-top: 2px;
    padding-bottom: 25px;
    border: 0px;
    padding-left: 36px;
}

.reschedule-cancel-appointment .appointment-yes {
    border: 0px;
    border-radius: 3px;
    color: #ef7f1b;
    border: 1px solid #ef7f1b;
    width: 20%;
    padding: 6px 0;
}

.reschedule-cancel-appointment .appointment-no {
    border: 0px;
    border-radius: 3px;
    color: #ef7f1b;
    border: 1px solid #d75a4a;
    width: 20%;
    color: #d75a4a;
    padding: 6px 0;
}

.appointment-no {
    border: 1px solid #d75a4a;
}

.appointment-yes {
    border: 1px solid #ef7f1b;
}

.appointment-no:hover {
    background: #d75a4a!important;
    color: #fff;
}

.appointment-yes:hover {
    background: #ef7f1b!important;
    color: #fff;
}

.reschedule-cancel-appointment label {
    font-family: 'Quicksand-Medium';
    font-size: 18px;
    text-align: left;
    color: #333366;
    padding: 0 0 10px 0;
    font-weight: 300;
}

.reschedule-cancel-appointment h4 {
    font-family: Quicksand-Medium;
    font-size: 18px;
    text-align: left;
    color: #fff;
    padding: 3px 0 0 0;
}
.headingInfo h4{
    padding: 3px 0 0 20px;
}
.doctorVideoPopup .headingInfo h4 .ring{
    background: #FFFFFF;
    border-radius: 50px;
    left: 10px;
}
.doctorVideoPopup .headingInfo h4,.doctorVideoPopup .connHeading h4,.doctorVideoPopup h4{
    color: #000000;
}
.headingInfo h4 .ring{
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
}

.noconnection{
    position: absolute;
    top: -3px;
    left: 5px;
    width: 30px;
}

.connHeading h4{
    padding: 3px 0 0 32px;
}

.modal-border {
    border: 0px;
    border-radius: 4px;
}


/**********End of 1st reschedule*************/


/*********** Start of yes popup**************/

.showTime {
    font-family: 'OpenSans';
    font-size: 13px;
    text-align: center;
}

.SlotNotavailableTime {
    border: 1px solid #b8bac3;
    background-color: #FFFFFF;
    /*font-family: 'Quicksand-Medium';*/
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 11px;
    border-radius: 4px;
    color: #b8bac3;
    width: 74px;
    outline: 0;
    margin: 0 15px 15px 0;
    float: left;
}

.SlotNotavailableTime:hover,
.SlotNotavailableTime:focus,
.SlotNotavailableTime:active {
    color: #b8bac3;
    box-shadow: none;
    outline: 0 !important;
}

.SlotavailableTime {
    border: 1px solid #EF7F1B;
    background-color: #FFFFFF;
    font-family: 'Quicksand-Medium';
    text-transform: uppercase;
    font-size: 12px;
    padding: 7px 11px;
    border-radius: 4px;
    color: #EF7F1B;
    width: 71px;
    outline: 0;
    margin: 0 11px 11px 0;
    float: left;
}

.SlotavailableTime:hover,
.SlotavailableTime:focus,
.SlotavailableTime:active {
    color: #FFFFFF;
    box-shadow: none;
    outline: 0 !important;
    background-color: #EF7F1B;
}

.showTime h2 {
    font-family: 'Quicksand-Bold';
    font-size: 13px;
    text-transform: uppercase;
    color: #333366;
}

.showTime h3 {
    font-family: 'Quicksand-Medium';
    display: inline-block;
    text-align: center;
    width: 97%;
    font-size: 11px;
    text-transform: uppercase;
    color: #000000;
}

.slotsSelects {
    display: inline-block;
    padding: 30px 0 30px 15px;
    width: 100%;
    height: 200px;
    overflow-y: auto;
    vertical-align: middle;
}

.reschedule-cancel-appointment .slotsSelects {
    padding: 0 !important;
    width: 356px;
    margin: 0 auto 20px auto;
    position: relative;
    display: block;
}


/*.reschedule-cancel-appointment .slotsSelects .btn:nth-child(5n+2){*/


/*border:1px solid red !important;*/


/*}*/

.Confirm-book {
    text-align: center;
}

.reschedule-cancel-appointment p {
    font-family: 'Montserrat-Light';
    font-size: 18px;
    text-align: center;
    color: #333366;
    /* padding: 0 0 20px 0; */
}

.reschedule-cancel-appointment p span {
    color: #f061b3 !important;
}

.reschedule-cancel-appointment h2 {
    font-family: 'Quicksand-Bold';
    font-size: 14px;
    text-transform: uppercase;
    color: #333366;
    border-bottom: 1px solid #ece9e9;
    padding: 15px 0 20px;
    margin: 0 0 20px 0;
}

.reschedule-cancel-appointment .SlotavailableTime {
    margin: 0 11px 11px 0;
}

.confirm-slots {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 40px 0;
}


/*.confirm-slots span{font-family: 'OpenSans-Bold'; font-size: 14px;}*/

.confirm-slot {
    margin-top: 20px;
    left: 12px;
}

.scheduleConfirmed {
    /*margin-left: auto;*/
    width: 100%;
    padding: 0 0 30px 0;
}

.scheduleConfirmed h3 {
    font-family: 'Quicksand-Medium';
    font-size: 18px;
    color: #333366;
    padding: 20px 0 24px 0;
}

.scheduleConfirmed h3 span {
    color: #F92168 !important;
    font-size: 18px;
    text-transform: capitalize;
    color: #F92168 !important;
}

.scheduleConfirmed h4 {
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    color: #333366;
    padding: 0 0 20px 0;
}

.scheduleConfirmed h5 {
    font-family: 'Quicksand-Medium';
    font-size: 13px;
    color: #333366;
}

.scheduleConfirmed h6 {
    font-family: 'Quicksand-Medium';
    font-size: 11px;
    color: #F92168;
    text-transform: capitalize;
    padding: 5px 0 0 0;
}

.align-text h5 {
    position: relative;
}

.align-text h6 {
    position: relative;
}

.l--15 {
    left: -15px;
}

.l--9 {
    left: -9px;
}

.l-5 {
    left: 5px;
}

.l--7 {
    left: -7px;
}

.l-10 {
    left: 10px;
}

.l-4 {
    left: 4px;
}

.l--12 {
    left: -12px;
}


/************* Select radio button****************/

.select-reschedule input[type="radio"] {
    height: 20px;
    width: 20px;
    position: relative;
    top: 5px;
    border: 1px solid #e8e9e8;
    margin-right: 4px;
    margin-bottom: 0;
    color: #26292C;
    font-family: Avenir lt std roman;
}

.select-reschedule input:focus {
    outline: none;
}

.select-reschedule input {
    width: 100%;
    padding: 7px 8px;
    border: 1px solid #e8e9e8;
    opacity: .5;
    margin-bottom: 20px;
    color: #525754;
}

.enquiry-content .clr-333 {
    font-family: 'OpenSans';
    color: #a9acb0 !important;
}

.enquiry-content,
.enquiry-content .innertable {
    font-family: 'Quicksand-Regular';
}

.enquiry-content .clr-666 {
    font-family: 'Raleway-Regular';
    color: #7b8187 !important;
}

.enquiry-content .clr-ccc {
    color: #7b8187 !important;
}

.enquiry-content .outertable .clr-666 {
    color: #414447 !important;
}

.left-0 {
    left: 0!important;
}

.btn-green {
    background-color: #1abc9c;
    color: #FFFFFF;
    font-size: 13px;
    border-radius: 3px;
    outline: 0;
    border: 1px solid #1abc9c;
    height: auto;
    line-height: 0;
    padding: 13px 4px;
    margin: 0 0 20px 0;
}

.favourites {
    overflow: hidden;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    background: url(../images/favourite.png) no-repeat #ffffff center;
    margin: 0;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 3px 12px 0px rgba(0, 0, 0, 0.16);
}

.tabletsName {
    margin: 20px 0 0 0;
}

.orders-tab {
    font-family: Quicksand-Medium;
}

.clr-467356 {
    color: #467356;
}

.clr-345941 {
    color: #345941;
}

.clr-6669a {
    color: #6669a3;
}

.clr-484b7f {
    color: #484b7f;
}

.table-order-1 tbody {
    display: table;
    width: 100%;
}

.table-order-1 tr th {
    background-color: transparent;
    height: 40px;
    color: #868b91;
    font-size: 15px;
    letter-spacing: 0.9px;
    padding: 10px 16px;
    vertical-align: top;
    font-family: 'Quicksand-Medium';
    font-weight: 300;
}

.sub-total {
    color: #525754!important;
    font-family: 'OpenSans-Bold';
    font-size: 14px;
}

.paynow {
    border: 1px solid #EF7F1B;
    background-color: #EF7F1B;
    color: #fff;
    border-radius: 2px 2px 2px 2px;
    float: right;
    margin-left: -3px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.8px;
    font-family: 'Quicksand-Bold';
    padding: 4px 10px;
    width: 175px;
    top: -95px;
    left: -5px;
    height: 32px;
    line-height: 21px;
}

.cancel-btn {
    border: 1px solid #EF7F1B;
    background-color: #fff;
    color: #EF7F1B;
    border-radius: 2px 2px 2px 2px;
    float: right;
    margin-left: -3px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.8px;
    font-family: 'Quicksand-Bold';
    padding: 4px 10px;
    width: 175px;
    top: -136px;
    left: 167px;
    height: 32px;
    line-height: 21px;
}

.pay-btn {
    border: 1px solid #EF7F1B;
    background-color: #EF7F1B;
    color: #fff;
    border-radius: 2px 2px 2px 2px;
    margin-left: -3px;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.8px;
    font-family: Quicksand-Medium!important;
    padding: 4px 10px;
    width: 178px;
}

.pay-border {
    border: 1px solid #e8e9e8;
    width: calc(100% - 5px);
    height: 300px;
    padding: 30px 30px;
}

.top13 {
    top: 13px;
}


.labsSelect {
    color: #EF7F1B;
    background-color: #F4F7F9;
    text-transform: capitalize;
    background: url(../images/arrow.png) no-repeat;
    width: 50%;
    background-position: 84% 51%;
    border: 0px;
    padding-left: 17px;
    position: relative;
    top: 10px;
    font-family: 'OpenSans-SemiBold';
    font-size: 16px;
}


/*.font-quicksand h3,p,td{*/


/*font-family: Quicksand-Medium!important;*/


/*}*/

.line-height-20 {
    line-height: 20px!important;
}

.img-name {
    position: relative;
    left: 10px;
}

.consultationsTable span,
.appoints span {
    font-family: 'OpenSans-Bold';
    font-size: 13px;
}
.consultationsTable .status a,.consultationsTable .status span   { color: #5cb85c !important; font-weight:300 !important; font-family: 'OpenSans' !important;}
.appoints .status span   { color: #d9534f !important; font-weight:300 !important; font-family: 'OpenSans' !important;}
.tStatus,.consultationsTable .status span{position: absolute; top: 50%; transform: translateY(-50%);}
.viewConsultation .tab-content p {
    /*font-size: 16px !important;*/
    font-family: 'OpenSans' !important;
}

.marg-top8 {
    margin-top: 8px;
!important;
}

.radio-reschedule-btn span {
    font-family: OpenSans;
}

.reschedule-cancel-appointment .left {
    float: left;
    font-size: 18px;
    color: #EF7F1B;
    position: relative;
    top: -4px;
    left: 22%;
}

.reschedule-cancel-appointment .right {
    float: right;
    font-size: 18px;
    color: #EF7F1B;
    position: relative;
    top: -22px;
    right: 21.6%;
}


/*custom radio button*/

.customRadioBtn label {
    font-family: 'OpenSans' !important;
}

.customRadioBtn [type="radio"]:checked,
.customRadioBtn [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.customRadioBtn [type="radio"]:checked + label,
.customRadioBtn [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    width: 100%;
    text-align: left;
}

.customRadioBtn [type="radio"]:checked + label:before,
.customRadioBtn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 100%;
    background: #fff;
}

.customRadioBtn [type="radio"]:checked + label:after,
.customRadioBtn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ef7f1b;
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.customRadioBtn [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
}

.customRadioBtn [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.customRadioBtn [type="radio"]:checked + label:before {
    border: 1px solid #ef7f1b;
}

.customRadioButton [type="radio"]:checked + label:before,
.customRadioButton [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid transparent!important;
    border-radius: 100%;
    background: #fff;
}

.customRadioButton [type="radio"]:checked + label:after,
.customRadioButton [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: transparent!important;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.customRadioButton [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
}

.customRadioButton [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.customRadioButton [type="radio"]:checked + label:before {
    border: 1px solid transparent;
}


/*.customRadioBtn p{*/


/*display:inline-block;*/


/*width:30%;*/


/*text-align:left;*/


/*float:left;*/


/*}*/

.font-sans span {
    font-family: OpenSans;
}

.custTable tr td {
    font-family: 'OpenSans' !important;
    font-size: 13px !important;
}

.modal-content {
    height: auto;
    border-radius: 10px;
    box-shadow: none;
}

.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.height-522 {
    height: 522px;
}


.TimeSlot {
    max-height: 421px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-screen1 {
    padding: 0;
}

.popup-screen2 {
    padding: 0 0 0 0;
}


/*.popup-screen2 .text-center {padding:10px 0 30px 0;}*/

.reschedule-cancel-appointment .modal-footer {
    padding: 10px 0 0 0;
    margin: 0;
}

.popup-screen2 .bookApnt {
    margin: 20px auto auto auto;
}


/*.popup-screen3 .bookApnt{padding:10px 40px;}*
.reschedule-cancel-appointment .form-group{height: 100%;}
.reschedule-cancel-appointment .vCenter{
    display: flex;
    height: 89%;
    align-items: center;
}
.h-589{
    min-height:589px;
}
.cancelAppPaddng{padding: 0 50px !important;}
.cancelAppPaddng span{font-size: 18px;}
/*.popup-screen3 h5{*/


/*text-align: center; font-size: 12px; padding:10px 0 20px 0; color:#99999C;*/


/*}*/

.popup-screen33 {
    /*padding: 20px 0 0 0;*/
}

.popup-screen33 h2 {
    color: #99999C;
    font-size: 12px !important;
    text-transform: none;
    font-family: 'OpenSans' !important;
    text-align: center;
    border-bottom: 0;
}

.timeScheduled h5 {
    font-family: 'Quicksand-Medium';
    font-size: 11px;
    color: #333366;
    margin: 0;
    padding: 0;
}

.timeScheduled h6 {
    font-family: 'Quicksand-Medium';
    font-size: 12px;
    color: #de53a0;
    text-transform: capitalize;
    padding: 5px 0 0 0;
    font-weight: 700;
}

.timeScheduled {
    text-align: center;
    margin-top: 10px;
}

.left-42 {
    left: 42px;
}

.top-10 {
    top: 10px;
}

.editName h1 {
    position: relative;
    top: -14px;
}

.editName h2 {
    position: relative;
    top: -6px;
}

.openSans {
    font-family: 'OpenSans'!important;
}

.FileName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 67%;
}

.height40 {
    height: 40px;
}

.post-btn-right {
    position: relative;
    right: 50px;
}

.FileName-choose {
    width: auto; padding: 5px 0 0 10px;
}

.SummaryBorder {
    border: 0px solid #e8e9e8;
    /*  height: 200px;*/
    width: 100%;
    /* min-height: 350px;
     overflow-y: auto;
     overflow-x: hidden;*/
    padding:0px;
}

.SubmitButton {
    position: relative;
    top: -12px;
    left: -16px;
    padding: 8px 21px!important;
}

.cal-time1 {
    position: relative;
    top: -13px;
}

.cal-time2 {
    position: relative;
    left: 101px;
}

.popupInfo .smileImg {
    display: block;
    margin: 0 auto 20px auto;
}
.popupInfo .medicineImg {
    display: block;
    margin: 0 auto 20px auto;
    width: 69px;
}

.popupInfo h1 {
    color: #333366;
    font-family: 'Quicksand-Medium';
    font-size: 17px;
    text-align: center;
    line-height: 25px;
}

.popupInfo h1 span {
    /*color: #de53a0;*/
    font-family: 'Quicksand-Medium';
    font-size: 14px;
    text-align: center;
}

.btnFLoat {
    float: left;
}
.popupInfo h6 {
    color: #99999C;
    font-size: 12px;
    text-align: center;
    padding: 10px 0 20px 0;
}

.popupInfo .btn {
    padding: 10px 40px !important;
    border: 0;
    background-color: #EF7F1B;
    border-radius: 4px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.popupInfo .btn:hover,.popupInfo .btn:focus{
    color: #FFFFFF; background-color: #EF7F1B;
}
.popupInfo .customRadioBtn label {
    display: inline-block !important;
    width: auto !important;
    margin: 0 70px 0 0;
}

.popupInfo .selectOption {
    padding: 20px 0 20px 70px;
}

.popupInfo span.text-danger {
    padding: 0 0 0 70px;
    position: relative;
    top: -20px;
}

.popupInfo .modal-footer {
    text-align: center !important;
}

.popupInfo p span,
.popup-screen3 span {
    font-size: 16px;
}

.popupInfo .scheduleConfirmed h5 {
    font-family: 'Quicksand-Medium' !important;
    font-size: 11px !important;
    color: #333366 !important;
}

.popup-screen3 .confirm-slots {
    margin: 0 !important;
}

.popup-screen3 h2 {
    font-size: 12px !important;
    text-transform: none;
    color: #99999C;
    text-align: center;
    font-family: 'OpenSans' !important;
    padding: 5px 0 15px 0 !important;
    border-bottom: 0;
}

.popup-screen3 {
    padding: 30px 0 0 0;
}

#subscribers {
    background: #000000;
    top: 0;
    height: 50%;
    width: 25%;
    border-radius: 0;
    /*transition: all 0.7s ease-in-out;*/
}

.table-ver-2 tr td {
    font-family: 'OpenSans' !important;
    font-size: 13px !important;
}

.notification {
    float: right;
    border-radius: 50px;
    background-color: #333367;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    text-align: center;
    margin: 14px 20px 0 0;
    color: #FFFFFF;
}

.calenderPopupErrMsg {
    padding: 0 0 0 52px;
    position: relative;
    top: -10px;
}

.btnOk {
    padding: 10px 40px;
    margin: 20px auto 0 auto;
}

.prescription {
    font-size: 13px;
    color: #525754;
}

.prescription h2 {
    /*border-bottom: 1px solid;*/
    display: inline-block;
    /*margin: 0 0 10px 0;*/
    /*padding: 0 0 10px;*/
}

/*.prescription h6 {
    font-size: 10px;
    color: #a6b2ad;
    float: left;
    display: block;
    padding: 10px 0 20px 15px;
}*/

.addNotes {
    width: 80% !important;
    margin: 10px 0 20px 0 !important;
}

.orders-tab p.pharDesc {
    font-size: 13px;
    font-family: 'OpenSans-SemiBold';
    color: #414447;
    display: inline-block;
    padding: 0 0 0 10px;
}

/*#subscribers .mainPics{width: 80%;}*/
.smallPics{width:80% !important; left: 50%; position: absolute; top: 50%;     transform: translate(-50%, -50%); height:auto;}
.chatCaller .modal-content {height:auto !important; box-shadow: none; border:0; border-radius: 10px !important; }
.chatCaller .modal-content h4{padding:10px 0;}
.chatCaller .modal-content p{padding:0 0 10px 0;}
.chatCaller .modal-content .btn{padding: 7px 30px !important;}
.summaryInfo { height: 292px; overflow-y: auto; overflow-x: hidden; width: 100%;}
.summaryInfo h2{font-size: 16px; text-transform: capitalize; color:#1D1D1D !important; display: inline-block; border-bottom: 1px solid #1D1D1D; width: auto; margin: 10px 0 0 0 !important; padding: 0 0 5px 0;}
.summaryInfo span{color:#656565; padding: 10px 0 0 0; display: inline-block;}
.summaryInfo p{padding: 10px 0 0 0 !important; color:#1D1D1D !important;}
.note p,.note span{padding: 0 !important;}
.note{margin-top:5px;}
.DownloadSummaryBtn{background-color: #ef7f1b !important; color:#FFFFFF; padding: 6px 20px; text-transform: capitalize; position: absolute; top:-39px; right:0;}
.treatment-btn{background-color: #ef7f1b !important; color:#FFFFFF; padding: 6px 20px; text-transform: capitalize; position: relative;}
.DownloadSummaryBtn:hover,.DownloadSummaryBtn:focus,.DownloadSummaryBtn:active,
.treatment-btn:hover, .treatment-btn:focus, .treatment-btn:active {
    color:#FFFFFF;
}
.height-30{
    height:30px;
}
.underline_text {
    border-bottom: solid 1px #e8e9e8;
    display: inline;
    padding-bottom: 2px;
}
.w-20-p{
    width:20%;
}
.p-l-20{
    padding-left:20px;
}
.m-t--16{
    margin-top:-16px;
}

.valign-middle{
    vertical-align: middle;
}

.form-control:focus {
    box-shadow: none;
    border-color: #CCCCCC;
}

.docFileUpload h2 {
    font-size: 18px;
    padding: 0 0 10px 0;
}

.docFileUpload h6 {
    color: #8f9499;
    padding: 0 0 10px 0;
}

.docFileUpload .comment {
    display: inline-block;
    width: 70%;
    margin: 8px 0 0 10px;
    box-shadow: none;
}

.consulatationDocument .table-ver-1 tr {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.addDocs label {
    width: auto !important;
    float: left;
    padding: 0 0 0 10px;
}

.addDocs .comment, .videoDocsComment {
    display: inline-block;
    width: 70% !important;
    float: left;
    margin: 0 0 0 10px;
}

.videoPhotoUpload {
    position: absolute;
    left: 5000000px;
}

.submitBtn {
    background-color: #EF7F1B;
    padding: 6px 20px;
    border: 1px solid #EF7F1B;
    color: #FFFFFF;
}

.cancellBtn {
    background-color: #FFFFFF;
    padding: 6px 20px;
    border: 1px solid #EF7F1B;
    color: #EF7F1B;
}

.submitBtn:hover, .submitBtn:focus, .submitBtn:active {
    color: #FFFFFF;
    outline: 0;
}

.cancellBtn:hover, .cancellBtn:focus, .cancellBtn:active {
    color: #EF7F1B;
    outline: 0;
}

.keywordContainer input:focus,.keywordContainer input:hover{border-color:#c0c0c0 !important;}
/*Docotr side css*/
.docPrescription .col-md-4{width:31.333333% !important; }
/*.docPrescription .col-md-4:last-child{width: 31.333% !important;}*/
.docPrescription .customRadioBtn input[type="radio"] + label{padding: 0 0 0 20px !important;}
.presClose{position: absolute; left: 94px; top:0; }
.referal label{font-weight:normal;}
.document-table > tbody  > tr > td, .document-table > tbody >  tr > th{padding: 10px 15px !important;}
.margin-left-10{
    margin-left: 10px!important;
}
.w-29-p {
    width: 29% !important;
}
.doctorVideo .docPrescription label{font-weight:300; margin-bottom: 5px; color:#6a6f6c !important;}
.doctorVideo label{font-weight:300;}
.doctorVideo .docPrescription input.sm,.docPrescription select.sm{width: 100% !important; margin-right:0; max-width:100% !important;}
.doctorVideo .docPrescription .customRadioBtn input[type="radio"] + label{font-weight: 300 !important;}
.doctorVideo .tab-pane label{color:#6a6f6c !important;}
.doctorVideo .tab-pane input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a6b2ad;
}
.doctorVideo .tab-pane input::-moz-placeholder { /* Firefox 19+ */
    color: #a6b2ad;
}
.doctorVideo .tab-pane input:-ms-input-placeholder { /* IE 10+ */
    color: #a6b2ad;
}
.doctorVideo .tab-pane input:-moz-placeholder { /* Firefox 18- */
    color: #a6b2ad;
}

.doctorVideo .tab-pane input, .tab-pane input select option, .tab-pane textarea{color:#1D1D1D;}

.doctorVideo .document-table tr {
    border-bottom: 0px solid transparent;
    background: transparent;
}

.doctorVideo .consultation-container input[type=text]
{
    border-radius: 1px;
    border: 1px solid #e8e9e8;
    padding: 6px 10px;
    width: 100%;
    background: #fff;
    height: 34px;
    /*margin-bottom: 5px !important*/
}

.doctorVideo select.sm, .doctorVideo select, .referral-form input {
    margin-bottom: 0 !important;
}
/*.doctorVideo .form-default input{
    margin-bottom:0px!important;
}*/
.doctorVideo .row{margin-bottom:15px !important;}
.doctorVideo input[type=file] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.doctorVideo .margin-t-10 {
    margin-top: 10px !important;
}

.doctorVideo .m-b-10 {
    margin-bottom: 10px;
}

.doctorVideo .docClose {
    left: 85px;
    top: 0px;
    font-size: 11px;
}

.doctorVideo .table-ver-1 tr:first-child {
    border: 0;
}

.doctorVideo .padd10 {
    padding: 10px !important;
}

.doctorVideo .follPadd {
    padding: 0 18px  !important;
}

.doctorVideo .p-b-10 {
    padding-bottom: 10px;
}

.doctorVideo .referral-form label, .doctorVideo .prescription-sm label {
    margin-bottom: 5px !important;
}

.doctorVideo .btn-cancel {
    background-color: #FFFFFF;
    border: 1px solid #3399cc;
    color: #3399cc;
    border-radius: 3px;
}

.doctorVideo .summary {
    padding: 18px;
}

.doctorVideo .summary .sumBtn {
    margin: 0 -15px 0 0 !important; margin-top: 0; top:0;
}
.doctorVideo .customCheckBox [type="checkbox"]:not(:checked) + label:before,
.doctorVideo .customCheckBox [type="checkbox"]:checked + label:before{
    border:1px solid #CCCCCC;
}
.doctorVideo .customCheckBox [type="checkbox"]:not(:checked) + label:after,
.doctorVideo .customCheckBox [type="checkbox"]:checked + label:after{
    border:1px solid #3399cc;
    color:#3399cc;
}

.doctorVideo .customCheckBox [type="checkbox"]:hover +label:before {
    border: 1px solid #3399cc !important;
}

.doctorVideo .btn-blue:hover, .doctorVideo .btn-blue:focus, .doctorVideo .btn-blue:active {
    color: #FFFFFF;
    ouline: 0;
}

.doctorVideo .text-danger {
    display: inline-block;
    margin: 5px 0 0 0;
}

.doctorVideo .customRadioBtn input[type="radio"] + label {
    height: auto;
}

.doctorVideo .referForm {
    padding: 0 13px;
}
.doctorVideo .referForm input{
    margin-bottom: 16px;
}
select .sortby{
    text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.documentTxt {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e8e9e8;
    vertical-align: top;
}
.documentTxt .appNo {
    color: #3399CC;
    font-size: 14px;
}
.documentTxt .time {
    font-size: 14px;
    color: #5e5d73;
}
.documentTxt .row{margin-bottom: 0 !important;}
#details h2 {
    font-size: 16px;
    color: #1D1D1D;
}
.cosultant div {
    display: inline-block;
    width: 18%;
}
.appinmentType span {
    color: #5e5d73;
    padding: 0 5px 0 0;
}
.apponmentNum {
    font-size: 16px;
    color: #1D1D1D;
}
.appinmentStatus, .appinmentType {
    color: #1D1D1D;
    text-transform: capitalize;
}

.inline-block{display:inline-block;}
.paddDrug{padding:0 2px 0 7px;}
.docHeight{overflow-x:hidden; overflow-y:auto;}
.doc-list  .docDetails{float:right; width:72%;}
.followUps .table-ver-1 tr:first-child{border-top:1px solid #e8e9e8; border-bottom:1px solid #e8e9e8;}
#tab2Cnt .left-content-tab-inner  input{margin-bottom:0;}
#tab2Cnt .right-content-tab-inner{height: 84% !important;}
#tab2Cnt .table>thead>tr>th,#tab3Cnt .table>thead>tr>th{border-bottom: 1px solid #ddd;}
#tab1Cnt input,#tab2Cnt input,#tab3Cnt input,#tab4Cnt input,#tab5Cnt input,#tab6Cnt input,#tab1Cnt select,#tab2Cnt select,#tab3Cnt select,#tab4Cnt select,#tab5Cnt select,#tab6Cnt select{font-size: 14px; height: 34px;}
#tab3Cnt form .row{padding: 0 3px;}
#tab3Cnt .consultation-prescription.nav-tabs{margin-left: 18px;}
#tab3Cnt .right-content-tab-inner form{padding:0 3px; margin: 4px 0 0 0;}
#tab3Cnt .left-content-tab-inner,#tab2Cnt .left-content-tab-inner {min-height: auto !important;}
#tab9Cnt .patient-sm-details{margin-left: 0 ;}
#tab1Cnt .right-content-tab-inner form{ padding: 0 3px; }
#tab1Cnt .right-content-tab-inner span{padding: 14px 0 12px 0;}
#tab2Cnt form.prescription-sm{padding: 0 15px; margin: 0 0 18px 0;}
#tab2Cnt form.prescription-sm .row{margin-bottom: 0px !important; padding: 0 1px;}
#tab2Cnt .right-content-tab-inner form{ padding: 0 3px; margin: 4px 0 0 0; }
#tab4Cnt{padding: 0 18px;}
#tab4Cnt .document-table > tbody  > tr > td,#tab4Cnt .document-table > tbody >  tr > th{padding: 0 0 15px 0 !important;}
#tab4Cnt .document-table{margin: 13px 0 0px 0;}
#tab4Cnt form{margin: 13px 0 0 0;}
#tab4Cnt .btn-info{margin:0 19px 0 0;}
#tab4Cnt form input{margin:0 0 0 18px;}
#tab4Cnt .docBtn{width: 87.4% !important; text-align: right;}
#tab4Cnt .document-table  a{ vertical-align: top; display:inline-block; padding: 8px 0 0 14px; width: 96%;}
#tab6Cnt form.referForm input{margin-bottom: 0;}
#tab6Cnt form.referForm .row{margin-top: 13px; margin-bottom:0 !important;}
#tab8Cnt .summary .container1{display: inline-block; width: 100%;}
#tab8Cnt .summary .container1 .row{margin-bottom: 0 !important;}
#tab8Cnt .row.patienForm{margin-bottom: 0 !important;}
.prescription h6{padding:0 0 0 15px;}
#tab6Cnt .add-text{padding: 0 0 0 60px; margin-top: 0; }
.rightCtrl .patient-details-header{ margin-bottom: 19px !important; padding: 0 !important; margin-top: 0;}
.rightCtrl .apponmentNum{margin:0 0 0 5px;}
.referalsClose{position: absolute; top:43%; right: 18px; transform: translateY(-50%); cursor: pointer;}
#tab1Cnt .patient-name{font-size: 24px; text-transform: capitalize; color:#1D1D1D; padding:0 0 0 18px;}
#tab1Cnt .patient-about{font-size: 14px;}
#tab1Cnt .userImg{margin:0 18px 0 0;height:54px;width:54px;}
#tab1Cnt label{padding: 15px 0 0 0; width: 100%;}
#tab2Cnt .prescription-list{}
#tab2Cnt .prescription-single{margin-top: 0;}
#tab2Cnt h3{margin: 0; padding: 10px 0 0 0;}
#tab2Cnt .prescription-single{margin:0; padding:18px; border-bottom:1px solid #e8e9e8;}
#tab2Cnt .outertable {margin:0; }
#tab3Cnt .labName{ font-size: 14px; color:#1D1D1D; }
#tab3Cnt .labInstruction{ font-size: 14px; color:#A6B2AD; padding: 0 0 20px 0;}
#tab4Cnt h2{font-size: 16px; color:#1D1D1D;}
#tab4Cnt p{display: inline-block; float: left; width: 95%; margin: 16px 0 20px 18px;}
#tab4Cnt form{width: 80%;}
#tab5Cnt table{border-top:1px solid #e8e9e8;}
#tab6Cnt figure{float:left; width:54px; margin:0 18px 0 0;}
#tab6Cnt .referealDocDetail{ float:left; width:92%;}
#tab6Cnt .referal{padding:18px; border-bottom:1px solid #e8e9e8;}
#tab2Cnt .customRadioButton [type="radio"]:checked + label:before,#tab2Cnt .customRadioButton [type="radio"]:not(:checked) + label:before{background:transparent;}
#tab2Cnt .docPrescription .customRadioBtn input[type="radio"] + label {
    padding: 0 5px 0 0px !important;
}
.patientDashboard .custSummary h2{font-size:16px; color:#1d1d1d; font-family:'Quicksand-Medium'; padding:0 0 5px 0; margin:20px 0 0 0;}
.patientDashboard .custSummary p{font-size:14px; padding:0; color:#1d1d1d;}
.patientDashboard .custSummary span{font-size:14px; padding:0; color:#A6B2AD;}
.patntPrsc{font-size:14px; color:#1d1d1d;}
.patntPrsc span{color:#A6B2AD !important;}
.docAppnts .apponmentNum{margin:0 0 0 19px;}
.pacNotification span{position: absolute; top: -9px; background-color: #eF7F1B; color: #FFFFFF; border-radius: 50px; font-size: 11px; width: 20px; height: 20px; text-align: center; left: 10px; vertical-align:middle;}

.docFeedback label{font-size: 14px;}
.docFeedback .form-control {border:1px solid #CCCCCC; box-shadow: none; opacity: .5;}
.docFeedback .form-group{width: 100%; float: left;}
.docFeedback  .customRadioBtn label{margin: 0 25px 0 0;}
.docFeedback textarea{height: 100px;}
.docRattings a:first-child{display: none;}
.docRatting i{font-size: 13px; background-color: #FFFFFF; border: 1px solid #e48237; box-shadow: none;}
/* Styles go here */

.my-custom-stars .button .material-icons {
    font-size: 50px;
}

.my-custom-stars .star-button.star-on .material-icons {
    color: #003399;
}

.my-custom-stars .star-button.star-off .material-icons {
    color: #99ccff;
}
/*.lStatus{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 10px;*/
/*    transform: translateY(-50%);*/
/*}*/
/*.rStatus{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 35px;*/
/*    transform: translateY(-50%);*/
/*}*/
.scheduleConfirmed .center{text-align: center;}
.jk-rating-stars-container .button{cursor:pointer}
.jk-rating-stars-container .button .material-icons{font-size:22px}
/*.jk-rating-stars-container .star-button{text-shadow:.06em .04em #000}*/
.jk-rating-stars-container .star-button.star-on .material-icons{color:#e48237}.jk-rating-stars-container .star-button.star-off .material-icons{color:#ddd}
.prescriptionCntHgt{min-height: 615px;}
.investiCntHgt{min-height: 595px;}
.docName{margin: 0 auto 10px auto !important; width: 260px; text-overflow: ellipsis; overflow: hidden;}
.doctorEdu { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 260px;}
.docFeedback .customRadioBtn label{top:0;}
.left-content-tab-inner {position: relative;}
.otherTxt{width: 90% !important; margin: 0 0 0 40px; opacity: 1 !important; box-shadow: none;}
.forgetPwd  a.closePopup {top:25px; right: 25px; z-index: 8;}

#tab6Cnt  .customCheckBox [type="checkbox"]:not(:checked) + label,#referrals .customCheckBox [type="checkbox"]:checked + label{margin: 18px 0 0 0;}

#tab6Cnt .customCheckBox [type="checkbox"]:not(:checked) + label::before, #referrals .customCheckBox [type="checkbox"]:checked + label::before {
    border-radius: 4px;
    width: 20px !important;
    height: 20px !important;
    top: 0;
}


#tab6Cnt .customCheckBox [type="checkbox"]:not(:checked) + label::before, #tab6Cnt  .customCheckBox [type="checkbox"]:checked + label::before{border-radius: 4px; width: 20px; height: 20px; top:0;}
#tab6Cnt .customCheckBox [type="checkbox"]:checked + label::after{border-radius: 4px; width: 20px !important; height: 20px !important; content: '✔'; padding: 4px 0 0 0; top:0;}
#tab6Cnt .customCheckBox{display: inline-block; float: left;}
#tab6Cnt .customCheckBox label{margin: 8px 0 0 0 !important;}
.appointments-details .tab-content .noData2 a,.appointments-details .tab-content .noData1 a{color:#3399CC;}

.m-t-12 {
    margin: 0;
}
button {
    outline: none;
}
.pad0 {
    padding: 0 !important;
}
.spanspc {
    width: 20%;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    text-align: left;
    padding-bottom: 10px;
}

.appoinment_widget .widget_body{
    background-color: #FFFFFF;
    padding: 0 15px 0 15px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    vertical-align: top;
}
.appoinment_widget .widget_menu{
    background-color: #FFFFFF;
    padding: 13px 0 10px 0;
    border-bottom: 1px solid #e3e3e3;
}
.appoinment_widget .widget_header{
    background-color: #6C3C71;
    border-bottom: 1px solid #4d1e52;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.appoinment_widget .widget_header .clinic_name .appointment_header {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 400;
    text-align: left;
    cursor: none;
}
.appoinment_widget .widget_menu .widget_menu{
    display: inline-block;
}
.appoinment_widget .widget_menu .nav-link{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.appoinment_widget .widget_menu .nav-link .circle{
    float: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: gray;
    text-align: center;
    line-height: 18px;
    color: #FFFFFF;
    margin: 0 0 0 5px;
}
.appoinment_widget .widget_menu .active p{
    color: #ef7f1b;
}
.appoinment_widget .widget_menu .active .circle{
    background-color: #ef7f1b;
}
.appoinment_widget .widget_menu .active .r_arrow{
    background: url("/images/right_arrow_hover.jpg") no-repeat 0 2px !important;
}
.appoinment_widget .widget_menu .nav-link .r_arrow{
    display: inline-block;
    width: 20px; height: 20px;
    background: url("/images/right_arrow.jpg") no-repeat 0 2px;
}
.appoinment_widget .widget_menu .nav-link p{
    display: inline-block;
    font-size: 14px;
    padding: 0 10px;
    vertical-align: top;
}
.appoinment_widget .widget_menu .nav-link:nth-child(5) .r_arrow{
    display: none;
}
.image-circle{
    width: 90px; height: 90px;
    overflow: hidden;
    border-radius: 60px;
}
.appoinment_widget .widget_header .clinic_name{
    font-size: 16px;
    color: #FFFFFF;
    padding: 10px 50px;
    font-weight: 400;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.appoinment_widget .widget_header .clinic_name .left-menus {
    display: flex;
    justify-content: space-between;
    width: 61%;
}
.appoinment_widget .widget_header .clinic_name .right-menus {
    width: 30%;
}
.appoinment_widget .widget_logo{
    background: #FFFFFF;
    border-radius: 5px;
    margin: 10px 0 10px 0;
    padding: 10px 50px;
    display: table;
    width: 100%;
}

.widgetDoctorBody .row{
    padding: 0 18px 0 50px;
}
.appoinment_widget .widget_logo p{
    font-size: 10px;
    padding: 27px 10px 0 0;
}
.appoinment_widget .widget_logo .qlogo{
    margin: 23px 0 0 0;
}
.appointment_modal .modal-body{
    padding: 0;
}
.widget_body .docotor{
    border-bottom: 1px solid #e3e3e3;
}
.widget_body .docotor h3,.slot h3,.mobile h3{
    color: #ef7f1b;
    font-size: 16px;
    text-transform: capitalize;
}
.widget_body .docotor h5{
    padding: 5px 0;
    font-size: 13px;
}
.slot h4,.mobile h4{
    padding: 5px 0;
    font-size: 14px;
}
.widget_body .docotor h6{
    font-size: 13px;
    color: #DE53A0;
    text-transform: capitalize;
}
.widget_body .docotor .btn{
    float: right;
    margin: 16px 0 0 0;
    display: inline-block;
    border: 1px solid #EF7F1B;
}
.widget_body .docotor .btn:focus,.widget_body .docotor .btn:hover{
    background: transparent;
    color: #EF7F1B;
    border: 1px solid #EF7F1B;
}
.slot h5,.mobile h5{
    font-size: 13px;
    color: #808088;
    text-transform: capitalize;
    color:#DE53A0;
}
.slot h6,.mobile h6{
    font-size: 11px;
    padding: 5px 0 0 0;
}
.widget_body .docotor .col-md-1{
    width: 6%;
}
.widget_body .docotor .col-md-11{
    width: 94%;
}
.widget_body .slot .col-md-1,.widget_body .mobile .col-md-1{
    width: 7%;
}
.widget_body .slot .col-md-11,.widget_body .mobile .col-md-11{
    width: 93%;
}
.frameBody{
    background-color: transparent;
}
.slot,.mobile{
    background-color: #F4F7F9;
    border-bottom: 1px solid #e3e3e3;
}
.available_slots{
    padding: 0 50px 20px 50px;
    text-align: center;
}
.available_slots h2{
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    padding: 30px 0 20px 0;
    border-bottom: 1px solid #ece9e9;
    margin: 0 0 20px 0;
}
.available_slots h4{
    display: inline-block;
    font-size: 13px;
    text-transform: unset;
    padding: 0 0 30px 0;
}
.mobile .app_date{
    float: left;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #ef7f1b;
    width: calc(100% - 59px);
    padding: 0 0 0 5px;
}
.mobile .app_day{
    float: left;
    display: inline-block;
    width: calc(100% - 59px);
    padding: 0 0 0 5px;
}
.mobileForm{
    display: inline-block; width: 100%; padding: 30px 0 0 0;
}
.mobileForm .form-group{
    display: table;
    width: 100%;
}
.mobileForm label{
    font-weight: 400;
    padding: 10px 0 0 0;
}
.mobileForm span{
    color: red; padding: 0 0 0 5px;
}
.slot_details{
    overflow-y: auto;
    overflow-x: hidden;
    height: 200px;
}
.appointment_confirmed h2{
    font-size: 18px;
    line-height: 30px;
    padding: 0 0 10px 0
}
.appointment_confirmed h2 span{
    font-size: 18px;
    color: #ef7f1b;
}
.appointment_confirmed h3{
    padding: 0 0 30px 0;
    color: #99999C;
    font-size: 12px;
}
.appointment_confirmed .scheduleConfirmed h6{
    color: #ef7f1b;
}
.consultation h3{
    font-family: 'Quicksand-Medium';
    font-size: 16px;
    color: #333366;
    padding: 50px 0 0 0;
}
.consultation h3 span {
    color: #ef7f1b !important;
    font-family: 'Quicksand-Medium';
    font-size: 16px;
}
.consultation p {
    margin-top: 3px;
    padding: 0 10px;
}
.consultation{
    padding: 0 0 70px 0;
}
.mlogo{
    float: right; margin: 0 15px 0 0;
}
/*.widget_body .slot{*/
/*background-color: #f0f0f6;*/
/*border-bottom: 1px solid #e3e3e3;*/
/*}*/
/*.widget_body .prevDayBtn{*/
/*background-color: #808088;*/
/*color: #FFFFFF;*/
/*border: 0;*/
/*padding: 7px 20px;*/
/*font-size: 13px;*/
/*font-weight: 400;*/
/*}*/
/*.widget_body .nextDayBtn{*/
/*background-color: #ef7f1b;*/
/*color: #FFFFFF;*/
/*border: 0;*/
/*padding: 7px 20px;*/
/*font-size: 13px;*/
/*}*/
.gender-signup [type="radio"]:checked,
.gender-signup [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.gender-signup [type="radio"]:checked + label,
.gender-signup [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    /*color: #666;*/
    width: auto;
}
.gender-signup [type="radio"]:checked + label:before,
.gender-signup [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e4e4e6;
    border-radius: 100%;
    background: #fff;
}
.gender-signup [type="radio"]:checked + label:after,
.gender-signup [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #373737;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.gender-signup [type="radio"]:checked + label:before,.gender-signup [type="radio"]:checked + label{
    border-color: #373737; color: #373737;
}
.gender-signup [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.gender-signup [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.gender-signup label{
    padding: 0 0 0 23px;
    height: auto !important;
}
.modal-dialog.verifyModal{
    width: 27%;
}
.verifyModal label span{
    color: #000000;
    font-size: 10px;
    padding-left: 3px;
    text-transform: none;
}
.verifyModal .signinBtn {
    outline: 0 !important;
    border: 0;
    font-family: 'Quicksand-Bold';
    margin: 20px 0 0 0;
}
.closePopupBtn{
    position: relative;
    right: 5px;
}
.slotsSelects .no-data-img{
    top:27px;
}
.support label{
    font-family: 'Quicksand-Medium';
    font-weight: 300;
}
.readMsg{
    background-color: #f5e6f9 !important;
}
/*.top13 .msg-notification{*/
/*height: 600px;*/
/*overflow-x: hidden;*/
/*overflow-y: auto;*/
/*}*/
.terms_header{
    /* background: #333367;
    box-shadow: 1px 1px 2px rgb(0,0,0,0.2); */
    height: 60px;
}
.terms_header .logo{
    display: table-cell;
    margin: 4px 0 0 0;
    float: left;
    padding: 0;
    margin-left: 8px !important;
}
.terms_header .logo img{
    width: 175px;
}
.main-container {
    margin: 0 auto;
    width: 1200px;
}

.terms p{
    padding: 0 0 10px 0;
}
.terms h2{
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 10px 0;
}
.terms ol.upperApha,.terms ol.lowerAlpah,.terms ol.romenNumber,.terms ol.number{
    padding: 0 0 0 15px;
}
.terms li ol.romenNumber,.terms li ol.lowerAlpah,.terms li ol.number{
    padding: 10px 0 0 50px;
}
.terms ol.upperApha li{
    display:list-item;
    list-style-type: upper-alpha;
    padding: 0 0 15px 0;
    line-height: 20px;
}
.terms ol.romenNumber li{
    display: list-item;
    list-style-type: lower-roman;
    padding: 0 0 15px 0;
}
.terms ol.number li{
    display: list-item;
    list-style-type: decimal;
    padding: 0 0 10px 0;
}
.terms ol ol.lowerAlpah li{
    display: list-item;
    list-style-type: lower-alpha;
    padding: 0 0 5px 0;
}
.terms ol.lowerAlpah li{
    display: list-item;
    list-style-type: lower-alpha;
    padding: 0 0 15px 0;
}
.terms ol ol.romenNumber li{
    display: list-item;
    list-style-type: lower-roman;
    padding: 0 0 5px 0;
}
.terms ol li ol.lowerAlpah li{
    display: list-item;
    list-style-type: lower-alpha;
    padding: 0 0 5px 0;
}
.terms li ol.number li{
    display: list-item;
    list-style-type: decimal;
    padding: 0 0 5px 0;
}
.terms li u{
    display: table;
}
.terms h4{
    font-size: 15px;
    font-weight: bold;
}
.terms h5{
    font-weight: 600;
    font-size: 14px;
}
.terms u i{
    font-size: 14px;
}
.terms .table-bordered{
    border:0;
}
.terms .table>thead:first-child>tr:first-child>th{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #a5a2a2;
}
.terms .table-bordered>tbody>tr>td,.terms .table-bordered>tfoot>tr>td{
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #a5a2a2;
}

.terms .table{
    margin-bottom: 0;
    border-collapse: collapse;
}

.broken-links{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}

.broken-links h4,.broken-links a{
    font-size: 18px;
    line-height: 25px;
    padding: 20px 0 20px 0;
}
footer a,footer a:hover,footer focus,footer a:active {
    color: #FFFFFF;
    text-decoration: none;
    display: table;
    width: 100%;
}

.modal-open .modal{
    overflow: hidden;
}

.mobileNo .code{
    width: 30%;
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 0 0;
}
.mobileNo .code input{
    padding-left: 45px;
}
.mobileNo .number{
    width: 65%;
    display: inline-block;
    overflow: hidden;

}

.mobileNo .code label,.mobileNo .number label{
    padding: 2px 0 0 0;
    font-size: 9px;
    text-align: center;
}
/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.go-back-link {
    padding: 3px 0 0 0;
    font-size: 13px;
    color: #FFFFFF;
    float: right;
    text-decoration: underline;
}

.video_pdf{
    padding: 3px 0 0 0;
    font-size: 13px;
    color: #FFFFFF;
    float: right;
    text-decoration: underline;
}

.video_pdf:hover,.video_pdf:focus,.homePage-link:hover,.homePage-link:focus{
    color: #FFFFFF;
    text-decoration: underline;
}
.go-back-link:hover,.go-back-link:focus {
    color: #FFFFFF;
    text-decoration: underline;
}

.homePage-link{
    float: right;
    text-decoration: underline;
    color: #FFFFFF;
    margin: 3px 0 0 20px;
}
.doctor-search{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    padding: 6px 50px 5px 50px;
    background: #e3e3e3;
    vertical-align: top;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
}
.doctor-search input{
    border-radius: 3px;
    color: #000;
    float: none;
    border: 0;
    font-size: 12px;
    display: inline-block;
    float: left;
    border-radius: 3px;
    background: url(/images/search.svg) #FFFFFF no-repeat;
    background-size: 15px;
    background-position: 8px 10px;
    padding: 0 10px 0 35px;
    width: 200px;
}
.doctor-search button{
    display: inline-block;
    float: right;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #ef8036;
    outline: 0;
    color: #ef8036;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
    margin: 3px 0 0 0;
    line-height: 18px;
}
.doctor-search button:hover{
    background: #ef8036;
    color: #FFFFFF;
}
@media only screen and (max-width: 1366px){
    .doctorModal{
        height: 550px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 280px) and (max-width: 600px) {
    .doctor-search {
        padding: 6px 10px 5px 10px !important;

    }
    .doctor-search button {
        padding: 10px!important;
    }
    .column-2_
    {
        display: contents;
    }

    .doctor-search input {
        width: 250px;
    }
  }

@media screen and (max-width: 1200px) {
    .main-container {
        width: 100%;
    }
}

.docText ol{
    list-style-type: decimal;
}
.docText ul li{
    list-style-type: disc;
    font-size: 13px;
    margin: 0;
    color: #000000;
    display: list-item;
}

.docText ol,.docText ul{margin:10px 0 ; margin-left: 17px;}
.docText h1 {
    /*font-family: 'Quicksand-Bold';*/
    font-size: 36px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText h2{
    font-size: 30px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText h3{
    font-size: 24px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText h4{
    font-size: 18px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText h5{
    font-size: 14px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText h6{
    font-size: 12px;
    color: #000000;
    text-transform: none;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
}
.docText p{
    text-align: left;
    padding: 0;
    margin: 0 0 10px 0;
}

/*.doctorDetails .docOuter{*/
/*    height: 77vh;*/
/*}*/

.CountryCode{
    width: 40%;
    float: left;
}
.CountryCode .customSelectDropdown{
    overflow: visible;
}
/*.CountryCode .customSelectDropdown:after{*/
/*    right: 19px;*/
/*    top: 0;*/
/*    z-index: 8;*/
/*    background: #f1f2f7;*/
/*    height: 40px;*/
/*    border-top-right-radius: 50px;*/
/*    border-bottom-right-radius: 50px;*/
/*    width: 20px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*}*/
.doctorModal .customSelectDropdown:after{
    right: 5px;
}
.customSelectDropdown:focus-within:after{
    background-color:#FFFFFF !important;
}
.mobileNo{
    width: 61%;
    float: left;
}
.CountryCode select{
    width: 85%; padding-left: 20px !important; margin-left: 3.5%;
}
.text-danger{
    font-size: 10px;
}
.connecting span{
    color: #FFFFFF;
}
.appointmentPolicy a{
    color: #272f3c;
    padding: 0;
    margin: 0;
    border: 0;
    text-transform: capitalize;
    text-decoration: underline;
}
ul.circle{
    padding: 20px 0 0 50px;
}
ul.circle li{
    list-style-type: circle !important;
    padding: 0 0 5px 0 !important; margin: 0;
}
ul.circle ul li{
    list-style-type: disc !important;
    padding: 0 0 5px 0 !important;
}
ul.circle ul{
    padding: 10px 0 10px 50px;
}

.faq strong{
    font-size: 14px;
}

.faq p{
    padding: 0 0 15px 16px;
}

ul.top_menu {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
}
ul.top_menu li {
    list-style-type: none;
    display: inline-block;
    margin: 0 50px 0 0;
    position: relative;
    vertical-align: top;
}
ul.top_menu li a {
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
    padding: 18px 0 20px 0;
    text-transform: uppercase;
}
ul.top_menu li:nth-child(2) > ul {
    width: 400px;
}
ul.top_menu ul {
    display: none;
    position: absolute;
    top: 40px;
    left: -16px;
    background: #333367;
    margin: 0;
    padding: 10px 0 5px 0;
    width: 170px;
}
ul.top_menu li:nth-child(2) > ul li {
    width: 49%;
}
ul.top_menu li > ul li a {
    font-size: 15px;
    padding: 0 15px 10px 15px;
    text-transform: capitalize;
    cursor: pointer;
}
ul.top_menu li > ul li {
    margin: 0;
    padding: 0;
    width: 100%;
}
#mc_embed_signup .mc-field-group{
    display: inline-block;
    float: left;
    width: 58%;
    padding: 0;
}
#mc_embed_signup #clear{
    display: inline-block;
    float: left;
    width: 42%;
    padding: 0;
}
#mc_embed_signup .mc-field-group{
    text-align: right;
}
#mc_embed_signup .clear{
    text-align: left;
}
#mc_embed_signup .mc-field-group input{
    width: 300px;

}
#mc_embed_signup #clear input{
    width: auto;
    padding: 0 20px;
    margin-left: -1px;
}

#subscribe-result{
    text-align: center;
    color: #FFFFFF !important;
    font-size: 16px;
    padding: 6px 0 0 0;
    display: inline-block;
    width: 100%;
    display: none;
}

.faq .table,.table-bordered>tbody>tr>td,.faq .table>thead:first-child>tr:first-child>th{
    border:1px solid #c3c3c3;
}
.findDoctor .homeSearch .form-control{
    width: 100%;
}
.newSearch  .keywordContainer{
    width: 85%;
}
.newHeader .searchIcon{
    position: absolute;
    top:0;
    right: 175px;
    z-index: 9;
}
.mainNsearch .searchIcon{
    position: absolute;
    top:0;
    right: 185px;
    z-index: 9;
}
.newHeader .keywordContainer,.patientNheader .keywordContainer,.mainNsearch .keywordContainer{
    width: 85%;
}
.forgetPwd .CountryCode,.forgetPwd .mobileNo{
    width: 50%; margin-bottom: 20px;
}
.forgetPwd h3{
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 16 0;
    text-transform: capitalize;
    font-family: 'Quicksand-Bold';
    color: #000000;
}
.forgetPwd button{
    border-radius: 50px;
    width: 100%;
    width: 90%;
    display: table;
    margin: 25px auto 15px auto;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Quicksand-Bold';
    border: 0; outline: 0; box-shadow: none;
    padding: 9px 0;
}

.select-slots,.appointment-reschedule-popup h2{
    margin: 0; padding: 0 0 20px 0; margin: 0 0 50px 0; font-size: 20px; text-align: center; width: 100%; text-transform: capitalize;
}
.select-slots table button,.appointment-reschedule-popup table button{
    background: transparent; border: 0; outline: 0; padding: 0; margin: 10px 0 0 0; width: 32px; height: 32px; border-radius: 50px; display: inline-block;
}
.appointment-reschedule-popup table{
    margin: 0 0 50px 0;
}
.select-slots table span,.appointment-reschedule-popup table span{
    display: inline-block; width: 100%; text-align: center;
}
.select-slots table .active button,.appointment-reschedule-popup table .active button{
    display: inline-block; width: 32px; height: 32px; border-radius: 50px; background: #eF7F1B; color: #FFFFFF;
}
.select-slots table .active span,.appointment-reschedule-popup table .active span{
    color:#eF7F1B ;
}
.appointment-reschedule-popup table td{width: auto !important;}
.select-slots .available-timings{
    display: inline-block; width: calc(100% - 60px); border:1px solid #e0dede; border-radius: 20px; padding: 30px 0 15px 15px; position: relative; margin: 0 0 23px 0;
}
.select-slots .available-timings .row{
    margin: 0 0 15px 0; border-bottom: 1px solid #e0dede;
}
.select-slots .available-timings .row:last-child{
    border-bottom: 0; margin: 0;
}
.select-slots .available-timings .col-md-4{
    padding: 0 0 0 30px;
}
.select-slots .available-timings .col-md-8{
    padding: 0 12px 0 0;
}
.select-slots .available-timings span{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.select-slots .week{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -10px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    /*background: #FFFFFF;*/
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 100%;
}
.select-slots .week .inner{
    display: inline-block;
    background: #FFFFFF;
    width: auto;
}
.select-slots .week .leftArrow{
    border: 1px solid #e0dede;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    position: relative;
    left: -10px; top:-3px;
    background: #eF7F1B;
}
.select-slots .week .rightArrow{
    border: 1px solid #e0dede;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
    position: relative;
    left: 10px; top:-3px;
    background: #eF7F1B;
}
.carousel{
    padding: 20px 0;
}
.select-slots  .week .leftArrow img{
    transform: rotate(90deg); cursor: pointer; position: relative; top: -1px; left: -3px;
}
.select-slots  .week .rightArrow img{
    transform: rotate(-90deg); 
    /* cursor: pointer;  */
    position: relative; 
    top: -1px; 
    left: 0px;
}
button.calender-next-btn:disabled,
button.calender-next-btn[disabled]{
  background-color: rgb(145 145 143)!important;
  color: rgb(145 145 143);
  cursor: not-allowed!important;
}
button.calender-day-btn:disabled,
button.calender-day-btn[disabled]{
  color: rgb(145 145 143);
  cursor: not-allowed!important;
}
.select-slots .table-responsive{
    padding: 30px; border-bottom: 1px solid #e0dede;
}
.select-slots .available-timings h4{
    font-size: 13px;
    display: table;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0; padding: 0;
    text-align: left;
    color: #474B4E;
}
.select-slots .scroll{
    display: inline-block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 250px;
    padding: 30px 0 0 0;
    position: relative;
}
.select-slots .available-timings h6{
    display: inline-block; width: 100%; padding: 0; margin: 0 0 30px 0; font-size: 10px; font-weight: 600; color: #6a6f6c; text-align: left;
}
.select-slots .available-timings button{
    border-radius: 5px;
    /*padding: 10px 20px;*/
    height: 38px; width: 9%;
    margin: 0 15px 15px 0;
    text-align: center;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    box-shadow: 0 1px 3px 2px #e8e8e8;
    float: left;
    transition: all .5s ease-in-out;
}
.select-slots .available-timings button:hover,
.select-slots .available-timings button:focus,
.select-slots .available-timings button:active{
    background: #ef8036; color: #FFFFFF;
    transition: all .5s ease-in-out;
}
/*.select-slots .available-timings button:nth-child(5n-0){*/
/*    margin: 0 0 15px 0;*/
/*}*/
.select-slots .second{
    margin-top: 10px;
}
.select-slots .first button:last-child,.calenderpopup .second button:last-child{
    margin: 0 0 15px 0;
}
.select-slots .table-responsive{
    border: 0; width: 100%;
}
.select-slots .noSlots{
    font-size: 14px; padding: 0; text-transform: lowercase; position: absolute; top: 47%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;
}
/*.appointment-reschedule-popup{*/
/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/
/*    height: 400px;*/
/*}*/
.appointment-reschedule-popup .available-timings{
    display: inline-block; width: 100%; border:1px solid #e0dede; border-radius: 20px; padding: 30px; position: relative; margin: 0 0 50px 0;
}
.appointment-reschedule-popup .available-timings span{
    font-size: 13px;
    color: #929292;
    font-weight: 600;
    top: -8px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: #FFFFFF;
    padding: 0 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.appointment-reschedule-popup .available-timings h4{
    font-size: 13px;
    display: table;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0; padding: 0;
    color: #474B4E;
}

.appointment-reschedule-popup .available-timings h6{
    display: inline-block; width: 100%; text-align: left; padding: 0; margin: 0; font-size: 10px; font-weight: 600; color: #6a6f6c; padding: 0 0 20px 0;
}
.appointment-reschedule-popup .available-timings button{
    border-radius: 5px;
    padding: 0;
    height: 38px; width: 20%;
    margin: 0 15px 15px 0;
    text-align: center;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 14px;
    box-shadow: 0 1px 3px 2px #e8e8e8;
}
.appointment-reschedule-popup .second{
    margin-top: 20px;
}
.appointment-reschedule-popup .first button:nth-child(4n+4),.appointment-reschedule-popup .second button:nth-child(4n+4){
    margin: 0 0 15px 0;
}
.appointment-reschedule-popup .table-responsive{
    margin-bottom: 0; border: 0;
}
.appoinment_widget .paymentCarousel  .select-slots .available-timings button{
    width: 10.5%;
}
.doctorSlotInfo .row{
    border:1px solid #e8e9e8; display: flex;
}
.doctorSlotInfo .hospitalList{
    border-left: 0; border-top: 0; border-right: 0; border-bottom:1px solid #e8e9e8;
}
.doctorSlotInfo .hospitalList:last-child{
    border-bottom: 0;
}
.doctorSlotInfo .row .col-md-2,.doctorSlotInfo .row .col-md-5,.doctorSlotInfo .row .col-md-3,.doctorSlotInfo .row .col-md-4,.doctorSlotInfo .row .col-md-5{
    border-right:1px solid #e8e9e8; padding-left: 0; padding-right: 0; padding-bottom: 0;
}
.doctorSlotInfo .row p{
    border-bottom:1px solid #e8e9e8; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; word-break: break-word;
}
.doctorSlotInfo .row p:last-child{border-bottom: 0;}
.doctorSlotInfo h2{
    position: relative;
    top: 50%; left: 10px;
    transform: translateY(-50%);
    padding: 0;
}
.doctorSlotInfo label{
    padding: 2px 0 2px 10px;
    color: #808088;
    font-size: 12px;
    margin: 0;
    background: #f3f3f3;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e8e9e8;
}
.doctorSlotInfo span{
    color: #808088;
    font-size: 12px;
    font-family: 'Quicksand-Bold';
    width: 100%;
    display: inline-block;
    text-align: left;
}
.tableFixed thead,.tableFixed tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.tableFixed tbody{
    overflow: auto;
    display: block;
}
.memberBg ul.members{
    height: 100vh;
}
.doctorSlotInfo .row .col-md-5 {
    width: 41%;
}
.doctorSlotInfo .row .col-md-1 {
    width: 9%;
}
.kottakal-notes .ui-select-match-item{
    background: #3399cc; color: #FFFFFF; padding: 6px 20px;
}
.kottakal-notes .ui-select-match-item:focus,.kottakal-notes .ui-select-match-item:hover,.kottakal-notes .ui-select-match-item:active{
    background: #3399cc; color: #FFFFFF;
}
.kottakal-notes .firstRow{
    width: 100%%;
    float: left;
    margin: 0;
}
/*.kottakal-notes .firstRow:nth-child(2n+2){*/
/*    margin: 0 0 20px 0;*/
/*}*/
.kottakal-notes .secondRow span{
    font-size: 16px; padding: 0 0 20px 0; display: table; width: 100%;
}
.kottakal-notes textarea,.kottakal-notes input{
    margin-bottom: 0;
}
.kottakal-notes .label label{
    text-align: left; font-size: 18px;
    border-bottom: 1px solid #e8e9e8; padding-bottom: 10px !important; margin-bottom: 30px;
}
.kottakal-notes label{
    padding: 0 0 5px 0 !important;
}


.prescription-table-list{
    float: left; width: 100%;
}
.prescription-table-list .table{
    table-layout: fixed;
}
.prescription-table-list .table thead
{
    background:#fbfcfc;
}
.prescription-table-list .table tr{
    border-top: 1px solid #e8e9e8;
}
.prescription-table-list .table tr:nth-child(even){
    background: #fbfcfc;
}
.prescription-inner-tabs{
    position: absolute; top:-64px; left: -22px; margin: 0; padding: 0;
}
.prescription-inner-tabs li{
    display: inline-block;
    list-style-type: none;
    border: 1px solid #e8e9e8;
    float: left;
}
.prescription-inner-tabs li:last-child{margin-left: -1px;}
.prescription-inner-tabs li a{
    padding: 10px 13px;
    display: inline-block;
    border-top: 3px solid transparent;
}
.prescription-inner-tabs li a:hover,.prescription-inner-tabs li a:focus{
    background: #FFFFFF; color: #66CC99; border-top: 3px solid #66CC99 !important;
}
.innerTabActive{
    border-top: 3px solid #66CC99 !important;
    border-bottom-color: transparent;
    color: #66CC99;
    background: #FFFFFF;
}
.invalid-country-hd {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 77vh;  
    width: 100%;
}
.invalid-country-hd .invalid-country-bd{
    background: white;
    border-radius: 4px;
    padding: 20px;
    max-width: 500px;
}
.invalid-country-hd .invalid-country-bd p {
    display: flex;flex-direction: column;
    font-size: 16px;font-family: 'Quicksand-Bold';
}
.common-button {
    background: #eF7F1B;
    color: #fff;
    cursor: pointer;
    height: 100%;
    width: 170px;
    border: none;
    margin: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-family: 'Quicksand-Bold';
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
}
.common-button:hover {
    color: #fff;
}
.spin-loader-head {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}
.spin-loader {
    border: 6px solid #ffffff;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 45px;
    height: 45px;
    -webkit-animation: spinloader 2s linear infinite; /* Safari */
    animation: spinloader 2s linear infinite;
}
  
/* Safari */
@-webkit-keyframes spinloader {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
  
@keyframes spinloader {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.error-msg-color {
    color: #7d0000;
}
.p-l-31, .p-r-31 {
    padding: 0px 31px;
}
.profile-loader {
    border: 2px solid #f3f3f3; /* Light grey */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.d-flex {
    display: flex;
}
.profile-save-btn {
    outline: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.h-100-percent {
    height: 100%;
}
.add-more-btn {
    background-color: #3398cc !important;
    color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 7px 25px !important;
    border-radius: 5px;
    font-size: 14px;
}
.remove-vtl-btn {
    background-color: #ffffff;
    border: none;
    margin: 5px 0px 5px 15px;
    /* background-color: #fb3628;
    color: white;
    border: none;
    margin: 5px 0px 5px 15px;
    display: flex;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50px; */
}
.tbl-hoztal-hd {
    border: 1px solid #e8e9e8;
}
.tbl-hoztal-hd .tbl-hoztal-lable {
    display: flex;
    border-bottom: 1px solid #e8e9e8;
}
.tbl-hoztal-hd .tbl-hoztal-lable label {
    font-family: 'OpenSans';
    color: #6f7072 !important;
    font-weight: bold;
    font-size: 13px;
    padding: 18px !important;
}
.tbl-hoztal-hd .tbl-hoztal-type {
    display: flex;
}
.tbl-hoztal-hd .tbl-hoztal-type .tbl-hoztal-value {
    width: 100%;
    padding: 18px !important;
}
.margin-left-18 {
    margin-left: 18px;
}
.summarry-table tr th, .summarry-table tr td {
    padding: 10px !important;
    border: 1px solid #e8e9e8 !important;
}

/* Lobby or join now css */
.join-consult-btn {
    background-color: #3398cc;
    color: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 7px 30px !important;
    border-radius: 5px;
    font-size: 14px;
    margin: 10px 0px 0px 0px;
    white-space: nowrap;
    font-weight: bolder;
}
.join-consult-head {
    background-color: #f5f5f5;
    width: 100%;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 4em; */
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    color: #000000;
}
.join-lft-side {
    width: 65%;
}
.join-consult-data {
    display: flex;
    margin: 0px 0px 25px 0px;
    flex-direction: column;
    line-height: 25px;
}
.join-consult-data .apponmentNum {
    padding: 0px 10px 0px 10px;
    color: #000;
}
.join-consult-data .apponmentNum span {
    display: inline-block;
}
.join-rgt-side .join-consult-note {
    width: 100%;
    font-size: 12px;
    text-align: center;
    /* font-style: italic; */
    font-weight: bold;
    margin: 5px 0px 0px 0px;
}
.join-vdo-test {
    position: relative;
    width: 550px;
    /* width: 100%; */
    height: 350px;
}
.join-vdo-body {
    background: #292929;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    position: relative;
}
.join-vdo-body .join-vdo-control {
    position: absolute;
    bottom: 0;
    left: 41%;
    padding: 0px 0px 15px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.join-vdo-control .join-vdo-control-video, .join-vdo-control .join-vdo-control-mic {
    background: transparent;
    border: none; /* Remove the default button border */
    padding: 0; /* Remove default button padding */
    cursor: pointer;
    display: flex; /* Align SVG properly */
    align-items: center; /* Vertically align content */
    justify-content: center; /* Center content horizontally */
    transition: all 0.3s ease;
    margin: 0;
}
.join-vdo-control .join-vdo-control-video svg, .join-vdo-control .join-vdo-control-mic svg {
    width: 56px; /* Set SVG width */
    height: 56px; /* Set SVG height */
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.join-vdo-control .join-vdo-control-video:hover svg, .join-vdo-control .join-vdo-control-mic:hover svg {
    transform: scale(1.1); /* Slightly enlarge SVG on hover */
    opacity: 0.9; /* Slightly dim the SVG on hover */
}
.join-rgt-side {
    width: 35%;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-direction: column;
}
.media-permission-head {
    margin-top: 12px;
    display: flex; 
    gap: 10px;
    justify-content: center;
}
.media-permission {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
#videoTestPublisher {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    bottom: 0;
    right: 0;
}
.active-dropdown-item {
    background-color: #3398cc;
    color: white;
}
.join-consult-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    position: relative;
    padding: 0px 25px 0px 25px;
    height: 65px;
}
.join-consult-header .hospital-logo {
    width: 100px;
    height: 70px;
}
.join-consult-header .join-consult-icon {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.join-consult-vdo-hd {
    margin: 5rem auto auto auto; 
    width: 80%;
}
.join-consult-vdo-hd .join-consult-vdo-row {
    display: flex;
    flex-direction: row;
}
/* connecting start */  
/* Styling for the connecting text */
.connecting {
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

/* Animated dots */
.connecting-dots span, .connecting-dots-black span {
    animation: blink 1.5s infinite;
}
.connecting-dots span {
    color: #fff;
}
.connecting-dots-black span {
    color: #000;
}
.connecting-dots span:nth-child(2), .connecting-dots-black span:nth-child(2) {
    animation-delay: 0.3s;
}

.connecting-dots span:nth-child(3), .connecting-dots-black span:nth-child(2) {
    animation-delay: 0.6s;
}
.patient-btn-disabled-color {
    background-color: #af6f35!important;
    cursor: not-allowed !important;
}
.doctor-btn-disabled-color {
    background-color: #2a7499 !important;
    cursor: not-allowed !important;
}
.position-unset {
    position: unset !important;
}
.w-100-p {
    width: 100%!important;
    align-items: center;
}
.display-block {
    display: block !important;
}
@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
.sound-wave-plain {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 35px;
}
.sound-wave-plain span {
    display: block;
    width: 4px;
    height: 3px;
    background: #fff;
    transition: height 0.1s ease;
}
.sound-wave-hd {
    background: #3398cc;
    /* rgb(255 255 255 / 97%); */
    border-radius: 100%;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 15px;
    left: 10px;
}
.jsFullScreenView {
    position: absolute !important;
    margin-top: 35px !important;
    left: 20% !important;
    top: unset !important;
}
/* connecting end */  
#publisher .pub-video-off {
    background: #2b2b2b8f;
    height: 100%;
    display: block;
    align-content: center;
    text-align: center;
    width: 100%;
}
#videoTestPublisher .pub-video-off {
    background: #2b2b2b8f;
    height: 100%;
    display: block;
    align-content: center;
    text-align: center;
    width: 100%;
    position: absolute;
    border-radius: 15px;
}
#subscribers .pub-video-off {
    background: #2b2b2b8f;
    height: 100%;
    display: block;
    align-content: center;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
}
.disable-orange-btn {
    background: #c9a37e !important;
    border-color: #c9a37e !important;
    cursor: not-allowed !important;
}
@media screen and (min-width: 1061px) {
    .join-consult-head {
        height: 100vh;
    }
}
@media screen and (min-width: 1061px) and (max-width: 1170px) {
    .join-rgt-side {
        align-items: center !important;
    }

}


@media screen and (max-width: 1060px) {
    .join-lft-side, .join-rgt-side {
        width: 100%;
    }
    .join-consult-vdo-hd .join-consult-vdo-row {
        flex-direction: column;
        align-items: center;
    }
    .join-vdo-test {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .join-vdo-body {
        background: transparent;
    }
    #videoTestPublisher , #videoTestPublisher div , #videoTestPublisher div .video-frame {
        position: relative !important;
    }
    .join-rgt-side {
        margin: 0px 0px 0px 0px;
        align-items: center;
    }
    .join-vdo-body .join-vdo-control {
        padding: 0px;
        left: 0%;
        position: relative;
    }
    .media-permission-head {
        justify-content: center;
    }
    .join-consult-data {
        margin: 0px 0px 20px 0px;
    }
    .join-consult-btn {
        margin: 0px 0px 0px 0px;
    }
    .join-rgt-side .join-consult-note {
        margin: 5px 0px 20px 0px;
    }
}
@media screen and (max-width: 650px) {
    .join-consult-data .apponmentNum {
        padding: 0px !important;
        text-align: left;
    }
    
    .join-consult-data {
        flex-direction: column;
    }
    .join-consult-data span {
        text-align: left;
    }
}
/* Responsive modal and file grid (add this if not already present) */
.custom-large-modal .modal-dialog {
    max-width: 800px;
    width: 95vw;
    min-width: 320px;
    margin: 30px auto;
}
@media (max-width: 900px) {
    .custom-large-modal .modal-dialog {
        max-width: 98vw;
        width: 98vw;
        min-width: unset;
    }
}
.file-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /* margin-top: 20px; */
    margin : 0 20px 0px 20px;
}
.file-item {
    flex: 1 1 calc(50% - 16px);
    box-sizing: border-box;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.file-name-upload {
    padding-top: 8px;
    /* border: 1px solid #ccc; */
    height: 40px;
    width: 100%;
}
.file-name-upload {
    flex: 1;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 255px;
    word-break: break-all;
}

.file-actions {
    display: flex;
    gap: 8px;
}
@media (max-width: 600px) {
    .file-item {
        flex: 1 1 100%;
    }
    .file-name-upload {
        max-width: 90vw;
    }
}
.file-item.dummy {
    background: transparent;
    border: none;
    box-shadow: none;
    pointer-events: none;
}