:root {
--body-content-color: #4A4A4A;
--link: #005e8d;
--white: #FFFFFF;
--black: #000000;
--cadet-black: #191919;
--jet-black: #0A0A0A;
--primary:#0047FF;
--primary-08: rgb(25 71 229 / 8%);
--primary-10: rgb(25 71 229 / 10%);
--primary-20: rgb(25 71 229 / 20%);
--primary-40: rgb(25 71 229 / 40%);
--menu-color: #17161980;
--dandelion: #FFD465;
--btn-hover: #002f8d;
--gray20: #333333;
--gray34: #575757;
--gray35: #8C94A3;
--secondery: #FE4D00;
--secondary-50: #ECFEFF;
--lights-gray: #F8F8FD;
--Neutrals-0: #FFFFFF;
--Neutral-10: #EDEDED;
--Neutral-20: #D6DDEB;
--Neutral-50: #F9FAFB;
--Neutral-60: #7C8493;
--Neutral-70: #767779;
--Neutral-80: #515B6F;
--Neutral-90: #F6F6F6;
--Neutral-100: #F3F4F6;
--Neutral-200: #E5E7EB;
--Neutral-300: #D1D5DB;
--Neutral-400: #9CA3AF;
--Neutral-500: #6B7280;
--Neutral-600: #4B5563;
--Neutral-700: #374151;
--Neutral-800: #1F2937;
--Neutral-900: #111827;
--Neutral-1000: #25324B;
--brands-tertiary: #E9EBFD;
--bg-trans: #00000000;
--grad-bg: linear-gradient(180deg, rgba(25, 71, 229, 0.10) 0%, rgba(255, 255, 255, 0.00) 171.94%);
--space-cadet:#14264D;
--font_inter: Inter;
--font_inter_l: Inter-Light;
--font_inter_m: Inter-Medium;
--font_inter_s: Inter-SemiBold;
--font_inter_b: Inter-Bold;
--font_inter_e: Inter-ExtraBold;
--font_helvetica: Helvetica-Neue;
--font_helvetica_l: Helvetica-Neue-Light;
--font_helvetica_m: Helvetica-Neue-Med;
--font_helvetica_b: Helvetica-Neue-Bold;
--font_roboto: Roboto;
--font_roboto_l: Roboto-Light;
--font_roboto_t: Roboto-Thin;
--font_roboto_m: Roboto-Medium;
--font_roboto_b: Roboto-Bold;
--font_gotham: gotham-rounded;
--font_gotham_l: gotham-light;
--font_gotham_m: gotham-medium;
--font_gotham_b: gotham-bold;
--font_poppins: Poppins;
--font_poppins_m: Poppins-medium;
--font_poppins_b: Poppins-bold;
--font_avenir: Avenir-Next;
--font_avenir_b: Avenir-Next-Bold;
--font_sfpro: SF-Pro-Text;
--font_sfpro_m: SF-Pro-Text-medium;
--font_sfpro_s: SF-Pro-Text-Semibold;
--font_sfpro_b: SF-Pro-Text-bold;
}
@font-face {
font-family: "Helvetica-Neue";
src: url("../fonts/Helvetica-Neue/HelveticaNeue.woff") format("woff");
}
@font-face {
font-family: "Helvetica-Neue-Light";
src: url("../fonts/Helvetica-Neue/HelveticaNeue-Light.woff") format("woff");
}
@font-face {
font-family: "Helvetica-Neue-Med";
src: url("../fonts/Helvetica-Neue/HelveticaNeue-Medium.woff") format("woff");
}
@font-face {
font-family: "Helvetica-Neue-Bold";
src: url("../fonts/Helvetica-Neue/HelveticaNeue-Bold.woff") format("woff");
}
@font-face {
font-family: "Inter-Light";
src: url("../fonts/Inter/Inter-Light.woff") format("woff");
}
@font-face {
font-family: "Inter";
src: url("../fonts/Inter/Inter-Regular.woff") format("woff");
}
@font-face {
font-family: "Inter-Medium";
src: url("../fonts/Inter/Inter-Medium.woff") format("woff");
}
@font-face {
font-family: "Inter-SemiBold";
src: url("../fonts/Inter/Inter-SemiBold.woff") format("woff");
}
@font-face {
font-family: "Inter-Bold";
src: url("../fonts/Inter/Inter-Bold.woff") format("woff");
}
@font-face {
font-family: "Inter-ExtraBold";
src: url("../fonts/Inter/Inter-ExtraBold.woff") format("woff");
}
@font-face {
font-family: "Roboto-Light";
src: url("../fonts/Roboto/Roboto-Light.woff") format("woff");
}
@font-face {
font-family: "Roboto-Thin";
src: url("../fonts/Roboto/Roboto-Thin.woff") format("woff");
}
@font-face {
font-family: "Roboto";
src: url("../fonts/Roboto/Roboto.woff") format("woff");
}
@font-face {
font-family: "Roboto-Medium";
src: url("../fonts/Roboto/Roboto-Medium.woff") format("woff");
}
@font-face {
font-family: "Roboto-Bold";
src: url("../fonts/Roboto/Roboto-Bold.woff") format("woff");
}
@font-face {
font-family: "Avenir-Next";
src: url("../fonts/Avenir-Next/Avenir-Next.woff") format("woff");
}
@font-face {
font-family: "Avenir-Next-Bold";
src: url("../fonts/Avenir-Next/Avenir-Next-Bold.woff") format("woff");
}
@font-face {
font-family: "gotham-light";
src: url("../fonts/Gotham-Rounded/gotham-light.woff") format("woff");
}
@font-face {
font-family: "gotham-rounded";
src: url("../fonts/Gotham-Rounded/gotham-rounded.woff") format("woff");
}
@font-face {
font-family: "gotham-medium";
src: url("../fonts/Gotham-Rounded/gotham-medium.woff") format("woff");
}
@font-face {
font-family: "gotham-bold";
src: url("../fonts/Gotham-Rounded/gotham-bold.woff") format("woff");
}
@font-face {
font-family: "Poppins";
src: url("../fonts/Poppins/Poppins.woff") format("woff");
}
@font-face {
font-family: "Poppins-medium";
src: url("../fonts/Poppins/Poppins-Medium.woff") format("woff");
}
@font-face {
font-family: "Poppins-bold";
src: url("../fonts/Poppins/Poppins-Bold.woff") format("woff");
}
@font-face {
font-family: "SF-Pro-Text";
src: url("../fonts/SF-Pro-Text/SF-Pro-Text-Regular.woff") format("woff");
}
@font-face {
font-family: "SF-Pro-Text-medium";
src: url("../fonts/SF-Pro-Text/SF-Pro-Text-Medium.woff") format("woff");
}
@font-face {
font-family: "SF-Pro-Text-Semibold";
src: url("../fonts/SF-Pro-Text/SF-Pro-Text-Semibold.woff") format("woff");
}
@font-face {
font-family: "SF-Pro-Text-bold";
src: url("../fonts/SF-Pro-Text/SF-Pro-Text-Bold.woff") format("woff");
}
.warning_msg_design {background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0.5rem 1rem; margin-bottom: 1rem; }
.warning_msg_design a{color: #c09853;}
.warning_msg_design a .backgrountext{color: var(--primary);}
.input-password-toggle .icon-eye-slash:before,
.password-group .icon-eye-slash:before{content: "\e269";}
article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section {display: block;}
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) {display: none;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
a:focus {outline: thin dotted var(--gray20); outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
a:hover, a:active {outline: 0;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {max-width: 100%; width: auto \9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
#map_canvas img, .google-maps img, .gm-style img {max-width: none;}
button, input, select, textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button, input {*overflow: visible; line-height: normal;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
label, select, button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {cursor: pointer;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea {overflow: auto; vertical-align: top;}
.primary-color {color: var(--primary);}
.dropdown-toggle::after{background: url('data:image/svg+xml,'); background-size: contain; border:0; background-repeat: no-repeat; width: 20px; height: 20px; margin: 0;}
@media print {
* {text-shadow: none !important; color: var(--black) !important; background: var(--bg-trans) !important; box-shadow: none !important;}
a, a:visited {text-decoration: underline;}
a[href]:after {content: " (" attr(href) ")";}
abbr[title]:after {content: " (" attr(title) ")";}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}
pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
thead {display: table-header-group;}
tr, img {page-break-inside: avoid;}
img {max-width: 100% !important;}
@page {margin: 0.5cm;}
p, h2, h3 {orphans: 3; widows: 3;}
h2, h3 {page-break-after: avoid;}
}
.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table; content: ""; line-height: 0;}
.clearfix:after {clear: both;}
.hide-text {font: 0/0 a; color: var(--bg-trans); text-shadow: none; background-color: var(--bg-trans); border: 0;}
.input-block-level {display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body {margin: 0; font-family: "Inter"; font-feature-settings: 'liga' off; font-weight: 500; font-size: 16px; line-height: 24px; color: var(--Neutral-700); background-color: var(--white);}
a {color: var(--link); text-decoration: none;}
a:hover, a:focus {color: #002b41; text-decoration: underline;}
.img-rounded {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.img-polaroid {padding: 4px; background-color: var(--white); border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.1);}
.img-circle {-webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px;}
.row {margin-left: -20px; *zoom: 1;}
.row:before,
.row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}
[class*="span"] {float: left; min-height: 1px; margin-left: 20px;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {max-width: 1170px;}
.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 220px;}
.span2 {width: 140px;}
.span1 {width: 60px;}
.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9 {margin-left: 740px;}
.offset8 {margin-left: 660px;}
.offset7 {margin-left: 580px;}
.offset6 {margin-left: 500px;}
.offset5 {margin-left: 420px;}
.offset4 {margin-left: 340px;}
.offset3 {margin-left: 260px;}
.offset2 {margin-left: 180px;}
.offset1 {margin-left: 100px;}
.row-fluid {width: 100%; *zoom: 1;}
.row-fluid:before,
.row-fluid:after {display: table; content: ""; line-height: 0;}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 28px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.127659574%;
*margin-left: 2.0744680846383%;
}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.row-fluid .controls-row [class*="span"] + [class*="span"] {margin-left: 2.127659574%;}
.row-fluid .span12 {width: 99.99999999%; *width: 99.946808500638%;}
.row-fluid .span11 {width: 91.489361693%; *width: 91.436170203638%;}
.row-fluid .span10 {width: 82.978723396%; *width: 82.925531906638%;}
.row-fluid .span9 {width: 74.468085099%; *width: 74.414893609638%;}
.row-fluid .span8 {width: 65.957446802%; *width: 65.904255312638%;}
.row-fluid .span7 {width: 57.446808505%; *width: 57.393617015638%;}
.row-fluid .span6 {width: 48.936170208%; *width: 48.882978718638%;}
.row-fluid .span5 {width: 40.425531911%; *width: 40.372340421638%;}
.row-fluid .span4 {width: 31.914893614%; *width: 31.861702124638%;}
.row-fluid .span3 {width: 23.404255317%; *width: 23.351063827638%;}
.row-fluid .span2 {width: 14.89361702%; *width: 14.840425530638%;}
.row-fluid .span1 {width: 6.382978723%; *width: 6.3297872336383%;}
.row-fluid .offset12 {margin-left: 104.255319138%; *margin-left: 104.14893615928%;}
.row-fluid .offset12:first-child {margin-left: 102.127659564%; *margin-left: 102.02127658528%;}
.row-fluid .offset11 {margin-left: 95.744680841%; *margin-left: 95.638297862277%;}
.row-fluid .offset11:first-child {margin-left: 93.617021267%; *margin-left: 93.510638288277%;}
.row-fluid .offset10 {margin-left: 87.234042544%; *margin-left: 87.127659565277%;}
.row-fluid .offset10:first-child {margin-left: 85.10638297%; *margin-left: 84.999999991277%;}
.row-fluid .offset9 {margin-left: 78.723404247%; *margin-left: 78.617021268277%;}
.row-fluid .offset9:first-child {margin-left: 76.595744673%; *margin-left: 76.489361694277%;}
.row-fluid .offset8 {margin-left: 70.21276595%; *margin-left: 70.106382971277%;}
.row-fluid .offset8:first-child {margin-left: 68.085106376%; *margin-left: 67.978723397277%;}
.row-fluid .offset7 {margin-left: 61.702127653%; *margin-left: 61.595744674277%;}
.row-fluid .offset7:first-child {margin-left: 59.574468079%; *margin-left: 59.468085100277%;}
.row-fluid .offset6 {margin-left: 53.191489356%; *margin-left: 53.085106377277%;}
.row-fluid .offset6:first-child {margin-left: 51.063829782%; *margin-left: 50.957446803277%;}
.row-fluid .offset5 {margin-left: 44.680851059%; *margin-left: 44.574468080277%;}
.row-fluid .offset5:first-child {margin-left: 42.553191485%; *margin-left: 42.446808506277%;}
.row-fluid .offset4 {margin-left: 36.170212762%; *margin-left: 36.063829783277%;}
.row-fluid .offset4:first-child {margin-left: 34.042553188%; *margin-left: 33.936170209277%;}
.row-fluid .offset3 {margin-left: 27.659574465%; *margin-left: 27.553191486277%;}
.row-fluid .offset3:first-child {margin-left: 25.531914891%; *margin-left: 25.425531912277%;}
.row-fluid .offset2 {margin-left: 19.148936168%; *margin-left: 19.042553189277%;}
.row-fluid .offset2:first-child {margin-left: 17.021276594%; *margin-left: 16.914893615277%;}
.row-fluid .offset1 {margin-left: 10.638297871%; *margin-left: 10.531914892277%;}
.row-fluid .offset1:first-child {margin-left: 8.510638297%; *margin-left: 8.4042553182766%;}
[class*="span"].hide, .row-fluid [class*="span"].hide {display: none;}
[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {float: right;}
.container {margin-right: auto; margin-left: auto; *zoom: 1;}
.container:before, .container:after {display: table; content: ""; line-height: 0;}
.container:after {clear: both;}
.container-fluid {padding-right: 20px; padding-left: 20px; *zoom: 1;}
.container-fluid:before, .container-fluid:after {display: table; content: ""; line-height: 0;}
.container-fluid:after {clear: both;}
p {margin: 0 0 9px;}
.lead {margin-bottom: 18px; font-size: 19.5px; font-weight: 200; line-height: 27px;}
small {font-size: 85%;}
strong {font-weight: bold;}
em {font-style: italic;}
cite {font-style: normal;}
.muted {color: #999;}
a.muted:hover, a.muted:focus {color: #808080;}
.text-warning {color: #c09853;}
a.text-warning:hover, a.text-warning:focus {color: #a47e3c;}
.text-error {color: #b94a48;}
a.text-error:hover, a.text-error:focus {color: #953b39;}
.text-info {color: #3a87ad;}
a.text-info:hover, a.text-info:focus {color: #2d6987;}
.text-success {color: #468847;}
a.text-success:hover, a.text-success:focus {color: #356635;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
h1, h2, h3, h4, h5, h6 {font-family: var(--font_inter_b); color: inherit; text-rendering: optimizelegibility;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-weight: normal; line-height: 1; color: #999;}
h1 small {font-size: 22.75px;}
h2 small {font-size: 16.25px;}
h3 small {font-size: 13px;}
h4 small {font-size: 13px;}
.page-header {padding-bottom: 8px; margin: 18px 0 27px; border-bottom: 1px solid #eee;}
ul, ol {padding: 0; margin: 0 0 9px 25px;}
ul ul, ul ol,
ol ol, ol ul {margin-bottom: 0;}
li {line-height: 18px;}
ul.unstyled, ol.unstyled {margin-left: 0; list-style: none;}
ul.inline, ol.inline {margin-left: 0; list-style: none;}
ul.inline > li,
ol.inline > li {display: inline-block; *display: inline; *zoom: 1; padding-left: 5px; padding-right: 5px;}
dl {margin-bottom: 18px;}
dt, dd {line-height: 18px;}
dt {font-weight: bold;}
dd {margin-left: 9px;}
.dl-horizontal {*zoom: 1;}
.dl-horizontal:before,
.dl-horizontal:after {display: table; content: ""; line-height: 0;}
.dl-horizontal:after {clear: both;}
.dl-horizontal dt {float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dl-horizontal dd {margin-left: 180px;}
hr {margin: 18px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid var(--white);}
abbr[title],
abbr[data-original-title] {cursor: help; border-bottom: 1px dotted #999;}
abbr.initialism {font-size: 90%; text-transform: uppercase;}
blockquote {padding: 0 0 0 15px; margin: 0 0 18px; border-left: 5px solid #eee;}
blockquote p {margin-bottom: 0; font-size: 16.25px; font-weight: 300; line-height: 1.25;}
blockquote small {display: block; line-height: 18px; color: #999;}
blockquote small:before {content: '\2014 \00A0';}
blockquote.pull-right {float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0;}
blockquote.pull-right p,
blockquote.pull-right small {text-align: right;}
blockquote.pull-right small:before {content: '';}
blockquote.pull-right small:after {content: '\00A0 \2014';}
q:before,
q:after,
blockquote:before,
blockquote:after {content: "";}
address {display: block; margin-bottom: 18px; font-style: normal; line-height: 18px;}
code, pre {padding: 0 3px 2px; font-family: var(--font_inter), monospace; font-size: 11px; color: var(--gray20); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
code {padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap;}
pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
font-size: 12px;
line-height: 18px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
pre.prettyprint {margin-bottom: 18px;}
pre code {padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: var(--bg-trans); border: 0;}
.pre-scrollable {max-height: 340px; overflow-y: scroll;}
form {margin: 0 0 18px;}
fieldset {padding: 0; margin: 0; border: 0;}
legend {display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: var(--gray20); border: 0; border-bottom: 1px solid #e5e5e5;}
legend small {font-size: 13.5px; color: #999;}
label, input, button, select, textarea {font-size: 13px; font-weight: normal; line-height: 18px;}
input, button, select, textarea {font-family: var(--font_inter);}
label {display: block; margin-bottom: 5px;}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {display: inline-block; height: 18px; padding: 4px 6px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; vertical-align: middle;}
input, textarea, .uneditable-input {width: 206px;}
textarea {height: auto;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {background-color: var(--white); border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s;}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
input[type="radio"],
input[type="checkbox"] {margin: 4px 0 0; *margin-top: 0; margin-top: 1px \9; line-height: normal;}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {width: auto;}
select, input[type="file"] {height: 28px; *margin-top: 4px; line-height: 28px;}
select {width: 220px; border: 1px solid #ccc; background-color: var(--white);}
select[multiple], select[size] {height: auto;}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {outline: thin dotted var(--gray20); outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.uneditable-input,
.uneditable-textarea {color: #999; background-color: #fcfcfc; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025); box-shadow: inset 0 1px 2px rgba(0,0,0,0.025); cursor: not-allowed;}
.uneditable-input {overflow: hidden; white-space: nowrap;}
.uneditable-textarea {width: auto; height: auto;}
input:-moz-placeholder,
textarea:-moz-placeholder {color: #999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999;}
.radio, .checkbox {min-height: 18px; padding-left: 20px;}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {float: left; margin-left: -20px;}
.controls > .radio:first-child,
.controls > .checkbox:first-child {padding-top: 5px;}
.radio.inline,
.checkbox.inline {display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle;}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {margin-left: 10px;}
.input-mini {width: 60px;}
.input-small {width: 90px;}
.input-medium {width: 150px;}
.input-large {width: 210px;}
.input-xlarge {width: 270px;}
.input-xxlarge {width: 530px;}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {float: none; margin-left: 0;}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {display: inline-block;}
input, textarea, .uneditable-input {margin-left: 0;}
.controls-row [class*="span"] + [class*="span"] {margin-left: 20px;}
input.span12, textarea.span12, .uneditable-input.span12 {width: 926px;}
input.span11, textarea.span11, .uneditable-input.span11 {width: 846px;}
input.span10, textarea.span10, .uneditable-input.span10 {width: 766px;}
input.span9, textarea.span9, .uneditable-input.span9 {width: 686px;}
input.span8, textarea.span8, .uneditable-input.span8 {width: 606px;}
input.span7, textarea.span7, .uneditable-input.span7 {width: 526px;}
input.span6, textarea.span6, .uneditable-input.span6 {width: 446px;}
input.span5, textarea.span5, .uneditable-input.span5 {width: 366px;}
input.span4, textarea.span4, .uneditable-input.span4 {width: 286px;}
input.span3, textarea.span3, .uneditable-input.span3 {width: 206px;}
input.span2, textarea.span2, .uneditable-input.span2 {width: 126px;}
input.span1, textarea.span1, .uneditable-input.span1 {width: 46px;}
.controls-row {*zoom: 1;}
.controls-row:before, .controls-row:after {display: table; content: ""; line-height: 0;}
.controls-row:after {clear: both;}
.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] {float: left;}
.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {padding-top: 5px;}
input[disabled], select[disabled], textarea[disabled],
input[readonly], select[readonly], textarea[readonly] {cursor: not-allowed; background-color: #eee;}
input[type="radio"][disabled], input[type="checkbox"][disabled],
input[type="radio"][readonly], input[type="checkbox"][readonly] {background-color: var(--bg-trans);}
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {color: #c09853;}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {color: #c09853;}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e;}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {color: #c09853; background-color: #fcf8e3; border-color: #c09853;}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {color: #b94a48;}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {color: #b94a48;}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392;}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {color: #b94a48; background-color: #f2dede; border-color: #b94a48;}
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {color: #468847;}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {color: #468847;}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b;}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {color: #468847; background-color: #dff0d8; border-color: #468847;}
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {color: #3a87ad;}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {color: #3a87ad;}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7ab5d3;}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad;}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {color: #b94a48; border-color: #ee5f5b;}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7;}
.form-actions {padding: 17px 20px 18px; margin-top: 18px; margin-bottom: 18px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1;}
.form-actions:before,
.form-actions:after {display: table; content: ""; line-height: 0;}
.form-actions:after {clear: both;}
.help-block, .help-inline {color: #595959;}
.help-block {display: block; margin-bottom: 9px;}
.help-inline {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px;}
.input-append,
.input-prepend {display: inline-block; margin-bottom: 9px; vertical-align: middle; font-size: 0; white-space: nowrap;}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-append .popover,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu,
.input-prepend .popover {font-size: 13px;}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.input-append input:focus,
.input-append select:focus,
.input-append .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus,
.input-prepend .uneditable-input:focus {z-index: 2;}
.input-append .add-on,
.input-prepend .add-on {display: inline-block; width: auto; height: 18px; min-width: 16px; padding: 4px 5px; font-size: 13px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 var(--white); background-color: #eee; border: 1px solid #ccc;}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .add-on,
.input-prepend .btn,
.input-prepend .btn-group > .dropdown-toggle {vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.input-prepend .add-on, .input-prepend .btn {margin-right: -1px;}
.input-prepend .add-on:first-child, .input-prepend .btn:first-child {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.input-append input, .input-append select, .input-append .uneditable-input {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.input-append .add-on, .input-append .btn, .input-append .btn-group {margin-left: -1px;}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {margin-right: -1px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;}
.input-prepend.input-append .btn-group:first-child {margin-left: 0;}
input.search-query {padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.form-search .input-append .search-query {-webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;}
.form-search .input-append .btn {-webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;}
.form-search .input-prepend .search-query {-webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0;}
.form-search .input-prepend .btn {-webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px;}
.js-stools-field-filter .input-prepend, .js-stools-field-filter .input-append {margin-bottom: 0;}
.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; vertical-align: middle;}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {display: none;}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {display: inline-block;}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {margin-bottom: 0;}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {padding-left: 0; margin-bottom: 0; vertical-align: middle;}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {float: left; margin-right: 3px; margin-left: 0;}
.control-group {margin-bottom: 9px;}
legend + .control-group {margin-top: 18px; -webkit-margin-top-collapse: separate;}
.form-horizontal .control-group {margin-bottom: 18px; *zoom: 1;}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {display: table; content: ""; line-height: 0;}
.form-horizontal .control-group:after {clear: both;}
.form-horizontal .control-label {float: left; width: 160px; padding-top: 5px; text-align: right;}
.form-horizontal .controls {*display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0;}
.form-horizontal .controls:first-child {*padding-left: 180px;}
.form-horizontal .help-block {margin-bottom: 0;}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {margin-top: 9px;}
.form-horizontal .form-actions {padding-left: 180px;}
.control-label .hasPopover, .control-label .hasTooltip {display: inline-block;}
.subform-repeatable-wrapper .btn-group>.btn.button {min-width: 0;}
.subform-repeatable-wrapper .ui-sortable-helper {background: var(--white);}
.subform-repeatable-wrapper tr.ui-sortable-helper {display: table;}
@media (min-width: 980px) and (max-width: 1215px) {
.float-cols .control-label {float: none;}
.float-cols .controls {margin-left: 0;}
}
table {max-width: 100%; background-color: var(--bg-trans); border-collapse: collapse; border-spacing: 0;}
.table {width: 100%; margin-bottom: 18px;}
.table th, .table td {padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px solid #ddd;}
.table th {font-weight: bold;}
.table thead th {vertical-align: bottom;}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {border-top: 0;}
.table tbody + tbody {border-top: 2px solid #ddd;}
.table .table {background-color: var(--white);}
.table-condensed th, .table-condensed td {padding: 4px 5px;}
.table-bordered {border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.table-bordered th, .table-bordered td {border-left: 1px solid #ddd;}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {border-top: 0;}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px;}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {-webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0;}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {-webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {-webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px;}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {background-color: #f5f5f5;}
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {display: table-cell; float: none; margin-left: 0;}
.table td.span1, .table th.span1 {float: none; width: 44px; margin-left: 0;}
.table td.span2, .table th.span2 {float: none; width: 124px; margin-left: 0;}
.table td.span3, .table th.span3 {float: none; width: 204px; margin-left: 0;}
.table td.span4, .table th.span4 {float: none; width: 284px; margin-left: 0;}
.table td.span5, .table th.span5 {float: none; width: 364px; margin-left: 0;}
.table td.span6, .table th.span6 {float: none; width: 444px; margin-left: 0;}
.table td.span7, .table th.span7 {float: none; width: 524px; margin-left: 0;}
.table td.span8, .table th.span8 {float: none; width: 604px; margin-left: 0;}
.table td.span9, .table th.span9 {float: none; width: 684px; margin-left: 0;}
.table td.span10, .table th.span10 {float: none; width: 764px; margin-left: 0;}
.table td.span11, .table th.span11 {float: none; width: 844px; margin-left: 0;}
.table td.span12, .table th.span12 {float: none; width: 924px; margin-left: 0;}
.table tbody tr.success > td {background-color: #dff0d8;}
.table tbody tr.error > td {background-color: #f2dede;}
.table tbody tr.warning > td {background-color: #fcf8e3;}
.table tbody tr.info > td {background-color: #d9edf7;}
.table-hover tbody tr.success:hover > td {background-color: #d0e9c6;}
.table-hover tbody tr.error:hover > td {background-color: #ebcccc;}
.table-hover tbody tr.warning:hover > td {background-color: #faf2cc;}
.table-hover tbody tr.info:hover > td {background-color: #c4e3f3;}
.table-noheader {border-collapse: collapse;}
.table-noheader thead {display: none;}
.dropup, .dropdown {position: relative;}
.dropdown-toggle {*margin-bottom: -3px;}
.dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}
.caret {display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid var(--black); border-right: 4px solid var(--bg-trans); border-left: 4px solid var(--bg-trans); content: "";}
.dropdown .caret {margin-top: 8px; margin-left: 2px;}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: var(--white);
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.dropdown-menu.pull-right {right: 0; left: auto;}
.dropdown-menu .divider {*width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid var(--white);}
.dropdown-menu .menuitem-group {
margin: 4px 1px;
overflow: hidden;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background-color: #eee;
color: #555;
text-transform: capitalize;
font-size: 95%;
padding: 3px 20px;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 18px;
color: var(--gray20);
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
text-decoration: none;
color: var(--white);
background-color: #005783;
background-image: -moz-linear-gradient(top,#005e8d,#004d74);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#005e8d),to(#004d74));
background-image: -webkit-linear-gradient(top,#005e8d,#004d74);
background-image: -o-linear-gradient(top,#005e8d,#004d74);
background-image: linear-gradient(to bottom,#005e8d,#004d74);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: var(--gray20);
text-decoration: none;
outline: 0;
background-color: #005783;
background-image: -moz-linear-gradient(top,#005e8d,#004d74);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#005e8d),to(#004d74));
background-image: -webkit-linear-gradient(top,#005e8d,#004d74);
background-image: -o-linear-gradient(top,#005e8d,#004d74);
background-image: linear-gradient(to bottom,#005e8d,#004d74);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {color: #999;}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {text-decoration: none; cursor: default; background-color: var(--bg-trans); background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.open {*z-index: 1000;}
.open > .dropdown-menu {display: block;}
.dropdown-backdrop {position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;}
.pull-right > .dropdown-menu {right: 0; left: auto;}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {border-top: 0; border-bottom: 4px solid var(--black); content: "";}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {top: auto; bottom: 100%; margin-bottom: 1px;}
.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropup .dropdown-submenu > .dropdown-menu {top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0;}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: var(--bg-trans);
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {border-left-color: var(--white);}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left > .dropdown-menu {left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
.dropdown .dropdown-menu .nav-header {padding-left: 20px; padding-right: 20px;}
.typeahead {z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well blockquote {border-color: #ddd; border-color: rgba(0,0,0,0.15);}
.well-large {padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.well-small {padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.fade {opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.fade.in {opacity: 1;}
.collapse {position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease;}
.collapse.in {height: auto;}
.close {float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: var(--black); text-shadow: 0 1px 0 var(--white); opacity: 0.2; filter: alpha(opacity=20);}
.close:hover, .close:focus {color: var(--black); text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);}
button.close {padding: 3; cursor: pointer; background: var(--bg-trans); border: 0; -webkit-appearance: none;}
.alert-options {float: right; line-height: 18px; color: var(--black); text-shadow: 0 1px 0 var(--white); opacity: 0.2; filter: alpha(opacity=20);}
.alert-options:hover, .alert-options:focus {color: var(--black); text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);}
.btn {
display: inline-block;
padding: 8px 12px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: var(--Neutral-800);
font-family: var(--font_inter_b);
background-color: #f5f5f5;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
*margin-left: .3em;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {color: var(--gray20); background-color: #e6e6e6; *background-color: #d9d9d9;}
.btn:active, .btn.active {background-color: #cccccc \9;}
.btn:first-child {*margin-left: 0;}
.btn:hover,
.btn:focus {color: var(--gray20); text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear;}
.btn:focus {outline: thin dotted var(--gray20); outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
.btn.active,
.btn:active {background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,
.btn[disabled] {cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn-large {padding: 11px 19px; font-size: 16.25px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {margin-top: 4px;}
.btn-small {padding: 2px 10px; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {margin-top: 0;}
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {margin-top: -1px;}
.btn-mini {padding: 0 6px; font-size: 9.75px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.btn-block {display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-block + .btn-block {margin-top: 5px;}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {width: 100%;}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {color: rgba(255,255,255,0.75);}
.btn-primary {color: var(--white) !important; background-color: var(--primary); border-color: var(--primary);}
.btn-primary1 {background: var(--primary-10); border-radius: 4px; border: none; color: var(--primary);}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {color: var(--white); background-color: var(--btn-hover); border-color: var(--btn-hover);}
.btn-primary1:hover,
.btn-primary1:focus,
.btn-primary1:active,
.btn-primary1.active{background: var(--primary); color: var(--white);}
.btn-primary:active,
.btn-primary.active {background-color: #001e5a \9;}
.btn-warning {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #faa732;
background-image: -moz-linear-gradient(top,#fbb450,#f89406);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
background-image: -o-linear-gradient(top,#fbb450,#f89406);
background-image: linear-gradient(to bottom,#fbb450,#f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
*background-color: #f89406;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {color: var(--white); background-color: #f89406; *background-color: #df8505;}
.btn-warning:active,
.btn-warning.active {background-color: #c67605 \9;}
.btn-danger {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
border-color: #bd362f #bd362f #802420;
*background-color: #bd362f;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {color: var(--white); background-color: #bd362f; *background-color: #a9302a;}
.btn-danger:active,
.btn-danger.active {background-color: #942a25 \9;}
.btn-success {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top,#62c462,#51a351);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
background-image: -webkit-linear-gradient(top,#62c462,#51a351);
background-image: -o-linear-gradient(top,#62c462,#51a351);
background-image: linear-gradient(to bottom,#62c462,#51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
border-color: #51a351 #51a351 #387038;
*background-color: #51a351;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {color: var(--white); background-color: #51a351; *background-color: #499249;}
.btn-success:active,
.btn-success.active {background-color: #408140 \9;}
.btn-info {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #49afcd;
background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
*background-color: #2f96b4;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {color: var(--white); background-color: #2f96b4; *background-color: #2a85a0;}
.btn-info:active,
.btn-info.active {background-color: #24748c \9;}
.btn-inverse {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #363636;
background-image: -moz-linear-gradient(top,#444,#222);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
background-image: -webkit-linear-gradient(top,#444,#222);
background-image: -o-linear-gradient(top,#444,#222);
background-image: linear-gradient(to bottom,#444,#222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
border-color: #222 #222 var(--black);
*background-color: #222;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {color: var(--white); background-color: #222; *background-color: #151515;}
.btn-inverse:active,
.btn-inverse.active {background-color: #090909 \9;}
button.btn,
input[type="submit"].btn {*padding-top: 3px; *padding-bottom: 3px;}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {padding: 0; border: 0;}
button.btn.btn-large,
input[type="submit"].btn.btn-large {*padding-top: 7px; *padding-bottom: 7px;}
button.btn.btn-small,
input[type="submit"].btn.btn-small {*padding-top: 3px; *padding-bottom: 3px;}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {*padding-top: 1px; *padding-bottom: 1px;}
.btn-link,
.btn-link:active,
.btn-link[disabled] {background-color: var(--bg-trans); background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.btn-link {border-color: var(--bg-trans); cursor: pointer; color: var(--primary); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: none;}
.btn-link:hover,
.btn-link:focus {color: #002b41; text-decoration: underline; background-color: var(--bg-trans);}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {color: var(--gray20); text-decoration: none;}
.btn-group {position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em;}
.btn-group:first-child {*margin-left: 0;}
.btn-group + .btn-group {margin-left: 5px;}
.btn-toolbar {font-size: 0; margin-top: 9px; margin-bottom: 9px;}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {margin-left: 5px;}
.btn-group > .btn {position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn-group > .btn + .btn {margin-left: -1px;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {font-size: 13px;}
.btn-group > .btn-mini {font-size: 9.75px;}
.btn-group > .btn-small {font-size: 12px;}
.btn-group > .btn-large {font-size: 16.25px;}
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {z-index: 2;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-toggle {padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px;}
.btn-group > .btn-small + .dropdown-toggle {*padding-top: 5px; *padding-bottom: 4px;}
.btn-group > .btn-large + .dropdown-toggle {padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px;}
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn-group.open .btn.dropdown-toggle {background-color: #e6e6e6;}
.btn-group.open .btn-primary.dropdown-toggle {background-color: var(--btn-hover);}
.btn-group.open .btn-warning.dropdown-toggle {background-color: #f89406;}
.btn-group.open .btn-danger.dropdown-toggle {background-color: #bd362f;}
.btn-group.open .btn-success.dropdown-toggle {background-color: #51a351;}
.btn-group.open .btn-info.dropdown-toggle {background-color: #2f96b4;}
.btn-group.open .btn-inverse.dropdown-toggle {background-color: #222;}
.btn .caret {margin-top: 8px; margin-left: 0;}
.btn-large .caret {margin-top: 6px;}
.btn-large .caret {border-left-width: 5px; border-right-width: 5px; border-top-width: 5px;}
.btn-mini .caret, .btn-small .caret {margin-top: 8px;}
.dropup .btn-large .caret {border-bottom-width: 5px;}
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {border-top-color: var(--white); border-bottom-color: var(--white);}
.btn-group-vertical {display: inline-block; *display: inline; *zoom: 1;}
.btn-group-vertical > .btn {display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn-group-vertical > .btn + .btn {margin-left: 0; margin-top: -1px;}
.btn-group-vertical > .btn:first-child {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.btn-group-vertical > .btn:last-child {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.btn-group-vertical > .btn-large:first-child {-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;}
.btn-group-vertical > .btn-large:last-child {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.alert {padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.alert, .alert h4 {color: #c09853;}
.alert h4 {margin: 0 0 .5em;}
.alert .close {position: relative; top: -2px; right: -21px; line-height: 18px; cursor: pointer;}
.alert-success {background-color: #dff0d8; border-color: #d6e9c6; color: #468847;}
.alert-success h4 {color: #468847;}
.alert-danger, .alert-error {background-color: #f2dede; border-color: #eed3d7; color: #b94a48;}
.alert-danger h4, .alert-error h4 {color: #b94a48;}
.alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-info h4 {color: #3a87ad;}
.alert-block {padding-top: 14px; padding-bottom: 14px;}
.alert-block > p, .alert-block > ul {margin-bottom: 0;}
.alert-block p + p {margin-top: 5px;}
.nav {margin-left: 0; margin-bottom: 18px; list-style: none; }
.nav > li > a {display: block;}
.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none; /*background-color: #eee;*/}
.nav > li > a > img {max-width: none;}
.nav > .pull-right {float: right;}
.nav-header {display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 18px; color: #999; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-transform: uppercase;}
.nav li + .nav-header {margin-top: 9px;}
.nav-list {padding-left: 15px; padding-right: 15px; margin-bottom: 0;}
.nav-list > li > a, .nav-list .nav-header {margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
.nav-list > li > a {padding: 3px 15px;}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {color: var(--white); text-shadow: 0 -1px 0 rgba(0,0,0,0.2); background-color: var(--link);}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {margin-right: 2px;}
.nav-list .divider {*width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid var(--white);}
.nav-tabs, .nav-pills {*zoom: 1;}
.nav-tabs:before,
.nav-tabs:after,
.nav-pills:before,
.nav-pills:after {display: table; content: ""; line-height: 0;}
.nav-tabs:after, .nav-pills:after {clear: both;}
.nav-tabs > li, .nav-pills > li {float: left;}
.nav-tabs > li > a,
.nav-pills > li > a {padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px;}
.nav-tabs {border-bottom: 1px solid #ddd;}
.nav-tabs > li {margin-bottom: -1px;}
.nav-tabs > li > a {padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid var(--bg-trans); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {border-color: #eee #eee #ddd;}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {color: #555; background-color: var(--white); border: 1px solid #ddd; border-bottom-color: var(--bg-trans); cursor: default;}
.nav-pills > li > a {padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {color: var(--white); background-color: var(--link);}
.nav-stacked > li {float: none;}
.nav-stacked > li > a {margin-right: 0;}
.nav-tabs.nav-stacked {border-bottom: 0;}
.nav-tabs.nav-stacked > li > a {border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {border-color: #ddd; z-index: 2;}
.nav-pills.nav-stacked > li > a {margin-bottom: 3px;}
.nav-pills.nav-stacked > li:last-child > a {margin-bottom: 1px;}
.nav-tabs .dropdown-menu {-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
.nav-pills .dropdown-menu {-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.nav .dropdown-toggle .caret {border-top-color: var(--link); border-bottom-color: var(--link); margin-top: 6px;}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {border-top-color: #002b41; border-bottom-color: #002b41;}
.nav-tabs .dropdown-toggle .caret {margin-top: 8px;}
.nav .active .dropdown-toggle .caret {border-top-color: var(--white); border-bottom-color: var(--white);}
.nav-tabs .active .dropdown-toggle .caret {border-top-color: #555; border-bottom-color: #555;}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {cursor: pointer;}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {color: var(--white); background-color: #999; border-color: #999;}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {border-top-color: var(--white); border-bottom-color: var(--white); opacity: 1; filter: alpha(opacity=100);}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {border-color: #999;}
.tabbable {*zoom: 1;}
.tabbable:before,
.tabbable:after {display: table; content: ""; line-height: 0;}
.tabbable:after {clear: both;}
.tab-content {overflow: auto;}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {border-bottom: 0;}
.tab-content > .tab-pane,
.pill-content > .pill-pane {display: none;}
.tab-content > .active,
.pill-content > .active {display: block;}
.tabs-below > .nav-tabs {border-top: 1px solid #ddd;}
.tabs-below > .nav-tabs > li {margin-top: -1px; margin-bottom: 0;}
.tabs-below > .nav-tabs > li > a {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {border-bottom-color: var(--bg-trans); border-top-color: #ddd;}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {border-color: transparent #ddd #ddd #ddd;}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {float: none;}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {min-width: 74px; margin-right: 0; margin-bottom: 3px;}
.tabs-left > .nav-tabs {float: left; margin-right: 19px; border-right: 1px solid #ddd;}
.tabs-left > .nav-tabs > li > a {margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {border-color: #eee #ddd #eee #eee;}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {border-color: #ddd transparent #ddd #ddd; *border-right-color: var(--white);}
.tabs-right > .nav-tabs {float: right; margin-left: 19px; border-left: 1px solid #ddd;}
.tabs-right > .nav-tabs > li > a {margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {border-color: #eee #eee #eee #ddd;}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {border-color: #ddd #ddd #ddd var(--bg-trans); *border-left-color: var(--white);}
.nav > .disabled > a {color: #999;}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {text-decoration: none; background-color: var(--bg-trans); cursor: default;}
.navbar {overflow: visible; margin-bottom: 18px; *position: relative; *z-index: 2;}
.navbar-inner {
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
box-shadow: 0 1px 4px rgba(0,0,0,0.065);
*zoom: 1;
}
.navbar-inner:before, .navbar-inner:after {display: table; content: ""; line-height: 0;}
.navbar-inner:after {clear: both;}
.navbar .container {width: auto;}
.nav-collapse.collapse {height: auto; overflow: visible;}
.navbar .brand {float: left; display: block; padding: 11px 20px 11px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #555; text-shadow: 0 1px 0 var(--white);}
.navbar .brand:hover,
.navbar .brand:focus {text-decoration: none; }
.navbar-text {margin-bottom: 0; line-height: 40px; color: #555;}
.navbar-link {color: #555; } .navbar-link:hover, .navbar-link:focus {color: var(--gray20);}
.navbar .divider-vertical {height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid var(--white);}
.navbar .btn, .navbar .btn-group {margin-top: 5px;}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn,
.navbar .input-prepend .btn-group,
.navbar .input-append .btn-group {margin-top: 0; }
.navbar-form {margin-bottom: 0; *zoom: 1;}
.navbar-form:before,
.navbar-form:after {display: table; content: ""; line-height: 0;}
.navbar-form:after {clear: both;}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {margin-top: 5px;}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {display: inline-block; margin-bottom: 0;}
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {margin-top: 3px;}
.navbar-form .input-append,
.navbar-form .input-prepend {margin-top: 5px; white-space: nowrap;}
.navbar-form .input-append input,
.navbar-form .input-prepend input {margin-top: 0;}
.navbar-search {position: relative; float: left; margin-top: 5px; margin-bottom: 0; }
.navbar-search .search-query {margin-bottom: 0; padding: 4px 14px; font-family: var(--font_inter); font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.navbar-static-top {position: static; margin-bottom: 0; }
.navbar-static-top .navbar-inner {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.navbar-fixed-top,
.navbar-fixed-bottom {position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {border-width: 0 0 1px; }
.navbar-fixed-bottom .navbar-inner {border-width: 1px 0 0; }
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 940px; }
.navbar-fixed-top {top: 0; }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); }
.navbar-fixed-bottom {bottom: 0; }
.navbar-fixed-bottom .navbar-inner {-webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); }
.navbar .nav {position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; }
.navbar .nav.pull-right {float: right; margin-right: 0; }
.navbar .nav > li {float: left; }
.navbar .nav > li > a {float: none; padding: 11px 15px 11px; color: #555; text-decoration: none; text-shadow: 0 1px 0 var(--white); }
.navbar .nav .dropdown-toggle .caret {margin-top: 8px; }
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {background-color: var(--bg-trans); color: var(--gray20); text-decoration: none; }
.navbar .nav > li > a:focus {outline: 2px solid #5e9ed6; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #555;
text-decoration: none;
background-color: #e6e6e6;
-webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}
.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #ededed;
background-image: -moz-linear-gradient(top,#f2f2f2,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#f2f2f2,#e6e6e6);
background-image: -o-linear-gradient(top,#f2f2f2,#e6e6e6);
background-image: linear-gradient(to bottom,#f2f2f2,#e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
*background-color: #e6e6e6;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {color: var(--white); background-color: #e6e6e6; *background-color: #d9d9d9;}
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {background-color: #cccccc \9;}
.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}
.navbar .nav > li > .dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid var(--bg-trans);
border-right: 7px solid var(--bg-trans);
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0,0,0,0.2);
position: absolute;
top: -7px;
left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid var(--bg-trans);
border-right: 6px solid var(--bg-trans);
border-bottom: 6px solid var(--white);
position: absolute;
top: -6px;
left: 10px;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {border-top: 7px solid #ccc; border-top-color: rgba(0,0,0,0.2); border-bottom: 0; bottom: -7px; top: auto;}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {border-top: 6px solid var(--white); border-bottom: 0; bottom: -6px; top: auto;}
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {border-top-color: var(--gray20); border-bottom-color: var(--gray20);}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: #e6e6e6; color: #555;}
.navbar .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #555; border-bottom-color: #555;}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {border-top-color: #555; border-bottom-color: #555;}
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {left: auto; right: 0;}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {left: auto; right: 12px;}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {left: auto; right: 13px;}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;}
.navbar-inverse .navbar-inner {
background-color: #1b1b1b;
background-image: -moz-linear-gradient(top,#222222,#111111);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#222222),to(#111111));
background-image: -webkit-linear-gradient(top,#222222,#111111);
background-image: -o-linear-gradient(top,#222222,#111111);
background-image: linear-gradient(to bottom,#222222,#111111);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {color: #999; text-shadow: 0 -1px 0 rgba(0,0,0,0.25);}
.navbar-inverse .brand:hover,
.navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {color: var(--white);}
.navbar-inverse .brand {color: #999;}
.navbar-inverse .navbar-text {color: #999;}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {background-color: var(--bg-trans); color: var(--white);}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {color: var(--white); background-color: #111111;}
.navbar-inverse .navbar-link {color: #999;}
.navbar-inverse .navbar-link:hover,
.navbar-inverse .navbar-link:focus {color: var(--white);}
.navbar-inverse .divider-vertical {border-left-color: #111111; border-right-color: #222222;}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {background-color: #111111; color: var(--white);}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {border-top-color: var(--white); border-bottom-color: var(--white);}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {border-top-color: #999; border-bottom-color: #999;}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {border-top-color: var(--white); border-bottom-color: var(--white);}
.navbar-inverse .navbar-search .search-query {
color: var(--white);
background-color: #515151;
border-color: #111111;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {color: #ccc;}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {color: #ccc;}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {color: #ccc;}
.navbar-inverse .navbar-search .search-query:focus,
.navbar-inverse .navbar-search .search-query.focused {
padding: 5px 15px;
color: var(--gray20);
text-shadow: 0 1px 0 var(--white);
background-color: var(--white);
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);
-moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
box-shadow: 0 0 3px rgba(0,0,0,0.15);
outline: 0;
}
.navbar-inverse .btn-navbar {
color: var(--white);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #0e0e0e;
background-image: -moz-linear-gradient(top,#151515,#040404);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
background-image: -webkit-linear-gradient(top,#151515,#040404);
background-image: -o-linear-gradient(top,#151515,#040404);
background-image: linear-gradient(to bottom,#151515,#040404);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
border-color: #040404 #040404 var(--black);
*background-color: #040404;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar[disabled] {color: var(--white); background-color: #040404; *background-color: var(--black);}
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar.active {background-color: #000000 \9;}
.breadcrumb {padding: 8px 15px; margin: 0 0 18px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.breadcrumb > li {display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 var(--white);}
.breadcrumb > li > .divider {padding: 0 5px; color: #ccc;}
.breadcrumb > .active {color: #999;}
.pagination {margin: 18px 0;}
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {float: left; padding: 4px 12px; line-height: 18px; text-decoration: none; background-color: var(--white); border: 1px solid #ddd; border-left-width: 0;}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {background-color: #f5f5f5;}
.pagination ul > .active > a,
.pagination ul > .active > span {color: #999; cursor: default;}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {color: #999; background-color: var(--bg-trans); cursor: default;}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}
.pagination-large ul > li > a,
.pagination-large ul > li > span {padding: 11px 19px; font-size: 16.25px;}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {padding: 2px 10px; font-size: 12px; }
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {padding: 0 6px; font-size: 9.75px; }
.pager {margin: 18px 0; list-style: none; text-align: center; *zoom: 1; }
.pager:before,
.pager:after {display: table; content: ""; line-height: 0; }
.pager:after {clear: both; }
.pager li {display: inline; }
.pager li > a,
.pager li > span {display: inline-block; padding: 5px 14px; background-color: var(--white); border: 1px solid #ddd; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {text-decoration: none; background-color: #f5f5f5; }
.pager .next > a,
.pager .next > span {float: right; }
.pager .previous > a,
.pager .previous > span {float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {color: #999; background-color: var(--white); cursor: default; }
.modal-backdrop {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: var(--black); }
.modal-backdrop.fade {opacity: 0; }
.modal-backdrop,
.modal-backdrop.fade.in {opacity: 0.8; filter: alpha(opacity=80); }
.modal-header {padding: 9px 15px; border-bottom: 1px solid #eee; }
.modal-header .close {margin-top: 2px; }
.modal-header h3 {margin: 0; line-height: 30px; }
.modal-body {width: 98%; position: relative; max-height: 400px; padding: 1%; }
.modal-body iframe {width: 100%; max-height: none; border: 0 !important; }
.modal-form {margin-bottom: 0; }
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 var(--white);
-moz-box-shadow: inset 0 1px 0 var(--white);
box-shadow: inset 0 1px 0 var(--white);
*zoom: 1;
}
.modal-footer:before,
.modal-footer:after {display: table; content: ""; line-height: 0; }
.modal-footer:after {clear: both; }
.modal-footer .btn + .btn {margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {margin-left: -1px; }
.modal-footer .btn-block + .btn-block {margin-left: 0; }
.tooltip {position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity: 0.8; filter: alpha(opacity=80);}
.tooltip.top {margin-top: -3px; padding: 5px 0;}
.tooltip.right {margin-left: 3px; padding: 0 5px;}
.tooltip.bottom {margin-top: 3px; padding: 5px 0;}
.tooltip.left {margin-left: -3px; padding: 0 5px;}
.tooltip-inner {
max-width: 200px;
padding: 8px;
color: var(--white);
text-align: center;
text-decoration: none;
background-color: var(--black);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: var(--bg-trans); border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: var(--black);}
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: var(--black);}
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: var(--black);}
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: var(--black);}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: var(--white);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
white-space: normal;
}
.popover.top {margin-top: -10px; }
.popover.right {margin-left: 10px; }
.popover.bottom {margin-top: 10px; }
.popover.left {margin-left: -10px; }
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.popover-title:empty {display: none; }
.popover-content {padding: 9px 14px; }
.popover .arrow,
.popover .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: var(--bg-trans); border-style: solid; }
.popover .arrow {border-width: 11px; }
.popover .arrow:after {border-width: 10px; content: ""; }
.popover.top .arrow {left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px; }
.popover.top .arrow:after {bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: var(--white); }
.popover.right .arrow {top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25); }
.popover.right .arrow:after {left: 1px; bottom: -10px; border-left-width: 0; border-right-color: var(--white); }
.popover.bottom .arrow {left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px; }
.popover.bottom .arrow:after {top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: var(--white); }
.popover.left .arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25); }
.popover.left .arrow:after {right: 1px; border-right-width: 0; border-left-color: var(--white); bottom: -10px; }
.thumbnails {margin-left: -20px; list-style: none; *zoom: 1; }
.thumbnails:before,
.thumbnails:after {display: table; content: ""; line-height: 0; }
.thumbnails:after {clear: both; }
.row-fluid .thumbnails {margin-left: 0; }
.thumbnails > li {float: left; margin-bottom: 18px; margin-left: 20px; }
.thumbnail {
display: block;
padding: 4px;
line-height: 18px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
box-shadow: 0 1px 3px rgba(0,0,0,0.055);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a.thumbnail:hover,
a.thumbnail:focus {border-color: var(--link); -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); }
.thumbnail > img {display: block; max-width: 100%; margin-left: auto; margin-right: auto; }
.thumbnail .caption {padding: 9px; color: #555; }
.label, .badge {
display: inline-block;
padding: 2px 4px;
font-size: 10.998px;
font-weight: bold;
line-height: 14px;
color: var(--white);
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #999;
}
.label {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.badge {padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.label:empty, .badge:empty {display: none; }
a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {color: var(--white); text-decoration: none; cursor: pointer; }
.label-important, .badge-important {background-color: #b94a48; }
.label-important[href], .badge-important[href] {background-color: #953b39; }
.label-warning, .badge-warning {background-color: #f89406; }
.label-warning[href], .badge-warning[href] {background-color: #c67605; }
.label-success, .badge-success {background-color: #468847; }
.label-success[href], .badge-success[href] {background-color: #356635; }
.label-info, .badge-info {background-color: #3a87ad; }
.label-info[href], .badge-info[href] {background-color: #2d6987; }
.label-inverse, .badge-inverse {background-color: var(--gray20); }
.label-inverse[href], .badge-inverse[href] {background-color: #1a1a1a; }
.btn .label, .btn .badge {position: relative; top: -1px; }
.btn-mini .label, .btn-mini .badge {top: 0; }
@-webkit-keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
@-moz-keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
@-ms-keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
@-o-keyframes progress-bar-stripes {
from {background-position: 0 0;}
to {background-position: 40px 0;}
}
@keyframes progress-bar-stripes {
from {background-position: 40px 0;}
to {background-position: 0 0;}
}
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.progress .bar {
width: 0%;
height: 100%;
color: var(--white);
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top,#149bdf,#0480be);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
background-image: -o-linear-gradient(top,#149bdf,#0480be);
background-image: linear-gradient(to bottom,#149bdf,#0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width .6s ease;
-moz-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);
}
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-danger .bar,
.progress .bar-danger {
background-color: #dd514c;
background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-success .bar,
.progress .bar-success {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top,#62c462,#57a957);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
background-image: -webkit-linear-gradient(top,#62c462,#57a957);
background-image: -o-linear-gradient(top,#62c462,#57a957);
background-image: linear-gradient(to bottom,#62c462,#57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.progress-success.progress-striped .bar,
.progress-striped .bar-success {
background-color: #62c462;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-info .bar,
.progress .bar-info {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
background-color: #5bc0de;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-warning .bar,
.progress .bar-warning {
background-color: #faa732;
background-image: -moz-linear-gradient(top,#fbb450,#f89406);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
background-image: -o-linear-gradient(top,#fbb450,#f89406);
background-image: linear-gradient(to bottom,#fbb450,#f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
}
.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
background-color: #fbb450;
background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.accordion {margin-bottom: 18px; }
.accordion-group {margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.accordion-heading {border-bottom: 0; }
.accordion-heading .accordion-toggle {display: block; padding: 8px 15px; }
.accordion-toggle {cursor: pointer; }
.accordion-inner {padding: 9px 15px; border-top: 1px solid #e5e5e5; }
.carousel {position: relative; margin-bottom: 18px; line-height: 1; }
.carousel-inner {overflow: hidden; width: 100%; position: relative; }
.carousel-inner > .item {display: none; position: relative; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {display: block; line-height: 1; }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {display: block; }
.carousel-inner > .active {left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {position: absolute; top: 0; width: 100%; }
.carousel-inner > .next {left: 100%; }
.carousel-inner > .prev {left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {left: 0; }
.carousel-inner > .active.left {left: -100%; }
.carousel-inner > .active.right {left: 100%; }
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: var(--white);
text-align: center;
background: #222;
border: 3px solid var(--white);
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.carousel-control.right {left: auto; right: 15px; }
.carousel-control:hover,
.carousel-control:focus {color: var(--white); text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-indicators {position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none; }
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255,255,255,0.25);
border-radius: 5px;
}
.carousel-indicators .active {background-color: var(--white); }
.carousel-caption {position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: var(--gray20); background: rgba(0,0,0,0.75); }
.carousel-caption h4, .carousel-caption p {color: var(--white); line-height: 18px; }
.carousel-caption h4 {margin: 0 0 5px; }
.carousel-caption p {margin-bottom: 0; }
.hero-unit {
padding: 60px;
margin-bottom: 30px;
font-size: 18px;
font-weight: 200;
line-height: 27px;
color: inherit;
background-color: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.hero-unit h1 {margin-bottom: 0; font-size: 60px; line-height: 1; color: inherit; letter-spacing: -1px;}
.hero-unit li {line-height: 27px;}
.pull-right {float: right; }
.pull-left {float: left; }
.hide {display: none; }
.show {display: block; }
.invisible {visibility: hidden; }
.affix {position: fixed; }
@-ms-viewport {width: device-width; }
.hidden {display: none; visibility: hidden; }
.visible-phone {display: none !important; }
.visible-tablet {display: none !important; }
.hidden-desktop {display: none !important; }
.visible-desktop {display: inherit !important; }
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {display: inherit !important;}
.visible-desktop {display: none !important;}
.visible-tablet {display: inherit !important;}
.hidden-tablet {display: none !important;}
}
@media (max-width: 767px) {
.hidden-desktop {display: inherit !important;}
.visible-desktop {display: none !important;}
.visible-phone {display: inherit !important;}
.hidden-phone {display: none !important;}
}
.visible-print {display: none !important;}
@media print {
.visible-print {display: inherit !important;}
.hidden-print {display: none !important;}
}
@media (max-width: 767px) {
/*body {padding-left: 20px; padding-right: 20px;}*/
.header .container {display: flex; align-items: center; padding-left: 0; padding-right: 0;}
.header .header-inner.row {align-items: center; flex: 1;}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top {margin-left: -20px; margin-right: -20px;}
.container-fluid {padding: 0;}
.dl-horizontal dt {float: none; clear: none; width: auto; text-align: left;}
.dl-horizontal dd {margin-left: 0;}
.dropdown-menu .menuitem-group {background-color: #10223e; color: #eee;}
.container {width: auto;}
.row-fluid {width: 100%;}
.row,
.thumbnails {margin-left: 0; margin-right: 0;}
.thumbnails > li {float: none; margin-left: 0;}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"] {float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.span12,
.row-fluid .span12 {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-fluid [class*="offset"]:first-child {margin-left: 0;}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input {display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"] {display: inline-block;}
.controls-row [class*="span"] + [class*="span"] {margin-left: 0;}
}
@media (max-width: 480px) {
.nav-collapse {-webkit-transform: translate3d(0,0,0);}
.page-header h1 small {display: block; line-height: 18px;}
input[type="checkbox"],
input[type="radio"] {border: 1px solid #ccc;}
.form-horizontal .control-label {float: none; width: auto; padding-top: 0; text-align: left;}
.form-horizontal .controls {margin-left: 0;}
.form-horizontal .control-list {padding-top: 0;}
.form-horizontal .form-actions {padding-left: 10px; padding-right: 10px;}
.tag-category input#filter-search,
.newsfeed-category input#filter-search {width: auto; margin-bottom: 9px;}
.category-list input#filter-search {width: auto;}
.media .pull-left,
.media .pull-right {float: none; display: block; margin-bottom: 10px;}
.media-object {margin-right: 0; margin-left: 0;}
.modal-header .close {padding: 10px; margin: -10px;}
.carousel-caption {position: static;}
}
@media (min-width: 768px) and (max-width: 979px) {
.row {margin-left: -20px; *zoom: 1;}
.row:before,
.row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}
[class*="span"] {float: left; min-height: 1px; margin-left: 20px;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {width: 724px;}
.span12 {width: 724px;}
.span11 {width: 662px;}
.span10 {width: 600px;}
.span9 {width: 538px;}
.span8 {width: 476px;}
.span7 {width: 414px;}
.span6 {width: 352px;}
.span5 {width: 290px;}
.span4 {width: 228px;}
.span3 {width: 166px;}
.span2 {width: 104px;}
.span1 {width: 42px;}
.offset12 {margin-left: 764px;}
.offset11 {margin-left: 702px;}
.offset10 {margin-left: 640px;}
.offset9 {margin-left: 578px;}
.offset8 {margin-left: 516px;}
.offset7 {margin-left: 454px;}
.offset6 {margin-left: 392px;}
.offset5 {margin-left: 330px;}
.offset4 {margin-left: 268px;}
.offset3 {margin-left: 206px;}
.offset2 {margin-left: 144px;}
.offset1 {margin-left: 82px;}
.row-fluid {width: 100%; *zoom: 1;}
.row-fluid:before,
.row-fluid:after {display: table; content: ""; line-height: 0;}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] {display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 2.0744680846383%;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.row-fluid .controls-row [class*="span"] + [class*="span"] {margin-left: 2.127659574%;}
.row-fluid .span12 {width: 99.99999999%; *width: 99.946808500638%;}
.row-fluid .span11 {width: 91.489361693%; *width: 91.436170203638%;}
.row-fluid .span10 {width: 82.978723396%; *width: 82.925531906638%;}
.row-fluid .span9 {width: 74.468085099%; *width: 74.414893609638%;}
.row-fluid .span8 {width: 65.957446802%; *width: 65.904255312638%;}
.row-fluid .span7 {width: 57.446808505%; *width: 57.393617015638%;}
.row-fluid .span6 {width: 48.936170208%; *width: 48.882978718638%;}
.row-fluid .span5 {width: 40.425531911%; *width: 40.372340421638%;}
.row-fluid .span4 {width: 31.914893614%; *width: 31.861702124638%;}
.row-fluid .span3 {width: 23.404255317%; *width: 23.351063827638%;}
.row-fluid .span2 {width: 14.89361702%; *width: 14.840425530638%;}
.row-fluid .span1 {width: 6.382978723%; *width: 6.3297872336383%;}
.row-fluid .offset12 {margin-left: 104.255319138%; *margin-left: 104.14893615928%;}
.row-fluid .offset12:first-child {margin-left: 102.127659564%; *margin-left: 102.02127658528%;}
.row-fluid .offset11 {margin-left: 95.744680841%; *margin-left: 95.638297862277%;}
.row-fluid .offset11:first-child {margin-left: 93.617021267%; *margin-left: 93.510638288277%;}
.row-fluid .offset10 {margin-left: 87.234042544%; *margin-left: 87.127659565277%;}
.row-fluid .offset10:first-child {margin-left: 85.10638297%; *margin-left: 84.999999991277%;}
.row-fluid .offset9 {margin-left: 78.723404247%; *margin-left: 78.617021268277%;}
.row-fluid .offset9:first-child {margin-left: 76.595744673%; *margin-left: 76.489361694277%;}
.row-fluid .offset8 {margin-left: 70.21276595%; *margin-left: 70.106382971277%;}
.row-fluid .offset8:first-child {margin-left: 68.085106376%; *margin-left: 67.978723397277%;}
.row-fluid .offset7 {margin-left: 61.702127653%; *margin-left: 61.595744674277%;}
.row-fluid .offset7:first-child {margin-left: 59.574468079%; *margin-left: 59.468085100277%;}
.row-fluid .offset6 {margin-left: 53.191489356%; *margin-left: 53.085106377277%;}
.row-fluid .offset6:first-child {margin-left: 51.063829782%; *margin-left: 50.957446803277%;}
.row-fluid .offset5 {margin-left: 44.680851059%; *margin-left: 44.574468080277%;}
.row-fluid .offset5:first-child {margin-left: 42.553191485%; *margin-left: 42.446808506277%;}
.row-fluid .offset4 {margin-left: 36.170212762%; *margin-left: 36.063829783277%;}
.row-fluid .offset4:first-child {margin-left: 34.042553188%; *margin-left: 33.936170209277%;}
.row-fluid .offset3 {margin-left: 27.659574465%; *margin-left: 27.553191486277%;}
.row-fluid .offset3:first-child {margin-left: 25.531914891%; *margin-left: 25.425531912277%;}
.row-fluid .offset2 {margin-left: 19.148936168%; *margin-left: 19.042553189277%;}
.row-fluid .offset2:first-child {margin-left: 17.021276594%; *margin-left: 16.914893615277%;}
.row-fluid .offset1 {margin-left: 10.638297871%; *margin-left: 10.531914892277%;}
.row-fluid .offset1:first-child {margin-left: 8.510638297%; *margin-left: 8.4042553182766%;}
input, textarea, .uneditable-input {margin-left: 0;}
.controls-row [class*="span"] + [class*="span"] {margin-left: 20px;}
input.span12, textarea.span12, .uneditable-input.span12 {width: 710px;}
input.span11, textarea.span11, .uneditable-input.span11 {width: 648px;}
input.span10, textarea.span10, .uneditable-input.span10 {width: 586px;}
input.span9, textarea.span9, .uneditable-input.span9 {width: 524px;}
input.span8, textarea.span8, .uneditable-input.span8 {width: 462px;}
input.span7, textarea.span7, .uneditable-input.span7 {width: 400px;}
input.span6, textarea.span6, .uneditable-input.span6 {width: 338px;}
input.span5, textarea.span5, .uneditable-input.span5 {width: 276px;}
input.span4, textarea.span4, .uneditable-input.span4 {width: 214px;}
input.span3, textarea.span3, .uneditable-input.span3 {width: 152px;}
input.span2, textarea.span2, .uneditable-input.span2 {width: 90px;}
input.span1, textarea.span1, .uneditable-input.span1 {width: 28px;}
}
@media (min-width: 1200px) {
.row {margin-left: -20px; *zoom: 1;}
.row:before,
.row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}
[class*="span"] {float: left; min-height: 1px; margin-left: 20px;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {max-width: 1170px;}
.span12 {width: 940px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 620px;}
.span7 {width: 540px;}
.span6 {width: 460px;}
.span5 {width: 380px;}
.span4 {width: 300px;}
.span3 {width: 220px;}
.span2 {width: 140px;}
.span1 {width: 60px;}
.offset12 {margin-left: 980px;}
.offset11 {margin-left: 900px;}
.offset10 {margin-left: 820px;}
.offset9 {margin-left: 740px;}
.offset8 {margin-left: 660px;}
.offset7 {margin-left: 580px;}
.offset6 {margin-left: 500px;}
.offset5 {margin-left: 420px;}
.offset4 {margin-left: 340px;}
.offset3 {margin-left: 260px;}
.offset2 {margin-left: 180px;}
.offset1 {margin-left: 100px;}
.row-fluid {width: 100%; *zoom: 1;}
.row-fluid:before, .row-fluid:after {display: table; content: ""; line-height: 0;}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] {display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574%; *margin-left: 2.0744680846383%;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.row-fluid .controls-row [class*="span"] + [class*="span"] {margin-left: 2.127659574%;}
.row-fluid .span12 {width: 99.99999999%; *width: 99.946808500638%;}
.row-fluid .span11 {width: 91.489361693%; *width: 91.436170203638%;}
.row-fluid .span10 {width: 82.978723396%; *width: 82.925531906638%;}
.row-fluid .span9 {width: 74.468085099%; *width: 74.414893609638%;}
.row-fluid .span8 {width: 65.957446802%; *width: 65.904255312638%;}
.row-fluid .span7 {width: 57.446808505%; *width: 57.393617015638%;}
.row-fluid .span6 {width: 48.936170208%; *width: 48.882978718638%;}
.row-fluid .span5 {width: 40.425531911%; *width: 40.372340421638%;}
.row-fluid .span4 {width: 31.914893614%; *width: 31.861702124638%;}
.row-fluid .span3 {width: 23.404255317%; *width: 23.351063827638%;}
.row-fluid .span2 {width: 14.89361702%; *width: 14.840425530638%;}
.row-fluid .span1 {width: 6.382978723%; *width: 6.3297872336383%;}
.row-fluid .offset12 {margin-left: 104.255319138%; *margin-left: 104.14893615928%;}
.row-fluid .offset12:first-child {margin-left: 102.127659564%; *margin-left: 102.02127658528%;}
.row-fluid .offset11 {margin-left: 95.744680841%; *margin-left: 95.638297862277%;}
.row-fluid .offset11:first-child {margin-left: 93.617021267%; *margin-left: 93.510638288277%;}
.row-fluid .offset10 {margin-left: 87.234042544%; *margin-left: 87.127659565277%;}
.row-fluid .offset10:first-child {margin-left: 85.10638297%; *margin-left: 84.999999991277%;}
.row-fluid .offset9 {margin-left: 78.723404247%; *margin-left: 78.617021268277%;}
.row-fluid .offset9:first-child {margin-left: 76.595744673%; *margin-left: 76.489361694277%;}
.row-fluid .offset8 {margin-left: 70.21276595%; *margin-left: 70.106382971277%;}
.row-fluid .offset8:first-child {margin-left: 68.085106376%; *margin-left: 67.978723397277%;}
.row-fluid .offset7 {margin-left: 61.702127653%; *margin-left: 61.595744674277%;}
.row-fluid .offset7:first-child {margin-left: 59.574468079%; *margin-left: 59.468085100277%;}
.row-fluid .offset6 {margin-left: 53.191489356%; *margin-left: 53.085106377277%;}
.row-fluid .offset6:first-child {margin-left: 51.063829782%; *margin-left: 50.957446803277%;}
.row-fluid .offset5 {margin-left: 44.680851059%; *margin-left: 44.574468080277%;}
.row-fluid .offset5:first-child {margin-left: 42.553191485%; *margin-left: 42.446808506277%;}
.row-fluid .offset4 {margin-left: 36.170212762%; *margin-left: 36.063829783277%;}
.row-fluid .offset4:first-child {margin-left: 34.042553188%; *margin-left: 33.936170209277%;}
.row-fluid .offset3 {margin-left: 27.659574465%; *margin-left: 27.553191486277%;}
.row-fluid .offset3:first-child {margin-left: 25.531914891%; *margin-left: 25.425531912277%;}
.row-fluid .offset2 {margin-left: 19.148936168%; *margin-left: 19.042553189277%;}
.row-fluid .offset2:first-child {margin-left: 17.021276594%; *margin-left: 16.914893615277%;}
.row-fluid .offset1 {margin-left: 10.638297871%; *margin-left: 10.531914892277%;}
.row-fluid .offset1:first-child {margin-left: 8.510638297%; *margin-left: 8.4042553182766%;}
input, textarea, .uneditable-input {margin-left: 0; }
.controls-row [class*="span"] + [class*="span"] {margin-left: 20px;}
input.span12, textarea.span12, .uneditable-input.span12 {width: 926px;}
input.span11, textarea.span11, .uneditable-input.span11 {width: 846px;}
input.span10, textarea.span10, .uneditable-input.span10 {width: 766px;}
input.span9, textarea.span9, .uneditable-input.span9 {width: 686px;}
input.span8, textarea.span8, .uneditable-input.span8 {width: 606px;}
input.span7, textarea.span7, .uneditable-input.span7 {width: 526px;}
input.span6, textarea.span6, .uneditable-input.span6 {width: 446px;}
input.span5, textarea.span5, .uneditable-input.span5 {width: 366px;}
input.span4, textarea.span4, .uneditable-input.span4 {width: 286px;}
input.span3, textarea.span3, .uneditable-input.span3 {width: 206px;}
input.span2, textarea.span2, .uneditable-input.span2 {width: 126px;}
input.span1, textarea.span1, .uneditable-input.span1 {width: 46px;}
.thumbnails {margin-left: -20px;}
.thumbnails > li {margin-left: 20px;}
.row-fluid .thumbnails {margin-left: 0;}
}
@media (min-width: 1440px) {
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container,
.sppb-row-container {max-width: 1216px;}
}
@media (max-width: 979px) {
body {padding-top: 0;}
.navbar-fixed-top, .navbar-fixed-bottom {position: static;}
.navbar-fixed-top {margin-bottom: 18px;}
.navbar-fixed-bottom {margin-top: 18px;}
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {padding: 5px;}
.navbar .container {width: auto; padding: 0;}
.navbar .brand {padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px;}
.nav-collapse {clear: both;}
.nav-collapse .nav {float: none; margin: 0 0 9px;}
.nav-collapse .nav > li {float: none;}
.nav-collapse .nav > li > a {margin-bottom: 2px;}
.nav-collapse .nav > .divider-vertical {display: none;}
.nav-collapse .nav .nav-header {color: #555; text-shadow: none;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {padding: 9px 15px; font-weight: bold; color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.nav-collapse .btn {padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {background-color: #f2f2f2;}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {color: #999;}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus {background-color: #111111;}
.nav-collapse.in .btn-group {margin-top: 5px; padding: 0;}
.nav-collapse .dropdown-menu {position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: var(--bg-trans); border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.nav-collapse .open > .dropdown-menu {display: block;}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {display: none;}
.nav-collapse .dropdown-menu .divider {display: none;}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {display: none;}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {float: none; padding: 9px 15px; margin: 9px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {border-top-color: #111111; border-bottom-color: #111111;}
.navbar .nav-collapse .nav.pull-right {float: none; margin-left: 0;}
.nav-collapse,
.nav-collapse.collapse {overflow: hidden; height: 0;}
.navbar .btn-navbar {display: block;}
.navbar-static .navbar-inner {padding-left: 10px; padding-right: 10px;}
}
@media (min-width: 980px) {
.nav-collapse.collapse {height: auto !important; overflow: visible !important;}
}
.small {font-size: 11px; }
iframe, svg {max-width: 100%; }
.nowrap {white-space: nowrap; }
.center, .table td.center, .table th.center {text-align: center; }
a.disabled, a.disabled:hover {color: #999999; background-color: var(--bg-trans); cursor: default; text-decoration: none; }
.hero-unit {text-align: center; }
.hero-unit .lead {margin-bottom: 18px; font-size: 20px; font-weight: 200; line-height: 27px; }
.btn .caret {margin-bottom: 7px; }
.btn.btn-micro .caret {margin: 5px 0; }
.blog-row-rule, .blog-item-rule {border: 0; }
body.modal {padding-top: 0; }
.row-even, .row-odd {padding: 5px; width: 99%; border-bottom: 1px solid #ddd; }
.row-odd {background-color: var(--bg-trans); }
.row-even {background-color: #f9f9f9; }
.blog-row-rule, .blog-item-rule {border: 0; }
.row-fluid .row-reveal {visibility: hidden; }
.row-fluid:hover .row-reveal {visibility: visible; }
.btn-wide {width: 80%; }
.nav-list > li.offset > a {padding-left: 30px; font-size: 12px; }
.blog-row-rule, .blog-item-rule {border: 0; }
.row-fluid .offset1 {margin-left: 8.382978723%; }
.row-fluid .offset2 {margin-left: 16.89361702%; }
.row-fluid .offset3 {margin-left: 25.404255317%; }
.row-fluid .offset4 {margin-left: 33.914893614%; }
.row-fluid .offset5 {margin-left: 42.425531911%; }
.row-fluid .offset6 {margin-left: 50.93617020799999%; }
.row-fluid .offset7 {margin-left: 59.446808505%; }
.row-fluid .offset8 {margin-left: 67.95744680199999%; }
.row-fluid .offset9 {margin-left: 76.468085099%; }
.row-fluid .offset10 {margin-left: 84.97872339599999%; }
.row-fluid .offset11 {margin-left: 91.489361693%; }
.navbar .nav > li > a.btn {padding: 4px 10px; line-height: 18px;}
.nav-tabs.nav-dark {border-bottom: 1px solid var(--gray20); text-shadow: 1px 1px 1px var(--black);}
.nav-tabs.nav-dark > li > a {color: #F8F8F8;}
.nav-tabs.nav-dark > li > a:hover {border-color: #333 #333 #111; background-color: #777777;}
.nav-tabs.nav-dark > .active > a,
.nav-tabs.nav-dark > .active > a:hover {color: var(--white); background-color: #555555; border: 1px solid #222; border-bottom-color: var(--bg-trans);}
.thumbnail.pull-left {margin: 0 10px 10px 0;}
.thumbnail.pull-right {margin: 0 0 10px 10px;}
.width-10 {width: 10px; }
.width-20 {width: 20px; }
.width-30 {width: 30px; }
.width-40 {width: 40px; }
.width-50 {width: 50px; }
.width-60 {width: 60px; }
.width-70 {width: 70px; }
.width-80 {width: 80px; }
.width-90 {width: 90px; }
.width-100 {width: 100px; }
.height-10 {height: 10px; }
.height-20 {height: 20px; }
.height-30 {height: 30px; }
.height-40 {height: 40px; }
.height-50 {height: 50px; }
.height-60 {height: 60px; }
.height-70 {height: 70px; }
.height-80 {height: 80px; }
.height-90 {height: 90px; }
.height-100 {height: 100px; }
hr.hr-condensed {margin: 10px 0;}
.list-striped,
.row-striped {list-style: none; line-height: 18px; text-align: left; vertical-align: middle; border-top: 1px solid #ddd; margin-left: 0;}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid {border-bottom: 1px solid #ddd; padding: 8px;}
.list-striped li:nth-child(odd),
.list-striped dd:nth-child(odd),
.row-striped .row:nth-child(odd),
.row-striped .row-fluid:nth-child(odd) {background-color: #f9f9f9;}
.list-striped li:hover,
.list-striped dd:hover,
.row-striped .row:hover,
.row-striped .row-fluid:hover {background-color: #f5f5f5;}
.row-striped .row-fluid {width: 100%; box-sizing: border-box;}
.row-striped .row-fluid [class*="span"] {min-height: 10px; }
.row-striped .row-fluid [class*="span"] {margin-left: 8px; }
.row-striped .row-fluid [class*="span"]:first-child {margin-left: 0; }
.list-condensed li {padding: 4px 5px; }
.row-condensed .row,
.row-condensed .row-fluid {padding: 4px 5px; }
.list-bordered,
.row-bordered {list-style: none; line-height: 18px; text-align: left; vertical-align: middle; margin-left: 0; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.radio.btn-group input[type=radio] {display: none;}
.radio.btn-group > label {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radio.btn-group > label:first-of-type {
margin-left: 0;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
fieldset.radio.btn-group {padding-left: 0; }
.iframe-bordered {border: 1px solid #ddd; }
.tab-content {overflow: visible; }
.tabs-left .tab-content {overflow: auto; }
.nav-tabs > li > span {
display: block;
margin-right: 2px;
padding-right: 12px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
line-height: 18px;
border: 1px solid var(--bg-trans);
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.btn-micro {padding: 1px 4px; font-size: 10px; line-height: 8px; }
.btn-group > .btn-micro {font-size: 10px; }
.tip-wrap {
max-width: 200px;
padding: 3px 8px;
color: var(--white);
text-align: center;
text-decoration: none;
background-color: var(--black);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 100;
}
.page-header {margin: 2px 0px 10px 0px; padding-bottom: 5px; }
.input-prepend > .add-on, .input-append > .add-on {vertical-align: top; }
.input-prepend .chzn-container-single .chzn-single {-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.input-prepend .chzn-container-single .chzn-single-with-drop {-webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }
.input-append .chzn-container-single .chzn-single {-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.input-append .chzn-container-single .chzn-single-with-drop {-webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
.input-prepend.input-append .chzn-container-single .chzn-single,
.input-prepend.input-append .chzn-container-single .chzn-single-with-drop {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.element-invisible {position: absolute; padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.element-invisible:focus {width: auto; height: auto; overflow: auto; background: #eee; color: var(--black); padding: 1em; }
.form-vertical .control-label {float: none; width: auto; padding-right: 0; padding-top: 0; text-align: left; }
.form-vertical .controls {margin-left: 0; }
.width-auto {width: auto; }
.btn-group .chzn-results {white-space: normal; }
.accordion-body.in:hover {overflow: visible; }
/*
.invalid {color: #9d261d; font-weight: bold;}
input.invalid {border: 1px solid #9d261d; background: #f2dede;}
*/
select.chzn-done.invalid + .chzn-container.chzn-container-single > a.chzn-single,
select.chzn-done.invalid + .chzn-container.chzn-container-multi > ul.chzn-choices {border-color: #9d261d; color: #9d261d;}
.tooltip {max-width: 400px;}
.tooltip-inner {max-width: none; text-align: left; text-shadow: none;}
th .tooltip-inner {font-weight: normal;}
.tooltip.hasimage {opacity: 1;}
.tip-text {text-align: left;}
.btn-group > .btn + .dropdown-backdrop + .btn {margin-left: -1px;}
.btn-group > .btn + .dropdown-backdrop + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
*padding-top: 5px;
*padding-bottom: 5px;
}
.btn-group > .btn-mini + .dropdown-backdrop + .dropdown-toggle {padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px;}
.btn-group > .btn-small + .dropdown-backdrop + .dropdown-toggle {*padding-top: 5px; *padding-bottom: 4px;}
.btn-group > .btn-large + .dropdown-backdrop + .dropdown-toggle {padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px;}
.dropdown-menu {text-align: left;}
.alert-link {font-weight: bold;}
.alert .alert-link {color: #a47e3c;}
.alert-success .alert-link {color: #356635;}
.alert-danger .alert-link,
.alert-error .alert-link {color: #953b39;}
.alert-info .alert-link {color: #2d6987;}
div.modal {
position: fixed;
top: 5%;
left: 50%;
z-index: 1050;
width: 80%;
margin-left: -40%;
background-color: var(--white);
border: 1px solid #999;
border: 1px solid rgba(0,0,0,0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
box-shadow: 0 3px 7px rgba(0,0,0,0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
div.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
div.modal.fade.in {top: 5%;}
.modal-batch {overflow-y: visible;}
.modal-body[class^="jviewport-height"],
.modal-body[class*="jviewport-height"] {max-height: none;}
.jviewport-height10 {height: 10vh;}
.jviewport-height20 {height: 20vh;}
.jviewport-height30 {height: 30vh;}
.jviewport-height40 {height: 40vh;}
.jviewport-height50 {height: 50vh;}
.jviewport-height60 {height: 60vh;}
.jviewport-height70 {height: 70vh;}
.jviewport-height80 {height: 80vh;}
.jviewport-height90 {height: 90vh;}
.jviewport-height100 {height: 100vh;}
div.modal.jviewport-width10 {width: 10vw; margin-left: -5vw;}
div.modal.jviewport-width20 {width: 20vw; margin-left: -10vw;}
div.modal.jviewport-width30 {width: 30vw; margin-left: -15vw;}
div.modal.jviewport-width40 {width: 40vw; margin-left: -20vw;}
div.modal.jviewport-width50 {width: 50vw; margin-left: -25vw;}
div.modal.jviewport-width60 {width: 60vw; margin-left: -30vw;}
div.modal.jviewport-width70 {width: 70vw; margin-left: -35vw;}
div.modal.jviewport-width80 {width: 80vw; margin-left: -40vw;}
div.modal.jviewport-width90 {width: 90vw; margin-left: -45vw;}
div.modal.jviewport-width100 {width: 100vw; margin-left: -50vw;}
.cust_mod_btn_group {display: flex; align-items: center; gap: 0.5rem;}
a.btn.btn_notification {box-shadow: none; border-radius: 48px; border: 1px solid var(--bg-trans); width: 40px; height: 40px; padding: 6px; display: flex; align-items: center; justify-content: center; position: relative;}
a.btn.btn_notification.active,
a.btn.btn_notification:hover,
a.btn.btn_notification:focus{border: 1px solid var(--primary); background: var(--white); transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s;}
a.btn.btn_notification.unread_notification:before {content: ""; display: block; width: 8px; height: 8px; background: red; border-radius: 100%; position: absolute; top: 4px; right: 8px;}
.notificationa-panel {position: absolute; top: calc(100% + 15px); right: -15px; max-width: 350px; min-width: 350px; width: 100%;border-radius: 6px; background: #FFF; box-shadow: 0px 0px 10px 2px rgba(0, 30, 0, 0.15);}
.notificationa-panel .notification_list {margin: 0; list-style: none; padding: 0;}
.notificationa-panel .notification_list .notification_list_item {border-bottom: 1px solid #D5E0D5; padding: 15px 15px 15px 15px;}
.notificationa-panel .notification_list .notification_list_item:last-child {border-bottom: 0;}
.notificationa-panel .notification_list .notification_list_item .notification_link {display: grid; grid-template-columns: 24px auto; gap: 14px;}
.notificationa-panel .notification_list .notification_list_item .notification_link .noti_desc{color: #001E00; font-family: var(--font_inter); font-size: 13.016px; font-style: normal; font-weight: 400; line-height: 21.42px; letter-spacing: 0.4px;}
.view-notifications .page-header-group {border: 0;}
.notifications_grid {display: grid; grid-template-columns: 24px auto 24px; gap: 1rem; border-top: 1px solid #D5E0D5; padding-bottom: 30px; padding-top: 20px;}
.notifications_grid .notifications_title {color: #001E00; font-family: var(--font_helvetica); font-size: 14.625px; font-style: normal; font-weight: 500; line-height: 22.86px; letter-spacing: 0.32px;}
.notifications_grid .notifications_date {color: #BECCBE; font-family: var(--font_helvetica); font-size: 14.25px; font-style: normal; font-weight: 500; line-height: 22.86px; letter-spacing: 0.32px;}
.notifications_grid .btn_notifications_close {margin: 0; padding: 0; border: 0; background: no-repeat; color: var(--primary);}
.load-more a#load-more-link {
border-radius: 100px;
border: 1px solid #D5E0D5;
background: transparent;
color: var(--primary);
text-align: center;
font-family: Helvetica;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
display: flex;
max-width: 200px;
padding: 8px 12px;
align-items: center;
justify-content: center;
margin: 0 auto;
text-decoration: none;
}
.load-more a#load-more-link:hover,
.load-more a#load-more-link:focus{border: 1px solid var(--primary); transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.10s, border-bottom-color 0.15s linear 0.20s;}
.view-supportlists .page-header-group {border: 0; border-bottom: 1px solid var(--Neutral-200);}
.support_blog {display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 50px 0;}
.support_blog .support_title {color: #000; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%;}
.support-blog-list {margin: 15px 0;}
.support-blog-list table {width: 100%;}
.support-blog-list table th {color: #001E00; font-family: var(--font_inter); font-size: 15.625px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: 0.32px;}
.support-blog-list table td {color: var(--Neutral-800, #1F2937); font-family: var(--font_inter); font-size: 14.875px; font-style: normal; font-weight: 500; line-height: 22px; letter-spacing: 0.32px;}
.support-blog-list table td a{color: var(--primary, #1947E5); font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; text-decoration-line: underline;}
.support-blog-list table thead tr th, .support-blog-list table tbody tr td {padding: 15px;}
.support-blog-list table tbody tr:nth-child(even) {background: #F3F6FE;}
.iconic_icon {border-radius: 2500px; background: rgba(25, 71, 229, 0.10); display: flex; padding: 5px; justify-content: center; align-items: center; gap: 25px; width: 60px; height: 60px; align-content: center; margin: 0 auto;}
.support_modal_title{color: var(--black); text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.support_modal_desc {color: var(--Neutral-600); text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: normal;}
button#SubmitSupport {margin: 0 auto; text-align: center; display: block;}
.paymenyt_grid_row {display: grid; grid-template-columns: 3fr 1fr; gap: 1rem; padding: 1rem 0;}
.paymenyt_grid_cell {border-radius: 12px; border: 1px solid var(--Neutral-100); display: flex; width: 100%; padding: 12px 19px; flex-direction: column; align-items: flex-start; gap: 10px;}
.paymenyt_right_cell {display: flex; flex-direction: column; align-items: flex-end; gap: 1rem;}
.paymenyt_sub_grid_cell {width: 100%; display: flex; align-items: flex-start; gap: 1rem; justify-content: flex-start;}
.paymenyt_sub_grid_cell label {color: var(--Neutral-800); font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 500; line-height: 19px; margin: 0;}
.paymenyt_sub_grid_cell span{color: var(--Neutral-500); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 500; line-height: 19px; letter-spacing: 0.308px;}
.custom_payment_chat_row {display: grid; grid-template-columns: 50px auto; gap: 1rem; margin-bottom: 1rem;}
.pay_chat_name {color: var(--Neutrals-1000); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%;}
.pay_chat_date {margin: 4px 0 8px 0; color: var(--Neutral-60); text-align: left; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.pay_chat_value {border: 1px solid var(--Neutral-20); background: var(--Neutrals-0); padding: 12px 16px; color: var(--Neutral-80); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%;}
.pay_attachment_file {font-size: 14px; border: 1px solid var(--Neutral-20); border-top: 0; padding: 0.5rem 1rem;}
/* NEW HOMEPAGE CHANGES START */
.HomePage h2{font-feature-settings: 'liga' off; font-family: var(--font_gotham_b); letter-spacing: -1.2px;}
.cust_mod_whyuse p {font-family: var(--font_inter); color: rgb(0 0 0 / 60%); font-size: 20px; line-height: 30px;}
/* NEW HOMEPAGE CHANGES CLOSE */
@media (max-width: 767px) {
div.modal {position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0;}
div.modal.fade {top: -100px;}
div.modal.fade.in {top: 20px;}
div.modal[class*="jviewport-width"] {width: auto; margin: 0;}
.paymenyt_grid_row{grid-template-columns: 1fr;}
.support-blog-list {overflow: auto;}
}
@media (max-width: 480px) {
div.modal {top: 10px; left: 10px; right: 10px;}
}
@media (min-width: 768px) and (max-width: 1024px) {
.paymenyt_grid_row{gap: 0.5rem;}
.custom_payment_chat_row{gap: 0.5rem;}
.paymenyt_right_cell{gap: 0.5rem;}
.paymenyt_grid_cell{padding: 8px 12px; gap: 5px;}
.paymenyt_sub_grid_cell{gap: 0.5rem; flex-direction: column;}
}
@font-face {
font-family: 'IcoMoon';
src: url('../../../media/jui/fonts/IcoMoon.eot');
src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]:before {font-family: 'IcoMoon'; content: attr(data-icon); speak: none;}
[class^="icon-"],
[class*=" icon-"] {display: inline-block; width: 14px; height: 14px; margin-right: .25em; line-height: 14px;}
[class^="icon-"]:before,
[class*=" icon-"]:before {font-family: 'IcoMoon'; font-style: normal; speak: none;}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {font-weight: normal;}
.icon-joomla:before {content: "\e200"; }
.icon-chevron-up:before,
.icon-uparrow:before,
.icon-arrow-up:before {content: "\e005"; }
.icon-chevron-right:before,
.icon-rightarrow:before,
.icon-arrow-right:before {content: "\e006"; }
.icon-chevron-down:before,
.icon-downarrow:before,
.icon-arrow-down:before {content: "\e007"; }
.icon-chevron-left:before,
.icon-leftarrow:before,
.icon-arrow-left:before {content: "\e008"; }
.icon-arrow-first:before {content: "\e003"; }
.icon-arrow-last:before {content: "\e004"; }
.icon-arrow-up-2:before {content: "\e009"; }
.icon-arrow-right-2:before {content: "\e00a"; }
.icon-arrow-down-2:before {content: "\e00b"; }
.icon-arrow-left-2:before {content: "\e00c"; }
.icon-arrow-up-3:before {content: "\e00f"; }
.icon-arrow-right-3:before {content: "\e010"; }
.icon-arrow-down-3:before {content: "\e011"; }
.icon-arrow-left-3:before {content: "\e012"; }
.icon-menu-2:before {content: "\e00e"; }
.icon-arrow-up-4:before {content: "\e201"; }
.icon-arrow-right-4:before {content: "\e202"; }
.icon-arrow-down-4:before {content: "\e203"; }
.icon-arrow-left-4:before {content: "\e204"; }
.icon-share:before,
.icon-redo:before {content: "\27"; }
.icon-undo:before {content: "\28"; }
.icon-forward-2:before {content: "\e205"; }
.icon-backward-2:before,
.icon-reply:before {content: "\e206"; }
.icon-unblock:before,
.icon-refresh:before,
.icon-redo-2:before {content: "\6c"; }
.icon-undo-2:before {content: "\e207"; }
.icon-move:before {content: "\7a"; }
.icon-expand:before {content: "\66"; }
.icon-contract:before {content: "\67"; }
.icon-expand-2:before {content: "\68"; }
.icon-contract-2:before {content: "\69"; }
.icon-play:before {content: "\e208"; }
.icon-pause:before {content: "\e209"; }
.icon-stop:before {content: "\e210"; }
.icon-previous:before,
.icon-backward:before {content: "\7c"; }
.icon-next:before,
.icon-forward:before {content: "\7b"; }
.icon-first:before {content: "\7d"; }
.icon-last:before {content: "\e000"; }
.icon-play-circle:before {content: "\e00d"; }
.icon-pause-circle:before {content: "\e211"; }
.icon-stop-circle:before {content: "\e212"; }
.icon-backward-circle:before {content: "\e213"; }
.icon-forward-circle:before {content: "\e214"; }
.icon-loop:before {content: "\e001"; }
.icon-shuffle:before {content: "\e002"; }
.icon-search:before {content: "\53"; }
.icon-zoom-in:before {content: "\64"; }
.icon-zoom-out:before {content: "\65"; }
.icon-apply:before, .icon-edit:before,
.icon-pencil:before {content: "\2b"; }
.icon-pencil-2:before {content: "\2c"; }
.icon-brush:before {content: "\3b"; }
.icon-save-new:before,
.icon-plus-2:before {content: "\5d"; }
.icon-minus-sign:before,
.icon-minus-2:before {content: "\5e"; }
.icon-delete:before, .icon-remove:before,
.icon-cancel-2:before {content: "\49"; }
.icon-publish:before,
.icon-save:before,
.icon-ok:before,
.icon-checkmark:before {content: "\47"; }
.icon-new:before,
.icon-plus:before {content: "\2a"; }
.icon-plus-circle:before {content: "\e215"; }
.icon-minus:before,
.icon-not-ok:before {content: "\4b"; }
.icon-ban-circle:before,
.icon-minus-circle:before {content: "\e216"; }
.icon-unpublish:before,
.icon-cancel:before {content: "\4a"; }
.icon-cancel-circle:before {content: "\e217"; }
.icon-checkmark-2:before {content: "\e218"; }
.icon-checkmark-circle:before {content: "\e219"; }
.icon-info:before {content: "\e220"; }
.icon-info-2:before,
.icon-info-circle:before {content: "\e221"; }
.icon-question:before,
.icon-question-sign:before,
.icon-help:before {content: "\45"; }
.icon-question-2:before,
.icon-question-circle:before {content: "\e222"; }
.icon-notification:before {content: "\e223"; }
.icon-notification-2:before,
.icon-notification-circle:before {content: "\e224"; }
.icon-pending:before,
.icon-warning:before {content: "\48"; }
.icon-warning-2:before,
.icon-warning-circle:before {content: "\e225"; }
.icon-checkbox-unchecked:before {content: "\3d"; }
.icon-checkin:before,
.icon-checkbox:before,
.icon-checkbox-checked:before {content: "\3e"; }
.icon-checkbox-partial:before {content: "\3f"; }
.icon-square:before {content: "\e226"; }
.icon-radio-unchecked:before {content: "\e227"; }
.icon-radio-checked:before,
.icon-generic:before {content: "\e228"; }
.icon-circle:before {content: "\e229"; }
.icon-signup:before {content: "\e230"; }
.icon-grid:before,
.icon-grid-view:before {content: "\58"; }
.icon-grid-2:before,
.icon-grid-view-2:before {content: "\59"; }
.icon-menu:before {content: "\5a"; }
.icon-list:before,
.icon-list-view:before {content: "\31"; }
.icon-list-2:before {content: "\e231"; }
.icon-menu-3:before {content: "\e232"; }
.icon-folder-open:before,
.icon-folder:before {content: "\2d"; }
.icon-folder-close:before,
.icon-folder-2:before {content: "\2e"; }
.icon-folder-plus:before {content: "\e234"; }
.icon-folder-minus:before {content: "\e235"; }
.icon-folder-3:before {content: "\e236"; }
.icon-folder-plus-2:before {content: "\e237"; }
.icon-folder-remove:before {content: "\e238"; }
.icon-file:before {content: "\e016"; }
.icon-file-2:before {content: "\e239"; }
.icon-file-add:before,
.icon-file-plus:before {content: "\29"; }
.icon-file-minus:before {content: "\e017"; }
.icon-file-check:before {content: "\e240"; }
.icon-file-remove:before {content: "\e241"; }
.icon-save-copy:before,
.icon-copy:before {content: "\e018"; }
.icon-stack:before {content: "\e242"; }
.icon-tree:before {content: "\e243"; }
.icon-tree-2:before {content: "\e244"; }
.icon-paragraph-left:before {content: "\e246"; }
.icon-paragraph-center:before {content: "\e247"; }
.icon-paragraph-right:before {content: "\e248"; }
.icon-paragraph-justify:before {content: "\e249"; }
.icon-screen:before {content: "\e01c"; }
.icon-tablet:before {content: "\e01d"; }
.icon-mobile:before {content: "\e01e"; }
.icon-box-add:before {content: "\51"; }
.icon-box-remove:before {content: "\52"; }
.icon-download:before {content: "\e021"; }
.icon-upload:before {content: "\e022"; }
.icon-home:before {content: "\21"; }
.icon-home-2:before {content: "\e250"; }
.icon-out-2:before,
.icon-new-tab:before {content: "\e024"; }
.icon-out-3:before,
.icon-new-tab-2:before {content: "\e251"; }
.icon-link:before {content: "\e252"; }
.icon-picture:before,
.icon-image:before {content: "\2f"; }
.icon-pictures:before,
.icon-images:before {content: "\30"; }
.icon-palette:before,
.icon-color-palette:before {content: "\e014"; }
.icon-camera:before {content: "\55"; }
.icon-camera-2:before,
.icon-video:before {content: "\e015"; }
.icon-play-2:before,
.icon-video-2:before,
.icon-youtube:before {content: "\56"; }
.icon-music:before {content: "\57"; }
.icon-user:before {content: "\22"; }
.icon-users:before {content: "\e01f"; }
.icon-vcard:before {content: "\6d"; }
.icon-address:before {content: "\70"; }
.icon-share-alt:before,
.icon-out:before {content: "\26"; }
.icon-enter:before {content: "\e257"; }
.icon-exit:before {content: "\e258"; }
.icon-comment:before,
.icon-comments:before {content: "\24"; }
.icon-comments-2:before {content: "\25"; }
.icon-quote:before,
.icon-quotes-left:before {content: "\60"; }
.icon-quote-2:before,
.icon-quotes-right:before {content: "\61"; }
.icon-quote-3:before,
.icon-bubble-quote:before {content: "\e259"; }
.icon-phone:before {content: "\e260"; }
.icon-phone-2:before {content: "\e261"; }
.icon-envelope:before,
.icon-mail:before {content: "\4d"; }
.icon-envelope-opened:before,
.icon-mail-2:before {content: "\4e"; }
.icon-unarchive:before,
.icon-drawer:before {content: "\4f"; }
.icon-archive:before,
.icon-drawer-2:before {content: "\50"; }
.icon-briefcase:before {content: "\e020"; }
.icon-tag:before {content: "\e262"; }
.icon-tag-2:before {content: "\e263"; }
.icon-tags:before {content: "\e264"; }
.icon-tags-2:before {content: "\e265"; }
.icon-options:before,
.icon-cog:before {content: "\38"; }
.icon-cogs:before {content: "\37"; }
.icon-screwdriver:before,
.icon-tools:before {content: "\36"; }
.icon-wrench:before {content: "\3a"; }
.icon-equalizer:before {content: "\39"; }
.icon-dashboard:before {content: "\78"; }
.icon-switch:before {content: "\e266"; }
.icon-filter:before {content: "\54"; }
.icon-purge:before,
.icon-trash:before {content: "\4c"; }
.icon-checkedout:before,
.icon-lock:before,
.icon-locked:before {content: "\23"; }
.icon-unlock:before {content: "\e267"; }
.icon-key:before {content: "\5f"; }
.icon-support:before {content: "\46"; }
.icon-database:before {content: "\62"; }
.icon-scissors:before {content: "\e268"; }
.icon-health:before {content: "\6a"; }
.icon-wand:before {content: "\6b"; }
.icon-eye-open:before,
.icon-eye:before {content: "\3c"; }
.icon-eye-close:before,
.icon-eye-blocked:before,
.icon-eye-2:before {content: "\e269"; }
.icon-clock:before {content: "\6e"; }
.icon-compass:before {content: "\6f"; }
.icon-broadcast:before,
.icon-connection:before,
.icon-wifi:before {content: "\e01b"; }
.icon-book:before {content: "\e271"; }
.icon-lightning:before,
.icon-flash:before {content: "\79"; }
.icon-print:before,
.icon-printer:before {content: "\e013"; }
.icon-feed:before {content: "\71"; }
.icon-calendar:before {content: "\43"; }
.icon-calendar-2:before {content: "\44"; }
.icon-calendar-3:before {content: "\e273"; }
.icon-pie:before {content: "\77"; }
.icon-bars:before {content: "\76"; }
.icon-chart:before {content: "\75"; }
.icon-power-cord:before {content: "\32"; }
.icon-cube:before {content: "\33"; }
.icon-puzzle:before {content: "\34"; }
.icon-attachment:before,
.icon-paperclip:before,
.icon-flag-2:before {content: "\72"; }
.icon-lamp:before {content: "\74"; }
.icon-pin:before,
.icon-pushpin:before {content: "\73"; }
.icon-location:before {content: "\63"; }
.icon-shield:before {content: "\e274"; }
.icon-flag:before {content: "\35"; }
.icon-flag-3:before {content: "\e275"; }
.icon-bookmark:before {content: "\e023"; }
.icon-bookmark-2:before {content: "\e276"; }
.icon-heart:before {content: "\e277";}
.icon-heart-2:before {content: "\e278";}
.icon-thumbs-up:before {content: "\5b";}
.icon-thumbs-down:before {content: "\5c";}
.icon-unfeatured:before,
.icon-asterisk:before,
.icon-star-empty:before {content: "\40";}
.icon-star-2:before {content: "\41";}
.icon-featured:before,
.icon-default:before,
.icon-star:before {content: "\42";}
.icon-smiley:before,
.icon-smiley-happy:before {content: "\e279";}
.icon-smiley-2:before,
.icon-smiley-happy-2:before {content: "\e280";}
.icon-smiley-sad:before {content: "\e281";}
.icon-smiley-sad-2:before {content: "\e282";}
.icon-smiley-neutral:before {content: "\e283";}
.icon-smiley-neutral-2:before {content: "\e284";}
.icon-cart:before {content: "\e019";}
.icon-basket:before {content: "\e01a";}
.icon-credit:before {content: "\e286";}
.icon-credit-2:before {content: "\e287";}
.icon-expired:before {content: "\4b";}
body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body.site {background-color: var(--white);}
body.site.fluid {background-color: var(--white);}
.thumbnail {margin-bottom: 9px;}
.accordion-group {background: var(--white);}
.site-title {font-size: 40px; font-size: calc(16px + 2.16vw); line-height: 48px; font-weight: bold;}
@media (min-width: 1024px) {
.site-title {font-size: 40px;}
}
.brand {color: #001a27; -webkit-transition: color .5s linear; -moz-transition: color .5s linear; -o-transition: color .5s linear; transition: color .5s linear;}
.brand:hover {color: var(--link); text-decoration: none;}
header.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; height: 70px; padding: 10px 0px; border-bottom: 1px solid rgba(23, 22, 25, 0.20); background: var(--white);}
.HomePage header.header{padding: 0px 0px;}
.header .finder {margin-top: 14px;}
.header .finder .btn {margin-top: 0px;}
/* .navigation {padding: 5px 0; border-top: 1px solid rgba(0,0,0,0.075); border-bottom: 1px solid rgba(0,0,0,0.075); margin-bottom: 10px;} */
.navigation .nav-pills {margin-bottom: 0;}
.hero-unit {background-color: #08C;}
.hero-unit > * {color: white; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.container {max-width: 1216px;}
/* .body .container {background-color: var(--white);} */
.well .page-header {margin: 0px 0px 5px 0px;}
h1, h2, h3, h4, h5, h6 {margin: 12px 0; word-wrap: break-word;}
h1 {font-size: 26px; line-height: 28px;}
h2 {font-size: 48px; line-height: 60px; letter-spacing: -0.025em; font-feature-settings: 'liga' off; color: var(--Neutral-900); font-family: var(--font_inter_b);}
h3 {font-size: 20px; line-height: 28px;}
h4 {font-size: 18px; line-height: 20px;}
h5 {font-size: 16px; line-height: 18px;}
h6 {font-size: 14px; line-height: 16px;}
.module-header {padding-bottom: 17px; margin: 20px 0 18px 0; border-bottom: 1px solid #eeeeee;}
p {word-wrap: break-word;}
.item-title {margin-bottom: 9px;}
.item-content {margin: 18px 0; }
.item-subtitle {margin-bottom: 9px;}
.pull-right.item-image {margin: 0 0 18px 20px;}
.pull-left.item-image {margin: 0 20px 18px 0;}
.header .nav > li:last-child > .dropdown-menu,
.item-actions .dropdown-menu,
.item-comment .dropdown-menu {left: initial; right: 0;}
.article-index {margin: 0 0 10px 10px;}
.list-item-title {margin-bottom: 9px;}
.list-item-content {margin: 18px 0;}
.list-item-subtitle {margin-bottom: 9px;}
.items-more,
.content-links {padding: 15px 0;}
.breadcrumb {margin: 10px 0;}
.breadcrumb > li,
.breadcrumb > .active {color: #515151;}
#login-form {margin-top: 8px;}
.add-on + #modlgn-username,
.add-on + #modlgn-passwd {width: 132px;}
.img_caption .left {float: left; margin-right: 1em;}
.img_caption .right {float: right; margin-left: 1em;}
.img_caption .left p {clear: left; text-align: center;}
.img_caption .right p {clear: right; text-align: center;}
.img_caption {text-align: center !important;}
.img_caption.none {margin-left: auto; margin-right: auto;}
figure {display: table;}
figure.pull-center,
img.pull-center {margin-left: auto; margin-right: auto;}
figcaption {display: table-caption; caption-side: bottom;}
#aside .nav .nav-child {border-left: 2px solid #ddd; padding-left: 5px;}
.navigation .nav-child {
position: absolute;
top: 95%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: var(--white);
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.navigation .nav-child.pull-right {right: 0; left: auto;}
.navigation .nav-child .divider {*width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid var(--white);}
.navigation .nav-child a {display: block; padding: 3px 20px; clear: both; font-size: 13px; font-weight: normal; line-height: 18px; color: var(--gray20); white-space: nowrap;}
.navigation .nav li {position: relative;}
.navigation .nav > li:hover > .nav-child,
.navigation .nav > li > a:focus + .nav-child,
.navigation .nav li li:hover > .nav-child,
.navigation .nav li li > a:focus + .nav-child {display: block;}
.navigation .nav > li:before {position: absolute; top: 100%; right: 0; left: 0; height: 6px; content: '';}
.navigation .nav > li > .nav-child:before {position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid var(--bg-trans); border-bottom: 7px solid #ccc; border-left: 7px solid var(--bg-trans); border-bottom-color: rgba(0,0,0,0.2); content: ''; }
.navigation .nav > li > .nav-child:after {position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid var(--bg-trans); border-bottom: 6px solid var(--white); border-left: 6px solid var(--bg-trans); content: ''; }
.navigation .nav li li .nav-child {top: -8px; left: 100%;}
.navigation .nav li li .nav-child:before {
position: absolute;
top: 9px;
left: -7px;
display: inline-block;
border-top: 7px solid var(--bg-trans);
border-right: 7px solid rgba(0,0,0,0.2);
border-bottom: 7px solid var(--bg-trans);
content: '';
}
.navigation .nav li li .nav-child:after {
position: absolute;
top: 10px;
left: -6px;
display: inline-block;
border-top: 6px solid var(--bg-trans);
border-right: 6px solid var(--white);
border-bottom: 6px solid var(--bg-trans);
content: '';
}
.navigation .nav-child li > a:hover,
.navigation .nav-child li > a:focus,
.navigation .nav-child:hover > a {
text-decoration: none;
color: var(--white);
background-color: var(--link);
background-color: #005783;
background-image: -moz-linear-gradient(top,#005e8d,#004d74);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#005e8d),to(#004d74));
background-image: -webkit-linear-gradient(top,#005e8d,#004d74);
background-image: -o-linear-gradient(top,#005e8d,#004d74);
background-image: linear-gradient(to bottom,#005e8d,#004d74);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff005e8d', endColorstr='#ff004c73', GradientType=0);
}
.categories-list .collapse {margin-left: 20px;}
@media (max-width: 480px) {
.item-info > span {display: block;}
.blog-item .pull-right.item-image {margin: 0 0 18px 0;}
.blog-item .pull-left.item-image {margin: 0 0 18px 0; float: none;}
}
@media (max-width: 768px) {
body {-webkit-overflow-scrolling: touch; padding-top: 0;}
/*.header .brand {float: none; display: block; text-align: center;} */
.header .nav.pull-right,
.header-search {float: none; display: block;}
.header-search form {margin: 0;}
.header-search .search-query {width: 90%;}
.header .nav-pills > li > a {border: 1px solid #ddd; border-bottom: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 0;}
.header .nav-pills > li:first-child > a {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.header .nav-pills > li:last-child > a {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-bottom: 1px solid #ddd;}
.modal.fade {top: -100%;}
.nav-tabs {border-bottom: 0;}
.nav-tabs > li {float: none;}
.nav-tabs > li > a {border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 0;}
.nav-tabs > li:first-child > a {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
.nav-tabs > li:last-child > a,
.nav-tabs > .active:last-child > a {-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; border-bottom: 1px solid #ddd;}
.nav-tabs > li > a:hover {border-color: #ddd; z-index: 2;}
.nav-tabs.nav-dark > li > a {border: 1px solid var(--gray20);}
.nav-tabs > li:last-child > a,
.nav-tabs > .active:last-child > a {border-bottom: 1px solid var(--gray20);}
.nav-tabs.nav-dark > li > a:hover {border-color: var(--gray20);}
.nav-pills > li {float: none;}
.nav-pills > li > a {margin-right: 0;}
.nav-pills > li > a {margin-bottom: 3px;}
.nav-pills > li:last-child > a {margin-bottom: 1px;}
.form-search > .pull-left,
.form-search > .pull-right {float: none; display: block; margin-bottom: 9px;}
}
@media (max-width: 980px) {
.navbar-fixed-top {margin-bottom: 0 !important;}
.item-comment .item-image {display: none;}
.well {padding: 10px;}
}
@media (max-width: 979px) {
.nav-collapse.in.collapse {overflow: visible; height: 0; z-index: 100;}
.nav-collapse .nav > li.active > a {color: var(--white);}
.nav-collapse .nav > li.active > a:hover {color: #555;}
}
@media (min-width: 768px) and (max-width: 979px) {
#login-form .input-small {width: 62px;}
}
dl.tabs {float: left; margin-bottom: -1px;}
dl.tabs dt.tabs {float: left; margin-left: 3px; padding: 4px 10px; background-color: #F0F0F0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
dl.tabs dt:hover {background-color: #F9F9F9;}
dl.tabs dt.open {background-color: var(--white); border-bottom: 1px solid var(--white);}
dl.tabs dt.tabs h3 {margin: 0; font-size: 1.1em; font-weight: normal;}
dl.tabs dt.tabs h3 a {color: #0088CC;}
dl.tabs dt.tabs h3 a:hover {color: #005580; text-decoration: none;}
dl.tabs dt.open h3 a {color: var(--black); text-decoration: none;}
div.current dd.tabs {margin: 0; padding: 10px; clear: both; border: 1px solid #CCC; background-color: var(--white);}
#pop-print {float: right; margin: 10px;}
code {white-space: pre-wrap;}
#filter-search {vertical-align: top; }
.editor {overflow: hidden; position: relative;}
.search span.highlight {background-color: #FFFFCC; font-weight: bold; padding: 1px 0;}
dt.result-title {word-wrap: break-word;}
dd.result-text {word-wrap: break-word;}
body.modal-open {overflow: hidden; -ms-overflow-style: none;}
#users-profile-custom label {display: inline;}
.controls > .radio:first-child,
.controls > .checkbox:first-child {padding-top: 0;}
.form-horizontal .controls > .radio:first-child,
.form-horizontal .controls > .checkbox:first-child {padding-top: 5px;}
.form-horizontal .controls > .radio.btn-group:first-child {padding-top: 0;}
.field-media-wrapper .modal .modal-body {padding: 5px 10px; overflow: hidden;}
#search-results {clear: both;}
#finder-filter-window {overflow: visible;}
#finder-search .in.collapse {overflow: visible;}
.well select, .well .chzn-container {max-width: 100%;}
.container-popup {padding: 28px 10px 10px 10px;}
li {word-wrap: break-word;}
ul.manager .height-50 .icon-folder-2 {height: 35px; width: 35px; line-height: 35px; font-size: 30px;}
.popover-content {min-height: 33px;}
.finder-selects {margin: 0 15px 15px 0;}
.header-search .mod-languages ul {margin: 0 0 5px 0;}
.btn-group > .versions {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
.rtl .navigation .nav-child {left: auto; right: 0;}
.rtl .navigation .nav > li > .nav-child:before {left: auto; right: 12px;}
.rtl .navigation .nav > li > .nav-child:after {left: auto; right: 13px;}
.rtl .categories-list .collapse {margin: 0 20px 0 0;}
.rtl .modal-footer button {float: left;}
.rtl .finder-selects {margin: 0 0 15px 15px;}
/* START HEADER CSS */
.header .header-inner.row {align-items: center;}
.header #sp-menu{position: static;}
.header .sp-column {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.header .navigation .navbar {display: none;}
.navbar-toggler-close {display: none;}
.header .cust_nav_collapse ul.nav {display: flex; align-items: center; gap: 1.5rem; margin: 0;}
.header .cust_nav_collapse .nav > li > a {display: block; font-family: var(--font_gotham_m); font-size: 14px; line-height: 70px; color: var(--menu-color); padding: 0 15px; border-bottom: 2px solid var(--bg-trans);}
.header .cust_nav_collapse .nav > li > a:hover,
.header .cust_nav_collapse .nav > li > a:focus {color: var(--primary); border-bottom: 2px solid var(--primary);}
.header .cust_nav_collapse .nav > li.active > a {color: var(--primary); border-bottom: 2px solid var(--primary);}
.header + .row-fluid{margin-top: 80px;}
/* END HEADER CSS */
/* START FOOTER CSS */
.mobile_footer {display: none;}
.footer {background: var(--Neutral-100); padding: 50px 0 25px 0;}
.footer .footer_row_1 {margin-bottom: 2rem;}
.footer .footer-menu ul.nav {display: flex; align-items: center; gap: 1.5rem; margin: 1.5rem 0; justify-content: flex-end;}
.footer .nav > li > a {display: block; font-family: var(--font_gotham_m); font-size: 14px; line-height: 20px; color: var(--primary); border-bottom: 2px solid var(--bg-trans);}
.footer .nav > li > a:hover,
.footer .nav > li > a:focus {text-decoration: none; background: none; border-bottom: 2px solid #EE2F5D;}
.footer .cpy_section {font-size: 14px; line-height: 20px; color: var(--primary); font-family: var(--font_inter); margin: 0;}
.social_group .social_list {display: flex; align-items: center; gap: 1rem; justify-content: flex-end; list-style: none; padding: 0; margin: 0;}
.social_group .social_list .social_item .social_link { display: flex; align-items: center; justify-content: center; color: #0E53EF;}
.social_group .social_list .social_item .social_link:hover,
.social_group .social_list .social_item .social_link:focus {color: #EE2F5D;}
/* START FOOTER CSS */
/* START COMMON CSS */
.mydoc_title {text-align: center;}
.c-blue {color: var(--primary);}
.HomePage .mydoc_space {padding: 50px 0;}
.mydoc_space {padding: 20px 0;}
.cust_mydoc_title {font-size: 48px; line-height: 60px; text-align: center; letter-spacing: -1.2px;}
.bg_light_blue {background: var(--Neutral-50);}
.bg_light_gray {background: #FAFAFA;}
.btn-outline {border: 1px solid var(--primary); color: var(--primary); border-radius: 8px; background: var(--bg-trans);}
.btn-outline:hover,
.btn-outline:focus{background: var(--primary); color: var(--white);}
/* END COMMON CSS */
/* Start Search Module */
/* .search_form .btn_outline {background: var(--white); border: 1px solid var(--Neutral-200); border-radius: 100px; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--Neutral-300); cursor: pointer; padding: 9px 10px; display: flex; min-width: 280px; justify-content: space-between; align-items: center; gap: 1rem;} */
.filter_group{background: var(--white); border: 1px solid var(--Neutral-200); border-radius: 8px; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--Neutral-300); cursor: pointer; padding: 9px 10px; display: flex; min-width: 280px; justify-content: space-between; align-items: center; gap: 0.5rem;}
.filter_group input#search_input {border: 0; width: 100%; outline: 0;}
.filter_group input#search_input::-webkit-input-placeholder,
.filter_group input#search_input:-ms-input-placeholder,
.filter_group input#search_input::placeholder {font-size: 14px; line-height: 17px; color: var(--Neutral-500);}
.filter_group button.search-btn {aspect-ratio: 1; width: 20px; height: 20px; border: 0; background: none; padding: 0; color: var(--Neutral-500);}
.filter_group .btn_search {aspect-ratio: 1; width: 32px; height: 32px; padding: 0px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border: 1px solid var(--Neutral-300); border-radius: 50%; background: var(--white); color: var(--Neutral-300);}
.filter_group .btn_search:hover,
.filter_group .btn_search:focus {color: var(--primary); outline: 0; border: 2px solid var(--primary);}
.search_form .btn_outline .filter_icon {width: 32px; height: 32px; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border: 1px solid var(--Neutral-300); border-radius: 50%;}
.search_form .DoctorClinicToggle {background: var(--Neutral-50); padding: 1.5rem 1.5rem; border-radius: 0px; border: 0; position: absolute; left: 0px; width: calc(100% + 0px); top: 80px; right: 0px; transform: translate(0%, 0%); z-index: 11;}
.search_form .DoctorClinicToggle .DoctorClinicToggle_blog{display: flex; align-items: center; gap: 10px; justify-content: flex-start;}
.search_form .DoctorClinicToggle .ClinicSearch {display: flex; align-items: center; gap: 5px; font-size: 12px; cursor: pointer; padding: 5px 10px; border-radius: 8px; background: var(--primary); border: 2px solid var(--primary); color: var(--white); height: 39px; font-family: var(--font_inter_b); text-transform: capitalize;}
.search_form .DoctorClinicToggle .ClinicSearch:hover,
.search_form .DoctorClinicToggle .ClinicSearch:focus,
.search_form .DoctorClinicToggle .ClinicSearch.active {background: var(--white); border: 2px solid var(--primary); color: var(--primary);}
.search_form .DoctorClinicToggle input {border: 1px solid #ddd; border-radius: 8px; padding: 5px 5px; box-sizing: border-box; height: 39px; text-indent: 10px; font-size: 14px; line-height: normal;}
.search_form .DoctorClinicToggle .btn_search {background: var(--bg-trans); color: var(--primary); font-size: 12px; cursor: pointer; padding: 5px 10px; border-radius: 8px; border: 2px solid var(--primary); height: 39px; font-family: var(--font_inter_b); text-transform: capitalize;}
.search_form .DoctorClinicToggle .btn_search:hover {background: var(--primary); color: var(--white);}
.search_form .DoctorClinicToggle .btn_search svg {vertical-align: middle;}
.search_form .DoctorClinicToggle .close_search {display: none;}
/* .enable_search a#BackSearchHome {aspect-ratio: 1; width: 32px; height: 32px; display: flex !important; display: -webkit-flex; align-items: center; justify-content: center; border: 1px solid var(--Neutral-300); border-radius: 50%; background: var(--white); color: var(--Neutral-300);}
.enable_search .filter_group .btn_search.show_results{display: none;} */
.enable_search .featured_doctors_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
.past_search_header {margin: 1rem 0;}
/* End Search Module */
.homepage_only_search .filter_group {padding: 8px 10px 8px 20px; border-radius: 182px; background: #FFF; box-shadow: 0px 10px 70px 0px rgba(20, 38, 77, 0.08); border: 0; position: relative;}
.homepage_only_search button.btn_search {border: 0; border-radius: 150px; color: var(--white); background: var(--space-cadet); box-shadow: 0px 7px 70px 0px rgba(0, 0, 0, 0.08); width: 142px; height: 46px; padding: 10px; font-size: 16px; font-style: normal; line-height: 23.4px; text-transform: uppercase; font-family: var(--font_gotham);}
.homepage_only_search button.btn_search:hover,
.homepage_only_search button.btn_search:focus{background: var(--primary); color: var(--white); border-color: var(--primary);}
.homepage_only_search .filter_group input#search_input{min-height: 46px;}
/* Start Click to find nearby providers quickly */
div#column-wrap-id-1672736725217 {padding: 0;}
.cust_services_slider .slider-hero123 .slick-slide{margin:10px; cursor: pointer; padding: 16px 10px; text-align: center;}
/* .cust_services_slider .slider-hero123 .slick-slide{margin:10px; cursor: pointer; padding: 16px 10px; background: var(--white); box-shadow: 0px 8.48px 11.3067px -2.82667px rgba(17, 24, 39, 0.1), 0px 2.82667px 4.24px -1.41333px rgba(17, 24, 39, 0.05); border-radius: 15.5733px; text-align: center;} */
.custom_slide_blog span{display: block;}
.custom_slide_blog img{margin: 0 auto;}
.service_block {margin: 0 auto 50px auto;}
.HomePage .section_03.mydoc_section.mydoc_space {padding: 0;}
.HomePage .homepage_only_search {margin-bottom: -20px; z-index: 11; position: relative;}
.HomePage .service_block {padding-top: 150px; background: url('/images/search-ellipse-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.cust_services_slider .slider-hero123 .custom_slide_blog .slide_title {font-size: 24px; line-height: 46px; color: var(--black);}
.cust_services_slider .slider-hero123 .custom_slide_blog .total_doctors {font-size: 16px; line-height: 20px; color: rgba(2, 6, 23, 0.30);}
.cust_services_slider .slider-hero456 .slick-slide{margin:10px; cursor: pointer; padding: 1rem; background: #F3F6FE; border: 2px solid var(--bg-trans); border-radius: 12px; text-align: center;}
.cust_services_slider .slider-hero456 .slick-slide:hover,
.cust_services_slider .slider-hero456 .slick-slide:focus,
.cust_services_slider .slider-hero456 .slick-slide.active{border: 2px solid var(--primary);}
.cust_services_slider .slider-hero456 .slide_title{font-size: 16px; line-height: 24px; color: var(--Neutral-500); margin: 0.5rem 0 0;}
.cust_blog_design {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; list-style: none; margin: 0; padding: 0;}
.cust_blog_design .doctors_list {background: var(--white); box-shadow: 0px 12px 16px -4px rgba(17, 24, 39, 0.1), 0px 4px 6px -2px rgba(17, 24, 39, 0.05); border-radius: 8px; padding: 16px; position: relative; padding-bottom: calc(16px + 38px + 1rem);}
.cust_blog_design .doctors_list_row {display: grid; grid-template-columns: 79px auto; gap: 1rem;}
.cust_blog_design .doctors_list_row .img_section img {border-radius: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: top;}
.cust_blog_design .desc_section {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; position: relative;}
.cust_blog_design .doctors_list_row .desc_name {font-size: 16px; line-height: 19px; color: var(--black); font-family: var(--font_inter_b);}
.cust_blog_design .doctors_list_row .speciality {font-size: 14px; line-height: 17px; color: var(--primary);}
.cust_blog_design .doctors_list_row .doc_location {font-size: 12px; line-height: 15px; color: var(--Neutral-500); display: grid; grid-template-columns: 16px auto;}
.cust_blog_design .doctors_list_row .doc_location:before {content: ""; width: 15px; height: 15px; display: block; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.cust_blog_design .doctors_list_row .doc_verified_review {display: flex; flex-direction: row; align-items: flex-start; gap: 8px;}
.cust_blog_design .doctors_list_row .doc_verified_review .verified_btn,
.cust_blog_design .doctors_list_row .doc_verified_review .rating_btn {background: rgba(25, 71, 229, 0.1); border-radius: 8px; padding: 4px; font-size: 12px; line-height: 15px; color: var(--primary); font-family: var(--font_inter_b);}
.cust_blog_design .doctors_list_row .doc_verified_review .verified_btn svg,
.cust_blog_design .doctors_list_row .doc_verified_review .rating_btn svg{vertical-align: middle;}
.cust_blog_design .doctors_list_row .cust-btn-grup {display: flex; align-items: center; gap: 1rem; margin: 1rem 0 0;}
.cust_blog_design .cust-btn-grup {display: flex; align-items: center; gap: 1rem; margin: 1rem 0 0; position: absolute; width: calc(100% - 32px); left: 16px; bottom: 16px;}
.cust_blog_design .cust-btn-grup .btn{width: 100%;}
.cust_help_section {display: flex; justify-content: center; align-items: flex-start; gap: 32px; flex-direction: column;}
.cust_help_section .cust_help_sect_title {color: var(--black); margin: 0; font-feature-settings: 'liga' off; font-family: var(--font_gotham_b); letter-spacing: -1.2px;}
.cust_help_section .cust_help_blog {flex: 0 50%; cursor: pointer; display: flex; justify-content: center; align-items: flex-start; gap: 50px; align-self: stretch;}
.cust_help_section .cust_help_blog_item {display: flex; justify-content: flex-start; align-items: flex-start; gap: 12px; flex-direction: column;}
.cust_help_section .help_blog_item_title{color: #121127; font-family: var(--font_gotham_b); font-size: 32px; font-style: normal; line-height: 44px;}
.cust_help_section .help_blog_item_desc {color: rgb(18 17 39 / 72%); font-family: var(--font_gotham_m); font-size: 20px; font-style: normal; line-height: 36px;}
.specification{padding: 4px 8px; border-radius: 8px; background: #E2E5E7; color: #2E485D; font-size: 12px; font-style: normal; font-weight: 700;}
.cust_help_section .help_blog_total_doctors{color: #444BD3; font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
/* Abdulgani CSS Start */
.doctors_list_row .profile_factor .specification { margin-right:5px; }
.location.mul_loc:hover {
cursor: pointer;
}
.cust-image-upload-wrap.img_added svg.select_img { display:none; }
.cust-image-upload-wrap.img_added { background-color:unset; }
/* Abdulgani CSS End */
.specification.yellow-active {background: #FFCB5B; color: var(--white);}
.specification.blue-active {background: rgba(25, 71, 229, 0.10); color: var(--primary);}
/* End Click to find nearby providers quickly */
/* Start How it works */
.work_blog {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px;}
.line_Indicator_1:after{content: ""; position: absolute; top: 15px; left: 80px; width: 100%; height: 34px; display: block; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.line_Indicator_2:after{content: ""; position: absolute; top: 0px; left: 80px; width: 100%; height: 34px; display: block; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.work_blog .work_title {font-size: 18px; line-height: 28px; color: var(--Neutral-900); font-family: var(--font_inter_b);}
.work_blog .work_desc {font-size: 16px; line-height: 24px; color: var(--Neutral-700); margin: 0;}
/* End How it works */
/* Start Why Use MyDoc */
.cust_mod_whyuse {border-radius: 21px; background: var(--Neutral-100); padding: 60px;}
.cust_mod_whyuse .mydoc_title {margin-top: 0; text-align: left;}
.cust_mod_whyuse .cust_mod_desc p {font-size: 16px; line-height: 26px; color: #12141D;}
.cust_blog_whyuse {display: grid; grid-template-columns: 48px auto; gap: 0.5rem; align-items: flex-start; border-radius: 8px; padding: 24px; margin-bottom: 1rem;}
.whyuse_blog_01 .cust_blog_whyuse {background: var(--white); box-shadow: 0px 10px 70px 0px rgba(83, 83, 83, 0.07);}
.whyuse_blog_02:hover .cust_blog_whyuse,
.whyuse_blog_03:hover .cust_blog_whyuse,
.whyuse_blog_02:focus .cust_blog_whyuse,
.whyuse_blog_03:focus .cust_blog_whyuse{background: var(--white); box-shadow: 0px 10px 70px 0px rgba(83, 83, 83, 0.07);}
.cust_blog_whyuse .title {font-size: 21px; line-height: 32px; color: #12141D; font-family: var(--font_inter_s); color: var(--black); display: block; margin-bottom: 5px;}
.cust_blog_whyuse p{color: var(--gray34); font-size: 18px; line-height: 28px; margin-bottom: 0;}
/* End Why Use MyDoc */
/* Start Find & Chat with trusted doctors, pharmacies, and dentists effortlessly. */
.find-title {color: var(--space-cadet);}
.find_sub_title {color: var(--Neutral-600); text-align: center; font-feature-settings: 'liga' off; font-family: var(--font_gotham); font-size: 16px; font-style: normal; line-height: 24px; }
.cust_chat_blog_list{display: flex; align-items: center; gap: 1rem; margin-bottom: 100px;}
.cust_chat_blog_list .cust_chat_blog {background: none; border-radius: 7.27209px; padding: 24px; gap: 8px; display: flex; flex-direction: column; align-items: flex-start;}
.cust_chat_blog_list .cust_chat_blog .icon {border-radius: 4px; border: 1px solid rgba(25, 71, 229, 0.40); background: rgba(25, 71, 229, 0.08); display: flex; padding: 8px; align-items: flex-start; gap: 10px;}
.cust_chat_blog_list .cust_chat_blog .cust_chat_title {color: var(--Neutral-900); margin: 0;}
.cust_chat_blog_list .cust_chat_blog p {font-size: 18px; line-height: 22px; margin: 0; color: var(--Neutral-600);}
/* End Find & Chat with trusted doctors, pharmacies, and dentists effortlessly. */
/* Start Clients logo */
.bg_gredient_img {background: url('/images/bg_gredient_img.png'); margin: 0 40px; border-radius: 24px;}
.bg-Neutral-100 {background: var(--Neutral-100);}
.clients_logo .clients_logo_list {display: grid; gap: 1rem; grid-template-columns: repeat(6, 1fr); justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0; justify-items: center;}
.clients_logo .clients_logo_list li img {mix-blend-mode: luminosity;}
/* End Clients logo */
/* Start We are Open for Talking */
.talk_box {background: var(--space-cadet) url('/images/talk-vector-bg.svg'); background-repeat: no-repeat; background-size: contain; background-position: 0 20px; border-radius: 16px; padding: 45px 40px; display: flex; align-items: center; justify-content: space-between; gap: 18px;}
.talk_box .talk_box_title{font-size: 32px; margin: 0; color: var(--white);}
.talk_box .talk_box_desc {color: var(--white); font-size: 16px; font-style: normal; line-height: 28px;}
.talk_box .talk_box_btn {border-radius: 12px; width: 240px; height: 56px; font-size: 16px; line-height: 24px; font-family: var(--font_poppins_b); font-weight: normal; display: flex; align-items: center; justify-content: center;}
/* End We are Open for Talking */
/* Start Featured Docoter */
/* .featured_doctors_list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; list-style: none; margin: 0; padding: 0;} */
.featured_doctors_list {margin: 0; padding: 0; list-style: none;}
.featured_doctors_list .slick-track {display: flex; align-items: center; gap: 24px;}
.featured_doctors_list button.slick-arrow {position: absolute; top: -60px;}
.featured_doctors_list button.slick-next.slick-arrow {right: 20px;}
.featured_doctors_list button.slick-prev.slick-arrow {right: 90px;}
.featured_doctors_list button.slick-next:before{width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.featured_doctors_list button.slick-prev:before {width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.featured_doctors_list .featured_doctor {background: var(--white); border-radius: 8px; position: relative; padding: 16px; box-shadow: 0px 10px 70px 0px rgba(83, 83, 83, 0.08);}
.featured_doctor_row .featured_doctor_01{display: grid; grid-template-columns: 32px auto; gap: 1rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #F2F4F5;}
.featured_doctor_title {display: flex; align-items: center; justify-content: space-between;}
.featured_doctors_list .doctor_available {color: #008970; font-family: var(--font_inter); font-size: 10px; font-style: normal; font-weight: 500; line-height: normal; border-radius: 8px; background: #EAFEED; display: flex; padding: 4px 8px; align-items: flex-start; gap: 4px;}
.featured_doctors_list .verified_icon {color: var(--primary);}
.featured_doctors_list .profile_factor {display: flex; align-items: center; gap: 8px;}
/* Abdulgani CSS Modified */ .featured_doctor_row .doctordetail {display: inline; position: relative;}
.featured_doctors_list .featured_doctor_desc {display: flex; flex-direction: column; gap: 8px;}
.doc_available {font-size: 10px; line-height: 14px; display: flex; flex-direction: row; align-items: center; padding: 2px 4px; gap: 0px; background: #13E2AC; border-radius: 1362.07px; color: var(--white); justify-content: center; margin-top: -10px; z-index: 1; position: relative; font-family: var(--font_inter_m);}
.doc_not_available{font-size: 10px; line-height: 14px; display: flex; flex-direction: row; align-items: center; padding: 2px 4px; gap: 0px; background: #5978b5; border-radius: 1362.07px; color: var(--white); justify-content: center; margin-top: -10px; z-index: 1; position: relative; font-family: var(--font_inter_m);}
.featured_doctor_img img {border-radius: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: top;}
/* .featured_doctors_list {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px; position: relative;} */
.featured_doctors_list .doc_name {font-size: 16px; line-height: 19px; color: var(--black); font-family: var(--font_inter_b);}
.featured_doctors_list .speciality {font-size: 14px; line-height: 17px; color: var(--primary);}
.featured_doctors_list .doc_location {min-height: 30px; font-size: 12px; line-height: 15px; color: var(--Neutral-500); display: grid; grid-template-columns: 16px auto;}
.featured_doctors_list .doc_location:before {content: ""; width: 15px; height: 15px; display: block; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.featured_doctors_list .doc_verified_review {display: flex; flex-direction: row; align-items: flex-start; gap: 8px;}
.featured_doctors_list .doc_verified_review .verified_btn,
.featured_doctors_list .doc_verified_review .rating_btn {background: rgba(25, 71, 229, 0.1); border-radius: 8px; padding: 4px; font-size: 12px; line-height: 15px; color: var(--primary); font-family: var(--font_inter_b);}
.featured_doctors_list .doc_verified_review .verified_btn svg,
.featured_doctors_list .doc_verified_review .rating_btn svg{vertical-align: middle;}
.featured_doctor .cust-btn-grup {display: grid; grid-template-columns: 2fr 1fr; align-items: center; gap: 1rem; margin: 1rem 0 0;}
.featured_doctor .cust-btn-grup .btn{width: 100%; position: unset; font-family: var(--font_inter_s); font-size: 14px; line-height: 24px;}
/* End Featured Docoter */
/* Start Articles */
.cust_blog_article .cust_article_title {color: var(--black); font-size: 20px; line-height: 28px; margin: 16px 0 8px 0px;}
.cust_blog_article .cust_article_job {font-size: 16px; line-height: 24px; color: var(--Neutral-500);}
.cust_blog_article .cust_article_desc {font-size: 18px; line-height: 28px; color: var(--black);}
/* End Articles */
.tab_content_bg {background: var(--grad-bg); border-radius: 16px; padding: 24px; height: 100%;}
.mod_work_blog_view_list {display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
.cm_block {background: var(--white); box-shadow: 0px 7.2px 9.6px -2.4px rgba(17, 24, 39, 0.1), 0px 2.4px 3.6px -1.2px rgba(17, 24, 39, 0.05); border-radius: 4.8px; padding: 13.8px 26.4px; display: flex; flex-direction: column; align-items: center; gap: 6px; cursor: pointer; animation-timing-function: ease-in-out; animation-duration: 500ms; transition: 500ms;}
.cm_block {cursor: url('data:image/svg+xml,'), auto;}
.cm_block:hover,
.cm_block:focus {background: var(--primary); color: var(--white);}
.cm_block:hover img,
.cm_block:focus img{filter: brightness(0) invert(1);}
.cm_block_img{padding: 12px 12px 0; background: radial-gradient(98.61% 102.42% at 50% 50%, #DCE4FF 0%, #E1E1E1 100%); border: 1px solid var(--bg-trans); border-radius: 6.31535px; animation-timing-function: ease-in-out; animation-duration: 500ms; transition: 500ms;}
.cm_block_img:hover {transform: scale(1.1); border: 1px solid var(--primary);}
.cursor_01{cursor: url('data:image/svg+xml,'), auto;}
.cursor_02,
.cm_block_img{cursor: url('data:image/svg+xml,'), auto;}
.blog_list_title h5 {text-align: center; color: var(--black); margin: 1rem 1rem 0; line-height: 19px; font-size: 16px;}
.cm_block_chat .img2{animation-timing-function: ease-in-out; animation-duration: 500ms; transition: 500ms;}
.cm_block_chat:hover .img2,
.cm_block_chat:focus .img2{transform: scale(1.03, 1.03);}
.btn-back {border: 0; color: var(--black); background: none; font-size: 14px; line-height: 16px; padding: 0.2rem 0.5rem; font-family: var(--font_inter_b); display: flex; align-items: center; gap: 5px; justify-content: center; margin: 0.5rem 0; cursor: pointer; text-transform: capitalize;}
.btn-back:hover, .btn-back:focus {color: var(--primary);}
.slick-arrow {font-size: 0; color: #444444; border: 0; background-color: var(--bg-trans); cursor: pointer; outline: none !important; margin: 0; padding: 0;}
.slick-arrow:before {font-weight: 900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 20px; position: absolute; transform: translate(-50%, -50%); top: 50%;}
.slick-prev:before {content: "\f104"; left: -20px;}
.slick-next:before {content: "\f105"; right: -20px;}
.questions_section {display: flex; gap: 10px; align-items: center; padding: 1rem; background: var(--white); max-width: 600px; margin: 1rem auto; border-radius: 5px; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);}
.questions_section .form-control {padding: 5px 10px; background: var(--white); border: 1px solid #D1D1D1; border-radius: 6px; height: 46px!important; color: var(--primary); font-size: 15px; line-height: 20px; margin-bottom: 0;}
.questions_section .ClickAskQues{background: var(--primary); color: var(--white); border: 1px solid var(--primary); font-size: 16px; cursor: pointer; padding: 5px 15px; border-radius: 6px; border: 2px solid var(--primary); height: 46px; font-family: var(--font_inter_b); text-transform: capitalize;}
.cursor_01 .mod_work_blog_view_list{position: relative;}
.hover_icon {position: absolute; bottom: 0%; left: 0; z-index: 111;}
.cm_block:hover .hover_icon img, .cm_block:focus .hover_icon img{filter: none;}
.how_we_work_section .tabs {display: flex; flex-direction: column; align-items: flex-start; gap: 48px; margin: 0; list-style: none; border-left: 3px solid rgba(25, 71, 229, 0.20); padding-left: 1rem;}
.how_we_work_section .tab_title {color: var(--primary); font-family: var(--font_gotham_m); font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; margin-top: 0;}
.how_we_work_section .tab_desc {color: var(--black); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;}
.how_we_work_section .tab_content {display: none;}
.how_we_work_section .tab_content.active {display: block;}
.how_we_work_section .tab {position: relative;}
.how_we_work_section .tab.active:before {content: ""; display: block; width: 3px; height: 100%; background: var(--primary); position: absolute; left: -1.126rem;}
@keyframes updown {
0% {transform: translateY(-100%);}
50% {transform: translateY(100%);}
100% {transform: translateY(-100%);}
}
/* .login {background: var(--white); box-shadow: 0px 0px 36px rgb(0 0 0 / 15%); border-radius: 0px 5px 5px 0px;} */
.login .row{margin-left: 0; margin-right: 0; align-items: center;}
.cust_left_bg {background: var(--Neutral-50); padding-top: 40px; padding-bottom: 40px;}
.registration_form .cust_left_bg{background: var(--Neutral-50); padding: 121px 0px 121.471px 0px;}
.login .cust_bg_section {border-radius: 5px 0 0px 5px; width: 100%; background-size: cover!important; background-position: center, center!important; position:relative;}
/* .login .cust_bg_section:before{content: ""; width: 100%; height: 100%; background: linear-gradient(33.73deg, rgba(0, 115, 199, 0.35) -10.7%, rgba(28, 167, 153, 0.35) 106.56%); border-radius: 5px 0 0px 5px; position: absolute; left:0; top:0;} */
label{font-weight: 600; font-size: 16px; line-height: 24px; color: var(--Neutral-800);}
.login .cust_form_section {padding: 0 40px;}
.login_title {font-size: 36px; line-height: 45px; letter-spacing: -0.9px; margin-bottom: 25px; color: var(--Neutral-900);}
.login .form-group{padding: 0; margin-bottom:16px;}
.login input#email {margin: 0px; padding: 0.5rem 1rem; height: 48px; width: 100%; border: 1px solid var(--Neutral-300); box-shadow: none; border-radius: 8px; font-size: 1.2rem; background: var(--white);}
.login .form-group.countryandnumber {position: relative;}
.login .form-group.countryandnumber:after {content: ""; background: var(--Neutral-100); top: 60%; left: 8px; transform: translate(0, -59%); display: inline-block; position: absolute; width: 80px; height: 32px; border-radius: 8px;}
.login .form-group.countryandnumber:before{content: "+966"; color: var(--Neutral-500); font-size: 15px; background:url("/images/icons/flags.png"); width: 20px; height: 14px; background-position: -4339px 0px; box-shadow: 0px 0px 1px 0px #888; background-repeat: no-repeat; background-color: var(--Neutral-100); display: inline-block; position: absolute; top: 58%; left: 15px; transform: translate(0%, -59%); text-indent: 25px; vertical-align: middle; line-height: 01; z-index: 1;}
.login .form-group.countryandnumber .form-control {border: 1px solid var(--Neutral-300); border-radius: 6px; height: 48px; padding: 12px 15px; text-indent: 78px; font-size: 15px; line-height: 20px; color: var(--Neutral-500); margin-bottom:16px; font-weight: normal;}
.login .form-group label.form-check-label {display: flex; align-items: center; gap: 0.25rem; font-size: 14px; font-family: var(--font_inter_m); font-weight: normal; color: #000;}
.login .form-group label.form-check-label input#remember {position: unset; margin: 0; float: none; width: 18px; height: 18px; vertical-align: middle; box-shadow: none;}
.view-login .cust_primary {width: 131px; border-radius: 12px; margin: 0; text-align: center; display: block; height: 42px; font-size: 16px; line-height: 24px;}
.login .saperator_or {display: flex; align-items: center; margin: 1rem auto; justify-content: center; gap: 11px; position: relative; color: var(--Neutral-500);}
.login .saperator_or:before,
.login .saperator_or:after{content: ""; width:100%; height:1px; background: var(--Neutral-300);}
.login .signup_saperator:before,
.login .signup_saperator:after{width: 32%;}
.login .list-social-group {display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; list-style: none; margin: 0; padding: 0;}
.login .list-social-group .list-social-item{border: 1px solid #D1D1D1; border-radius: 6px; font-size: 10px; line-height: 20px; color: var(--Neutral-500); padding: 12px; text-align:center; transition: color 250ms linear; cursor:pointer;}
.login .list-social-group .list-social-item:hover{border: 1px solid var(--primary);}
.login .list-social-group .list-social-item a {color: var(--Neutral-500); display: block;}
.login .list-social-group .list-social-item:hover a{color: var(--primary);}
.login .list-social-group .list-social-item .social_icons {display: block; margin: 10px auto;}
.login .list-social-group .list-social-item .social-hover{display: none; margin: 10px auto;}
.login .list-social-group .list-social-item:hover .social_icons {display: none; margin: 10px auto;}
.login .list-social-group .list-social-item:hover .social-hover{display: block;}
.view-login .logout {text-align: center; margin: 30px 0px;}
.view-login .logout .controls {margin: 0 auto;}
.view-login .logout .controls button.btn-primary {padding: 10px 20px; font-size: 16px; line-height: 20px; font-weight: normal;}
#otp-preview .modal-header {border: 0; padding: 10px 10px 0;}
.login .cust_form_section .otp_details {padding: 40px 0;}
.otp-preview{padding: 0 40px 40px!important;}
.otp_details .otp_icon {margin-bottom: 40px;}
.otp_details .otp_title {margin-bottom: 20px; font-size: 20px; line-height: 20px; color: var(--black);}
.otp_details input#otpvalue {border: 1px solid rgba(124, 124, 124, 0.39); border-radius: 6px; width: 175px; font-size: 15px; line-height: 20px; letter-spacing: 0.195em; height: 44px; padding: 12px 20px; margin-bottom: 20px;}
.otp_details input#otpvalue::placeholder{font-size: 15px; line-height: 20px; letter-spacing: 0.195em;}
.otp_details input#otpvalue:-ms-input-placeholder{font-size: 15px; line-height: 20px; letter-spacing: 0.195em;}
.otp_details input#otpvalue::-webkit-input-placeholder{font-size: 15px; line-height: 20px; letter-spacing: 0.195em;}
.otp_details .otp_desc {font-size: 18px; line-height: 26px; color: var(--Neutral-600);}
.otp_details .otp_desc span{display: block;}
.otp_details .code_not_fetch {font-size: 14px; line-height: 20px; color: var(--Neutral-600); margin-bottom: 20px;}
.otp_details .code_not_fetch a{color: var(--primary); text-decoration: none;}
.userInput{display: flex; justify-content: flex-start; gap: 16px; margin-bottom: 16px;}
.userInput input{margin: 0px; padding: 0.5rem 1rem; height: 48px; width: 100%; border: 1.5px solid var(--Neutral-300); border-radius: 8px; font-size: 1.2rem; background: var(--white);}
.userInput input:hover,
.userInput input:focus{border: 1.5px solid var(--primary); box-shadow: none; outline: 0;}
.userInput .otp-sing-num{margin: 0px; padding: 4px; height: 56px; width: 44px; border: 1.5px solid var(--Neutral-300); box-shadow: none; border-radius: 8px; text-align: center; font-size: 1.2rem; background: var(--white);}
.login .label_form_group {display: flex; align-items: center; justify-content: space-between;}
.login .btn_link {margin-bottom: 5px; font-size: 14px; font-family: var(--font_inter_m); color: var(--black);}
.login .btn_link:hover, .login .btn_link:focus{color: var(--primary);}
.signup_btn_group {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.ex_btn_style {display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; background: var(--white); font-size: 14px; font-family: var(--font_inter_m); color: var(--black); border-radius: 12px;}
.ex_btn_style:hover,
.ex_btn_style:focus{background: var(--white); color: var(--black); border: 1px solid var(--primary);}
.cust_error_title {margin-bottom: 0; text-align: center;}
.PrivacyPolicy .privacy_icon{margin-bottom: 40px;}
.PrivacyPolicy {border-radius: 8px; background: var(--neutral-50); padding: 16px;}
.PrivacyPolicy .privacy_main_title {font-size: 20px; line-height: 26px; color: var(--black); margin-bottom: 20px;}
.PrivacyPolicy .privacy_title {font-size: 20px; line-height: 26px; color: var(--black); margin-bottom: 20px;}
.PrivacyPolicy .privacy_desc {font-size: 15px; line-height: 20px; color: #757575; margin-bottom: 20px;}
.PrivacyPolicy .cust_btn_group {display: flex; align-items: center; gap: 15px; justify-content: flex-start;}
.PrivacyPolicy .cust_btn_group .btn {height: 48px;}
.btn-secondary{background: var(--Neutral-200); border: 1px solid var(--Neutral-200); border-radius: 12px; height: 48px; font-size: 16px; min-width:142px; text-align: center;}
.registration_form .registration_title {font-size: 24px; line-height: normal; margin-bottom: 25px; color: var(--black);}
/* .registration_form {background: var(--white); box-shadow: 0px 0px 36px rgb(0 0 0 / 15%); border-radius: 0px 5px 5px 0px;} */
.registration_form .row{margin-left: 0; margin-right: 0;}
.registration_form .cust_bg_section {border-radius: 5px 0 0px 5px; width: 100%; background-size: cover!important; background-position: center, center!important; position:relative;}
/* .registration_form .cust_bg_section:before{content: ""; width: 100%; height: 100%; background: linear-gradient(33.73deg, rgba(0, 115, 199, 0.35) -10.7%, rgba(28, 167, 153, 0.35) 106.56%); border-radius: 5px 0 0px 5px; position: absolute; left:0; top:0;} */
.registration_form .cust_form_section {padding: 20px 40px;}
.btn-secondary {background: var(--Neutral-200); border: 1px solid var(--Neutral-200);}
button.file-upload-btn {display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0; margin: 0; background: var(--Neutral-100); border: 1px solid var(--Neutral-100); border-radius: 124px; width: 124px; height: 124px; position: relative; outline: 0;}
button.file-upload-btn img#previewImg {aspect-ratio: 1/1; object-fit: cover; object-position: center;}
button.file-upload-btn img#preview_uploaded_img {object-fit: cover; object-position: top center; aspect-ratio: 1/1;}
.cust_form_reg_section .file-upload .file-upload-btn svg{position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.cust_form_reg_section .uploded_img {aspect-ratio: 1/1; border-radius: 50%; width: 100%;}
.control-group .form-control {border: 1px solid #D1D1D1; border-radius: 6px; height: 44px; padding: 12px 15px; font-size: 16px; line-height: 24px; color: var(--Neutral-600); margin-bottom:0px;}
.control-group textarea.form-control{min-height: 44px; height: auto; resize: none;}
.control-group .chzn-container .chzn-single{padding: 10px 12px; height: 44px; border-radius: 4px; border: 1px solid var(--Neutral-300); background: var(--white); color: var(--Neutral-400); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; box-shadow:none;}
.control-group .chzn-container-multi .chzn-choices{padding: 10px 12px; min-height: 44px; border-radius: 4px; border: 1px solid var(--Neutral-300); background: var(--white); color: var(--Neutral-400); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; box-shadow:none;}
.control-group .chzn-container-single .chzn-single div b{background-position-y: 12px;}
.control-group .chzn-container-active.chzn-with-drop .chzn-single div b {background-position: -18px 12px;}
input[type="file"].form-control {border-radius: 4px; border: 1px dashed var(--primary); background: var(--Neutral-50); display: flex; padding: 10px 16px; justify-content: center; align-items: center; height: 44px; width: 100%;}
.control-group input[type="file"]::-webkit-file-upload-button,
.control-group input::file-selector-button {cursor: pointer; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 0 center; border: 0; padding: 0 0 0 30px;color: var(--Neutral-500); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px;}
.chzn-container .chzn-results li.highlighted{background: var(--primary); color: var(--white);}
.chzn-container .chzn-results li{font-size: 16px; line-height: 24px;color: var(--Neutral-600);}
.chzn-container-multi .chzn-choices li.search-choice {border: 0; box-shadow: none; margin: 0 0 0 8px; border-radius: 0; padding: 4px 4px 4px 12px; background: var(--lights-gray); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; color: var(--primary); display: flex; align-items: center; gap: 8px;}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close{position: unset; background: url('data:image/svg+xml,'); background-position: center; width: 20px; height: 20px; background-repeat: no-repeat;}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover{background-position: center;}
.registration_form .control-group {margin-bottom: 16px;}
.registration_form .control-group .chzn-container {width: 100% !important;}
.registration_form .control-group .form-control {border: 1px solid #D1D1D1; border-radius: 6px; height: 48px; padding: 12px 15px; font-size: 15px; line-height: 20px;color: var(--Neutral-600); margin-bottom:0px;}
.registration_form .control-group .field-calendar .input-group .form-control{border-radius: 6px 0px 0px 6px;}
.registration_form .control-group .field-calendar .input-append {width: calc(100% - 50px);}
.registration_form .control-group .field-calendar .input-append .form-control{border-radius: 6px 0px 0px 6px; border-right: 0;}
.registration_form .control-group .field-calendar .input-append button#jform_birthdate_btn {box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); width: 50px; height: 44px; margin: 0 0px 0 -2px; min-width: auto; border-radius: 0px 6px 6px 0px; background: var(--white); border: 1px solid #D1D1D1; border-left: 0;}
.registration_form .control-group .field-calendar .input-append button#jform_birthdate_btn .icon-calendar {background: url('data:image/svg+xml,'); width: 24px; height: 25px; background-size: contain; display: block; margin: 0; padding: 0;}
.registration_form .control-group .field-calendar .input-append button#jform_birthdate_btn .icon-calendar:before{display: none;}
.registration_form .cust-btn-group {display: flex; align-items: center; justify-content: center; gap: 10px;}
.registration_form .cust-btn-group .btn{margin: 0; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.registration_form .cust-btn-group .btn-secondary{-webkit-appearance: button;}
.registration_form .cust_form_section .input-group button.input-password-toggle {min-width: auto;}
.registration_form .cust_form_section .chosen-container-single .chosen-single div b{background-position-y: 10px;}
.required span.star {color: #FF3434;}
.registration_form .control-group input[type="file"] {padding: 2px 0px; width: 100%; border: 0;}
.registration_form .control-group input[type="file"]::-webkit-file-upload-button,
.registration_form .control-group input::file-selector-button {background: var(--primary); color: var(--white); border: none; padding: 10px 20px; border-radius: 30px; transition: all .2s ease; outline: none; text-transform: capitalize; font-size: 14px;}
.registration_form .control-group input[type="file"]::-webkit-file-upload-button:hover,
.registration_form .control-group input::file-selector-button:hover {background: #1ca799; color: var(--white); transition: all .2s ease; cursor: pointer;}
.registration_form .control-group .uploded_img {margin: 1rem 0 0 0;}
.login .form-social-group {display: none;}
.cust_form_reg_section .profile_name {font-size: 28px; line-height: normal; margin-bottom:25px;}
.cust_form_reg_section .file-upload {margin: 25px auto 16px auto;}
.file-upload-row {display: grid; grid-template-columns: 150px auto; gap: 1.5rem; align-items: center;}
/* .file-upload-row .profile_selection .cropper-container.cropper-bg {width: 150px !important; height: 150px !important;}
.file-upload-row .profile_selection .cropper-container.cropper-bg .cropper-crop-box {max-width: 150px !important; max-height: 150px !important;} */
.file-upload .file-upload-btn svg{vertical-align: middle;}
.file-upload .userimage{aspect-ratio: 1/1; border-radius: 50%; width: 100%;}
.file-upload .file-upload-btn svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.file-upload .file-upload-content {display: none; text-align: center;}
.file-upload .file-upload-input {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer;}
.file-upload .image-upload-wrap {border-radius: 8px; border: 2px dashed var(--primary); background: var(--lights-gray); padding: 20px; position: relative;}
.file-upload .image-dropping,
.file-upload .image-upload-wrap:hover {background-color: var(--white);}
.file-upload .image-title-wrap {padding: 0 15px 15px 15px; color: #222;}
.file-upload .drag-text {text-align: center;}
.file-upload .drag-text p {margin: 0; font-size: 16px; line-height: 24px; color: var(--Neutral-60);}
.file-upload .file-upload-image {max-height: 200px; max-width: 200px; margin: auto; padding: 20px;}
.file-upload .image-upload-wrap .uploded_img{margin: 0 auto;}
.file-upload .remove-image {width: auto; margin: 0; color: var(--white); background: #cd4535; border: none; font-size: 14px; padding: 10px 20px; border-radius: 30px; transition: all .2s ease; outline: none; text-transform: uppercase;}
.file-upload .image-title {text-transform: none;}
.file-upload .remove-image:hover {background: #c13b2a; color: var(--white); transition: all .2s ease; cursor: pointer;}
.file-upload .remove-image:active {border: 0; transition: all .2s ease;}
.custom_sign_mod {position: relative; display: flex; align-items: center; gap: 0.5rem;}
.custom_sign_mod .cust_btn_group .btn_transparent {background: var(--bg-trans); border: 1px solid var(--bg-trans); padding: 0; margin: 0; display: flex; align-items: center; gap: 4px;}
.custom_sign_mod .cust_btn_group .btn_transparent:hover,
.custom_sign_mod .cust_btn_group .btn_transparent:focus{border: 1px solid var(--bg-trans); outline:0;}
.custom_sign_mod .cust_btn_group .btn_transparent .userimage {border-radius: 100px; aspect-ratio: 1/1; object-fit: cover; object-position: top center;}
.custom_sign_mod .cust_btn_group .user_proff {display: block; color: var(--Neutral-80); font-size: 14px; font-family: var(--font_inter); font-style: normal; font-weight: 400; line-height: 160%; text-align: left;}
.custom_sign_mod .cust_btn_group .user_name {color: var(--Neutral-1000); font-size: 14px; font-family: var(--font_inter); font-style: normal; font-weight: 700; line-height: 160%;}
.header .menumenu_dropdown {min-width: 250px; list-style: none; position: absolute; top: calc(100% + 15px); right: 0; flex-direction: column; align-items: flex-start; border-radius: 12px; margin: 0; padding: 14.4px; background: var(--white); box-shadow: 0px 4.800000190734863px 7.200000286102295px -2.4000000953674316px rgba(17, 24, 39, 0.05), 0px 10.800000190734863px 19.200000762939453px -4.800000190734863px rgba(17, 24, 39, 0.10);}
.header .menumenu_dropdown li {border-bottom: 1px solid var(--Neutral-200); padding: 14.4px 0; width: 100%;}
.header .menumenu_dropdown li:nth-last-child(1),
.header .menumenu_dropdown li:nth-last-child(2){border-bottom: 0; padding-bottom: 0;}
.header .menumenu_dropdown > li > a {display: flex; align-items: center; gap: 5px; color: var(--Neutral-500); font-size: 18px; font-family: var(--font_inter); font-style: normal; font-weight: 500; line-height: 28px;}
.header .menumenu_dropdown > li > a.become-doctor-button {background: var(--primary); border-radius: 8px; color: var(--white); line-height: normal; padding: 8px 30px;}
.header .menumenu_dropdown > li > a.logout {color: var(--space-cadet);}
.header .menumenu_dropdown li.user_detail {padding-top: 0; border: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.header .menumenu_dropdown li.user_detail .user_profile_blog {cursor: pointer; display: flex; align-items: center; gap: 0.5rem; width: 100%; border-radius: 8px; background: var(--Neutral-100); padding: 8px;}
/* .header .menumenu_dropdown li.user_detail .user_img_frame {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; text-align: center; align-content: center; background: url('data:image/svg+xml,');} */
.header .menumenu_dropdown li.user_detail .user_img_frame {position: relative; width: 32px; height: 32px;}
.header .menumenu_dropdown li.user_detail img.userimage {border-radius: 100%; width: 32px; height: 32px; aspect-ratio: 1/1; object-fit: cover; object-position: top center;}
.header .menumenu_dropdown li.switch_doc_user {border: 0;}
.header .menumenu_dropdown li.user_detail .user_img_frame:before{content: ""; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; z-index: auto; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; text-align: center; align-content: center; background: url('data:image/svg+xml,');}
.header .menumenu_dropdown li.user_detail .user_dl_group {display: flex; flex-direction: column;}
.header .menumenu_dropdown li.user_detail .user_name {color: var(--Neutral-1000); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal;}
.header .menumenu_dropdown li.user_detail .user_name.user_spec {color: var(--Neutral-80); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal;}
.header .menumenu_dropdown li.user_online_btn {border-radius: 48px; background: var(--Neutral-100); border: 0; display: flex; padding: 1px; justify-content: center; align-items: center; align-self: stretch;}
.header .menumenu_dropdown li.user_online_btn span {border-radius: 80px; color: var(--primary); display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4.8px; flex: 1 0 0; font-size: 18px; font-style: normal; font-weight: 500;}
.header .menumenu_dropdown li.user_online_btn span.active,
.header .menumenu_dropdown li.user_online_btn span:hover,
.header .menumenu_dropdown li.user_online_btn span:focus{background: var(--primary); color: var(--white); cursor: pointer;}
.header .menumenu_dropdown li.custom_lang_dropdown select {padding: 0; border: 0; color: var(--Neutral-400); font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; background: url('/images/icons/Arrow-Down.svg') no-repeat right; -webkit-appearance: none; outline: 0;}
.user_dropdown {display: none; border-radius: 8px; background: var(--white); box-shadow: 0px 8px 8px -4px rgba(17, 24, 39, 0.04), 0px 20px 24px -4px rgba(17, 24, 39, 0.10); z-index: 1; width: 100%;}
.user_dropdown_option {display: flex; gap: 0.5rem; padding: 8px;}
.user_dropdown_option .user_dropdown_desc {display: flex; flex-direction: column;}
.user_dropdown .user_dropdown_item{}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInLeft{
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInLeft{
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInRight{
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes slideInRight{
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.usermenu_mobile {overflow: auto; list-style: none; margin: 0; padding: 20px; position: fixed; top: 60px; right: -500px; width: 100%; background: var(--white); height: calc(100% - 132px); z-index: 1; -webkit-animation: slideInRight 0.5s forwards; animation: slideInRight 0.5s forwards;}
.usermenu_mobile.active{right: 0;}
.scroll_up ul.usermenu_mobile.active {height: 100%;}
.usermenu_mobile li {border-bottom: 1px solid var(--Neutral-200); padding: 14.4px 0; width: 100%;}
.usermenu_mobile li:nth-last-child(1),
.usermenu_mobile li:nth-last-child(2){border-bottom: 0; padding-bottom: 0;}
.usermenu_mobile > li > a {display: flex; align-items: center; gap: 5px; color: var(--Neutral-500); font-size: 18px; font-family: var(--font_inter); font-style: normal; font-weight: 500; line-height: normal;}
.usermenu_mobile > li > a.become-doctor-button {background: var(--primary); border-radius: 8px; color: var(--white); line-height: normal; padding: 8px 30px;}
.usermenu_mobile > li > a.logout {color: var(--space-cadet);}
.usermenu_mobile li.user_detail {border: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.usermenu_mobile li.user_detail img.userimage {border-radius: 100%;}
.usermenu_mobile li.user_detail .user_name {color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 15px; font-style: normal; font-weight: 700; line-height: normal;}
.usermenu_mobile li.user_detail .user_name.user_spec {color: var(--Neutral-80); font-family: var(--font_roboto); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;}
.usermenu_mobile li.user_online_btn {max-width: 250px; margin: 0 auto; border-radius: 48px; background: var(--Neutral-100); border: 0; display: flex; padding: 1px; justify-content: center; align-items: center; align-self: stretch;}
.usermenu_mobile li.user_online_btn span {color: var(--primary); display: flex; padding: 8px; justify-content: center; align-items: center; gap: 4.8px; flex: 1 0 0; font-size: 18px; font-style: normal; font-weight: 500;}
.usermenu_mobile li.user_online_btn span.active{border-radius: 80px; background: var(--primary); color: var(--white);}
.usermenu_mobile li.custom_lang_dropdown select {width: 100%; background: var(--bg-trans); padding: 0; border: 0; color: var(--Neutral-400); font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; background: url('/images/icons/Arrow-Down.svg') no-repeat right; -webkit-appearance: none; outline: 0;}
svg {vertical-align: middle;}
.sidebar-nav ul.nav {flex-direction: column; margin:0; padding: 0px 12px; gap: 0.25rem;}
.sidebar-nav ul.nav li a{display: flex; padding: 10px 15px 10px 15px; align-items: center; gap: 16px; border-radius: 8px;}
.sidebar-nav ul.nav li a:hover,
.sidebar-nav ul.nav li a:focus,
.sidebar-nav ul.nav li.active a{background: rgba(25, 71, 229, 0.10); color: var(--space-cadet);}
.sidebar-nav .nav > li > a {color: var(--Neutral-500); font-size: 16px; font-family: var(--font_inter_m); font-style: normal; line-height: 160%;}
.msg_request_cnt {background: rgba(25, 71, 229, 0.10); width: 24px; height: 24px; padding: 2px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--primary); font-size: 14px; vertical-align: middle;}
.sidebar-nav ul.nav li a:hover img,
.sidebar-nav ul.nav li a:focus img{filter: brightness(0);}
/*.sidebar-nav ul.nav li.active a img */
body.site.sidebar_added {background: #F9FAFB;}
.custom_design_row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.custom_design_row .cust_sidebar {width: 272px; border-top: 1px solid var(--Neutral-200); border-right: 1px solid var(--Neutral-200); border-bottom: 1px solid var(--Neutral-200); background: var(--white); padding: 32px 0px;}
.custom_design_row .cust_sidebar .sidebar-nav {border-bottom: 1px solid var(--Neutral-200); padding-bottom: 1rem;}
/* MESSAGE SECTION START */
.view-chats .custom_design_row main#content {width: calc(100% - 272px);}
.view-chats .custom_design_row .mydoc_space {padding: 0;}
.view-chats .custom_design_row .container {padding: 32px;}
.no_msg_list {display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: center;}
.no_msg_icon {margin-bottom: 20px;}
.no_msg_list .msg_title {color: var(--space-cadet); text-align: center; font-family: var(--font_avenir_b); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal;}
.no_msg_list .chat_end_desc {color: var(--space-cadet); text-align: center; font-family: var(--font_avenir); font-size: 20px; font-style: normal; font-weight: 400; line-height: normal;}
.search_data {font-family: var(--font_roboto); font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; padding: 27px 20px; background: var(--white); box-shadow: 0px -1px 0px 0px var(--Neutral-10) inset;}
.message_channel_row {display: grid; grid-template-columns: 37% 63%; gap: 0rem; padding: 0px;}
.message_channel_row .list_thread {min-height: 400px; background: var(--white); /* padding: 1rem 1rem;*/ border-right: 1px solid var(--Neutral-10); border-bottom: 1px solid var(--Neutral-10); overflow: auto;}
.message_channel_row .list_thread::-webkit-scrollbar {width: 1px;}
.message_channel_row .list_thread::-webkit-scrollbar-track {background-color: var(--Neutral-20); -webkit-border-radius: 10px; border-radius: 10px;}
.message_channel_row .list_thread::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: var(--primary);}
.profile-32 {width: 32px; height: 32px; border-radius: 50%;}
.profile-38 {width: 38px; height: 38px; border-radius: 50%;}
.profile-48 {width: 48px; height: 48px; border-radius: 50%;}
.profile-50 {width: 50px; height: 50px; border-radius: 50%;}
.profile-88 {width: 88px; height: 88px; border-radius: 50%; object-fit: cover; object-position: top center; aspect-ratio: 1/1;}
.message_channel_row .thread_detail {background: var(--white); padding: 1rem 1rem; margin-bottom: 0rem; position: relative; box-shadow: 0px -1px 0px 0px var(--Neutral-20) inset;}
.message_channel_row .thread_detail.active {background: var(--primary-08);}
.message_channel_row .thread_chat_pannel .username {display: flex; align-items: center; gap: 10px; margin-bottom: 0.5rem; text-transform: capitalize;}
.message_channel_row .thread_chat_pannel .user_name {color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 16px; font-style: normal; line-height: 160%; position: relative;}
.message_channel_row .thread_detail .last_msg_vals {color: var(--Neutral-70); font-family: var(--font_sfpro); font-size: 14px; line-height: 19px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;}
.message_channel_row .thread_detail .last_msg_time {color: var(--Neutral-70); font-family: var(--font_sfpro); font-size: 14px; line-height: 19px; text-align: right;}
.user_threat_indetail {display: flex; align-items: center; gap: 0.5rem; justify-content: flex-end;}
.user_threat_indetail .pin_btn {background: transparent; padding: 0; border: 0;}
.user_thread_detail .chat_status {display: inline-block; font-size: 11px; line-height: 14px; padding: 4px 8px; margin: 0 auto; text-align: center; color: var(--white); background: var(--gray); border-radius: 6px;}
.message_channel_row .message_comp .top .chat_options .accept_deny {display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.message_channel_row .message_comp .top .chat_options .accept_deny .btn {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 12px 32px; margin: 0; font-size: 14px; line-height: 20px; font-family: var(--font_inter_s); border-radius: 8px; font-weight: normal;}
.message_channel_row .message_comp .top .chat_options .accept_deny .accept_request {border: 1px solid var(--primary); background: var(--primary); color: var(--white);}
.message_channel_row .message_comp .top .chat_options .accept_deny .deny_request{border: 1px solid #F42500; background: var(--white); color: #F42500;}
.message_channel_row .message_comp {padding: 0rem; position: relative;}
.message_channel_row .blank_message-boxes {text-align: center; margin: 2rem 0; padding: 4rem 2rem; display: flex; align-items: center; flex-direction: column;}
.message_channel_row .blank_message-boxes .message_title_blank {color: var(--space-cadet); text-align: center; font-family: var(--font_avenir_b); font-size: 20px; line-height: normal; position: relative; display: block; margin-bottom: 1rem;}
.message_channel_row .thread_detail .thread_name {text-decoration: none;}
.message_channel_row .thread_detail .member_details {display: grid; gap: 8px; grid-template-columns: 48px auto;}
.message_channel_row .thread_detail .user_threat {display: grid; grid-template-columns: 1fr 0.4fr; align-items: center; gap: 8px; justify-content: space-between;}
.message_channel_row .thread_unread_messages {display: flex; align-items: center; background: var(--primary); color: var(--white); width: 16px; height: 16px; font-family: var(--font_sfpro); font-size: 12px; line-height: 14px; justify-content: center; border-radius: 24px; padding: 2px;}
.message_channel_row .thread_detail .user_threat button.pin_btn {background: transparent; padding: 0; border: 0; margin: 0;}
.message_channel_row .message_comp .top {text-align: center; padding: 1rem 1rem; border-bottom: 1px solid var(--Neutral-10); background: var(--white); display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.message_channel_row .message_comp .top .chat_options {display: flex; align-items: center; gap: 20px;}
.message_channel_row .message_comp .top .chat_options button.add_group_member.btn {margin: 0; padding: 2px 5px; font-size: 0; line-height: 0;}
.message_channel_row .message_comp .top .chat_options button {background: var(--bg-trans); border: 0; padding: 0; margin: 0; color: var(--black);}
.message_channel_row .message_comp .top .chat_options button.end_chat_btn {border-radius: 9px; background: var(--secondery); border: 1px solid var(--secondery); display: flex; padding: 12px 20px; justify-content: center; align-items: center; gap: 10px; color: var(--white); text-align: center; font-family: var(--font_inter_b); font-size: 12px; line-height: 19px;}
.message_channel_row .message_comp .top .chat_options button.end_chat_btn:hover,
.message_channel_row .message_comp .top .chat_options button.end_chat_btn:focus{color: var(--secondery); background: var(--white);}
.message_channel_row .message_comp .top .chat_options .btn_pin_chat.pinChat svg {fill: var(--secondary);}
.message_channel_row .message_section .username {padding: 0; text-transform: capitalize; font-family: var(--font_inter_s); font-size: 16px; line-height: 24px; color: var(--Neutral-1000); display: flex; align-items: center; gap: 10px;}
.message_channel_row .message_section .doctor_pro_detail {display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start;}
.message_channel_row .message_section .doctor_pro_detail .user_proff {color: var(--Neutral-80); font-family: var(--font_inter); font-size: 12px; font-weight: normal; line-height: 16px;}
.message_channel_row .message-boxes {padding: 1rem; overflow-y: auto; background: var(--white); height: 400px;}
.message_channel_row .message-boxes::-webkit-scrollbar {width: 2px;}
.message_channel_row .message-boxes::-webkit-scrollbar-track {background-color: var(--Neutral-20); -webkit-border-radius: 10px; border-radius: 10px;}
.message_channel_row .message-boxes::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: var(--primary);}
.message_channel_row .message-boxes .profile_box {display: flex; align-items: center; flex-direction: column; gap: 8px; padding: 32px;}
.message_channel_row .message-boxes .profile_box .user_name {font-family: var(--font_roboto); font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; color: #202430;}
.message_channel_row .message-boxes .profile_box .user_proff {color: var(--Neutral-80); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%;}
div#message_table .msg_date_title {display: flex; align-items: center; justify-content: center; margin: 1rem 0; position: relative;}
/* div#message_table .msg_date_title:before {content: ""; border: 1px solid var(--Neutral-20); width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */
div#message_table .msg_date_title .msg_date_section {border-radius: 18px; padding: 4px 10px; color: var(--primary); font-family: var(--font_inter_s); font-size: 12px; line-height: 20px; background: var(--primary-10); z-index: 1;}
.message_channel_row .left_msg {text-align: left; position: relative; color: var(--white); margin-bottom: 1rem; background: var(--white); border-radius: 8px 0px 8px 8px; max-width: 60%; margin-left: auto; display: flex; align-items: flex-start; gap: 10px; flex-direction: row-reverse;}
.message_channel_row .right_msg {text-align: right; position: relative; color: var(--Neutral-80); margin-bottom: 1rem; background: var(--white); border-radius: 0px; max-width: 60%; margin-right: auto; display: flex; align-items: flex-start; gap: 10px;}
.message_channel_row .user_profile {background: var(--white); display: flex; border-radius: 50%; padding: 0px; vertical-align: middle; margin: 0; width: 34px; height: 34px; align-items: center; justify-content: center; flex: 0 0 34px;}
.message_channel_row .right_msg .cust_user_section {display: flex; flex-direction: column; align-items: flex-start;}
.message_channel_row .cust_user_section .user_name {text-align: left; color: var(--cadet-black); font-family: var(--font_helvetica_b); font-size: 15px; line-height: 20.8px;}
.message_channel_row .left_msg .cust_user_section .user_name{text-align: right;}
.message_channel_row .group_notification {text-transform: capitalize; text-align: center; border: 1px solid var(--Neutral-1000); margin: 0.5rem auto; border-radius: 6px; font-size: 12px; line-height: 14px; color: var(--Neutral-1000); width: fit-content; padding: 0.2rem 0.5rem; display: block; align-items: center; justify-content: center; font-family: var(--font_roboto_b);}
.message_channel_row .message-boxes .user_msg {font-family: var(--font_helvetica); font-size: 13px; line-height: 20px; text-align: left;}
.message_channel_row .message-boxes .user_msg a {color: #575361; font-size: 12px; line-height: 15.6px; font-family: var(--font_inter_b); text-decoration: none;}
.message_channel_row .message-boxes .left_msg .user_msg a {color: var(--white);}
.message_channel_row .message-boxes .left_msg .user_msg a svg{vertical-align: middle; color: var(--white);}
.message_channel_row .message-boxes .right_msg .user_msg a svg{vertical-align: middle; color: var(--primary);}
.message_channel_row .left_msg .user_msg {background: var(--primary); padding: 12px 16px; border-radius: 8px 8px 8px 8px; word-wrap: normal; word-break: break-word; margin-bottom: 10px;}
.message_channel_row .right_msg .user_msg {width: auto; background: var(--Neutral-90); padding: 12px 16px; border: 1px solid var(--Neutral-90); border-radius: 8px; word-wrap: normal; word-break: break-word; color: var(--cadet-black); margin-bottom: 10px;}
.message_channel_row .left_msg .demo1::part(button) {stroke: white; fill:white;}
.message_channel_row .left_msg .demo1::part(currenttime){color:white;}
.message_channel_row .left_msg .demo1::part(duration) {display: none;}
.message_channel_row .left_msg .demo1::part(path1) {stroke: #8190C8;}
.message_channel_row .left_msg .demo1::part(path2) {stroke:#ffffff;}
.message_channel_row .right_msg .demo1::part(play){border-color: #1D2026;}
.message_channel_row .right_msg .demo1::part(button) {stroke: #1D2026; fill:#1D2026;}
.message_channel_row .right_msg .demo1::part(currenttime){color:#1D2026;}
.message_channel_row .right_msg .demo1::part(duration) {display: none;}
.message_channel_row .right_msg .demo1::part(path1) {stroke: #8190C8;}
.message_channel_row .right_msg .demo1::part(path2) {stroke:#1D2026;}
.message_channel_row .message_time {display: flex; align-items: center; gap: 5px; color: var(--black); font-family: var(--font_helvetica); font-size: 10px; line-height: 10px;}
.message_channel_row .message_time svg {vertical-align: middle;}
.message_channel_row .left_msg .message_time{justify-content: end;}
.message_channel_row .right_msg .message_time{justify-content: flex-end; width: max-content;}
.message_channel_row .messages_footer-control {display: grid; background-color: var(--white); padding: 15px; grid-template-columns: 1fr 24px 24px 75px; gap: 20px; border-top: 1px solid var(--Neutral-10); border-bottom: 1px solid var(--Neutral-10); align-items: center; position: relative;}
.message_channel_row .messages_footer-control .btn-rocord,
.message_channel_row .messages_footer-control .btn-stop {padding: 4px; font-size: 0; position: absolute; top: 50%; right: 140px; transform: translate(0%, -50%); margin: 0; background: var(--white); color: var(--primary); box-shadow: 0rem 0rem 2px 2px var(--primary) !important;}
.message_channel_row .messages_footer-control .btn_micro {padding: 0; border: 0; background: transparent; color: #1D2026;}
.message_channel_row .send_message {font-size: 14px; font-family: var(--font_inter_s); background: var(--primary); border: 1px solid var(--bg-trans); color: var(--white); padding: 8px 16px; cursor: pointer; margin: 0; border-radius: 31px;}
.message_channel_row .send_message.disable_msg_box{opacity: 0.20;}
.message_channel_row .send_message .send-btn {vertical-align: middle;}
.message_channel_row .btn_attachment {background: var(--white); color: #1D2026; padding: 0px; cursor: pointer; margin: 0; border-radius: 0;}
.message_channel_row .btn_attachment svg {vertical-align: middle;}
.message_channel_row .messages_footer-control .message_box {border: 1px solid var(--Neutral-20); background-color: var(--white); font-size: 13px; line-height: 16px; width: 100%; padding: 13px 16px; box-sizing: border-box; color: var(--Neutral-1000); border-radius: 8px; resize: none; height: 44px; vertical-align: middle; outline: 0; margin: 0;}
/* .message_channel_row .messages_footer-control .message_box.disable_msg_box {border: 1px solid var(--Neutral-20); background: var(--Neutral-100);} */
/* .message_channel_row .messages_footer-control .disable_msg_box:before {content: ""; width: 24px; height: 24px; display: block; position: absolute; right: 50%; top: 50%; transform: translate(-50%, -50%); background: url('data:image/svg+xml,'); background-repeat: no-repeat;} */
.emoji-picker-container .emoji-picker-icon{top: 13px; right: 16px;}
.back_btn {background: var(--white); width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 30px; padding: 5px; cursor: pointer; border: 1px solid var(--bg-trans);}
.back_btn:hover,
.back_btn:focus{border: 1px solid var(--primary);}
.upload_proceeds .progress{background-color: var(--offwhite); border-radius: 0.3rem; height: 0.3rem; position: absolute; top: 0px; width: 100%; left: 0; right: 0;}
.upload_proceeds .progress-bar {background: linear-gradient(95.55deg, #1ba698 4.25%, var(--green) 93.67%);}
.upload_proceeds .preview {display: flex; align-items: center; gap: 10px; font-size: 14px; margin: 0.5rem 0;}
.upload_proceeds .preview a {color: var(--primary);}
.message_channel_row .message_comp .message_list_doctor {display: flex; justify-content: space-between; gap: 1rem;}
.message_channel_row .message_comp .message_list_doctor .thread_name{width: 100%;}
/* .thread_chat_pannel {max-height: 472px; overflow: auto;} */
.search_section {display: flex; align-items: center; justify-content: space-between; gap: 10px; position: relative;}
.search_section input.search_tags_field {background: var(--white); border: 2px solid var(--green_t); cursor: pointer; padding: 8px 12px; border-radius: 6px; height: 40px; font-size: 15px; line-height: 20px; color: var(--granite-gray); margin-bottom: 0px;}
body .search_section button.create_user_chatgroup {margin: 0; height: 40px; border-radius: 6px;}
body .search_section button.create_user_chatgroup svg{vertical-align: middle;}
.user_group_list {margin: 1rem 0; padding: 0; list-style: none;}
.user_group_list li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.8rem;}
.user_group_list li .user_group_detail {display: flex; align-items: center; gap: 10px; color: var(--primary); font-size: 15px; line-height: 20px;}
.user_group_list li button.remove_group_user {cursor: pointer; width: 20px; height: 20px; display: flex; align-items: center; padding: 3px; border: 2px solid #ff0000; border-radius: 20px; color: #ff0000;}
div#suggesstion-box {position: absolute; background: var(--white); box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); width: 100%; left: 0; top: 41px; height: auto; z-index: 1111;}
div#suggesstion-box ul#doctor-list {list-style: none; margin: 0; padding: 0;}
div#suggesstion-box ul#doctor-list li {display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 0.5rem 1rem; cursor: pointer; border-bottom: 1px solid var(--fc-list-event-hover-bg-color); font-size: 15px; line-height: 20px; color: var(--primary);}
div#suggesstion-box ul#doctor-list li:hover,
div#suggesstion-box ul#doctor-list li:focus{color: var(--green);}
div#suggesstion-box ul#doctor-list li:last-child{border-bottom: 0;}
.createuser_section {margin: 1rem 0; background: var(--white); box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); padding: 20px; border-radius: 0;}
.createuser_section h5 {text-align: center;}
.createuser_section .control-group {margin-bottom: 0.5rem;}
.createuser_section .control-group input.form-control {padding: 5px 10px; background: var(--white); border: 1px solid #D1D1D1; border-radius: 6px; height: 40px!important; color: var(--primary); font-size: 15px; line-height: 20px; margin-bottom: 0;}
.search_data .search_message_list{display: flex; align-items: center; padding: 1rem; background: var(--primary); border-top-left-radius: 6px; border-top-right-radius: 6px;}
.search_message_list {position: relative; margin-bottom: 1rem;}
.search_message_list input.search_value {border-radius: 4px; border: 1px solid var(--Neutral-20); padding: 12px 24px 12px 48px; box-sizing: border-box; width: 100%; height: 50px; font-size: 16px; line-height: normal; background: var(--white); margin: 0;}
.search_message_list .search_chat{color: #1D2026; font-weight: normal; background: var(--bg-trans); cursor: pointer; padding: 0 12px; border-radius: 0px; border: 0; height: 100%; position: absolute; left: 0; top: 0; display: flex; align-items: center;}
.search_message_list .search_chat svg {vertical-align: middle;}
.search_message_list .search_chat:hover,
.search_message_list .search_chat:focus {background: var(--primary); color: var(--white);}
.search_message_list .clear_search {position: absolute; right: 0; padding: 7px; border-radius: 50%; width: 24px; display: flex; align-items: center; height: 100%; top: 0; border: 0; background: var(--bg-trans);outline: 0; box-shadow: none;}
.cust_tabing_blog .cust_tab_group .nav_tabs {box-shadow: none; gap: 6px; margin-bottom: 1rem;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link {background: #9CA3AF1A; border-radius: 18px; padding: 7px 12px; font-size: 12px; line-height: 16px; color: #9CA3AF; font-family: var(--font_inter_s); font-weight: normal}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link:after{display: none;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link.nav-tab-active{background: var(--primary-10); color: var(--primary);}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link .unreadCountVal{display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 8px; background: #9CA3AF; color: var(--white); font-size: 12px; font-weight: 400; line-height: 14.32px; letter-spacing: -0.01em; text-align: center;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link.nav-tab-active .unreadCountVal{background: var(--primary);}
div.modal.end_chat_modal {background: transparent; border: 0; box-shadow: none; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto; right: unset; margin: 0 auto;}
.end_chat_modal .modal-dialog {border-radius: 8px; border: 1px solid var(--Neutral-100); background: var(--white); max-width: 550px; padding: 32px;}
.end_chat_modal button.close.close_end_chat {position: absolute; top: 10px; right: 10px; opacity: 1;}
.end_chat_modal .modal-content {border: 0; background: transparent; border-radius: unset;}
.end_chat_modal .modal-body {width: 100%; padding: 0;}
.end_chat_modal .doller_sign_symbol {display: flex; padding: 20px; justify-content: center; align-items: center; gap: 25px; border-radius: 2500px; background: rgba(25, 71, 229, 0.10); margin: 0 auto; align-content: center; width: 80px; height: 80px;}
.end_chat_modal .chat_end_title {color: var(--black); text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.end_chat_modal .chat_end_title label {color: var(--primary); display: inline-block; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.end_chat_modal .chat_end_desc {color: var(--Neutral-600); text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 1.5rem;}
.end_chat_modal .end_chat_btn_group {display: flex; align-items: center; gap: 33px; justify-content: center;}
.end_chat_modal .end_chat_btn_group button.btn {text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; padding: 12px 32px; border-radius: 8px;}
.end_chat_modal .end_chat_btn_group button.btn-cancel{background: var(--Neutral-300); border: 1px solid var(--Neutral-300); color: var(--Neutral-500);}
.end_chat_process {text-align: center; display: flex; align-items: center; flex-direction: column; gap: 0.5rem;}
.end_chat_process button.btn.btn_chat_archive {text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; border-radius: 8px; padding: 12px 32px;}
.end_chat_modal .modal-body .icon_chat_end{max-width: 100px; margin: 0 auto;}
.end_chat_modal .modal-body .chat_end_process_desc {color: var(--black); text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
.chat_end_process_blog {display: flex; flex-direction: column; gap: 0.5rem; align-items: center;}
.chat_end_process_blog .chat_processed_icon {max-width: 100px; margin: 0 auto;}
.chat_end_process_blog .chat_end_process_desc {color: var(--Black, #000); text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.chat_end_process_blog .chat_end_process_desc .secondery_text{color: var(--secondery);}
/* MESSAGE SECTION END */
.display_page {border: 1px solid var(--Neutral-200); padding: 24px 32px;}
.page-header-group {display: flex; align-items: center; justify-content: space-between; gap: 1rem; border: 1px solid var(--Neutral-200); border-bottom: 0; padding: 32px 32px 32px 32px; margin-bottom: 0px;}
.page_title {color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; margin: 0;}
.page-sub-header {font-size: 14px; line-height: 24px; font-family: var(--font_inter); color: var(--Neutral-500);}
.public_profile_page h3.page-header {margin: 0; padding: 0;}
/* .my_dr_tab_group {display: flex; align-items: center; justify-content: left; gap: 40px; flex-wrap: nowrap; align-content: center; list-style: none; margin: 0 auto 1.5rem; padding: 0; background: var(--white, #FFF); box-shadow: 0px -1px 0px 0px var(--Neutral-20) inset;} */
.my_dr_tab_group {display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; justify-content: left; gap: 0px; flex-wrap: nowrap; align-content: center; list-style: none; margin: 0 auto -1px auto; padding: 0; background: var(--white, #FFF); /*box-shadow: 0px -1px 0px 0px var(--Neutral-20) inset;*/ border: 1px solid var(--Neutral-20);}
.my_dr_tab_group li {color: var(--Neutral-400); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%; padding: 20px 20px; position: relative; cursor: pointer;}
.my_dr_tab_group li:after {content: ""; display: block; width: 100%; height: 1px; background-color: var(--bg-trans); position: absolute; left: 0; bottom: 0; border-radius: 0px;}
.my_dr_tab_group li.active {color: var(--russian-black);}
.my_dr_tab_group li.active:after {background-color: var(--primary);}
.my_dr_tab_group li.active .my_dr_desk_icons {color: var(--primary);}
.btn_drop_case {border: 1px dashed var(--primary); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; padding: 8.5rem 1rem;}
.btn_drop_case .cases_value {color: var(--body-content-color); font-size: 12px; line-height: 20px; font-family: var(--font_inter_m); text-align: center;}
.btn_drop_case .btn-outline {border-color: #1947E533;}
/* */
.btn_action_dropdown {
background: #fff;
border: 1px solid #1947E533;
border-radius: 8px;
padding: 10px;
display: flex;
align-items: center;
position: absolute;
right: -10px;
top: 0px;
z-index: 1;
cursor: pointer;
}
.custom_action_dropdown {
list-style: none;
margin: 0;
border: 1px solid var(--Neutral-200);
border-radius: 8px;
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px 0;
background: #fff;
position: absolute;
top: 50px;
right: -10px;
min-width: 125px;
z-index: 11;
}
.custom_action_dropdown .action_dropdown_item.action_dropdown_delete {border-top: 1px solid var(--Neutral-200);}
.custom_action_dropdown .action_dropdown_item{}
.custom_action_dropdown .action_dropdown_item button {border: 0; background: none; font-size: 13px; line-height: 20px; width: 100%; font-family: var(--font_inter_m); color: #111827; display: flex; align-items: center; gap: 0.5rem;}
/* */
.control_label .main_label {color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%;}
.control_label .sub_label {color: var(--Neutral-80); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%;}
.control-group select.form-control {padding-top: 0; padding-bottom: 0;}
.control-group select[multiple]{height: auto; min-height: 44px;}
.control-group select.form-control option:hover,
.control-group select.form-control option:focus,
.control-group select.form-control option:active,
.control-group select.form-control option:checked,
.control-group select.form-control option:checked {background-color: var(--primary); color: var(--white);}
.display_page .info_dr_form .file-upload {display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid var(--Neutral-200); padding-bottom: 24px; margin-bottom: 16px;}
.display_page .faq_dr_form .control-group label#jform_FAQs-lbl {display: none;}
.subform-repeatable > .btn-toolbar .btn-group {position: absolute; top: 0px; left: 15px;}
.faq_dr_form .subform-repeatable > .btn-toolbar .btn-group {position: relative; top: unset; left: unset;}
.subform-repeatable > .btn-toolbar .btn-success{border-radius: 8px; border: 1px solid var(--primary); background: var(--white); display: flex; padding: 10px 16px; justify-content: center; align-items: center; gap: 5px;}
.subform-repeatable > .btn-toolbar .btn-success:after {content: "FAQ"; color: var(--primary); text-align: center; font-family: var(--font_roboto); font-size: 14px; font-style: normal; font-weight: 700; line-height: 0; vertical-align: middle;}
.subform-repeatable > .btn-toolbar .btn-success:hover,
.subform-repeatable > .btn-toolbar .btn-success:focus,
.subform-repeatable > .btn-toolbar .btn-success:active{background: var(--white); border: 1px solid var(--primary); box-shadow: none; outline: 0;}
.subform-repeatable .btn-toolbar .btn-success .icon-plus {width: 24px; height: 24px; font-size: 0; margin: 0; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.subform-repeatable-group .btn-group {display: flex; align-items: center; gap: 15px; justify-content: flex-end; width: 100%;}
.subform-repeatable-group .btn-group .btn{border: 0; background: var(--Neutral-50); border-radius: 0; box-shadow: none; outline: 0; padding: 0; display: flex; flex: none; align-items: center; justify-content: center;}
.subform-repeatable-group .btn-group .btn:hover,
.subform-repeatable-group .btn-group .btn:focus,
.subform-repeatable-group .btn-group .btn:active{background: var(--white); border: 0; box-shadow: none; outline: 0;}
.subform-repeatable-group .btn-group .btn .icon-plus {width: 24px; height: 24px; font-size: 0; margin: 0; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.subform-repeatable-group .btn-group .btn .icon-minus{width: 24px; height: 24px; font-size: 0; margin: 0; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.subform-repeatable-group .btn-group .btn .icon-move,
.subform-repeatable-group .btn-group .btn .icon-arrows-alt{width: 24px; height: 24px; font-size: 0; margin: 0; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.subform-repeatable-group {border-radius: 8px; background: var(--Neutral-50); padding: 24px; margin: 0 0 24px 0;}
.subform-repeatable-group.subform-repeatable-group-sr-0 {margin-top: 50px;}
.display_page .my_dr_btn_group {display: flex; align-items: center; gap: 24px; justify-content: flex-end; margin: 24px 0 0 0; padding: 34px 0 0 0; border-top: 2px solid var(--Neutral-20);}
.my_dr_btn_group button.next, .my_dr_btn_group .btn-primary{padding: 12px 32px;}
.form-horizontal .control-label {float: none; width: 100%; text-align: left;}
.form-horizontal .controls{width: 100%; margin: 0; float: none;}
.display_page h3.page-header {border: 0; color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%;}
.btn_prev {min-width: auto; padding: 12px 32px; border-radius: 8px;}
.cust_media_list_group.no_media {grid-template-columns: repeat(1, 1fr);}
.cust_media_list_group {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.cust_media_list_group .cust_media_list_group_item {border-radius: 6px; border: 1px solid #00000024; padding: 1rem; margin: 0;}
.cust_media_list_group .cust_media_list_group_item .media_fullscreen {border-radius: 8px;}
.media_detail {display: flex; flex-direction: column; gap: 0.5rem; justify-content: space-between; position: relative;}
.media_detail .media_name {color: var(--Neutral-500); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px;}
.media_detail button.delete_cases {background: var(--bg-trans); border: 0; outline: 0; box-shadow: none; color: #F43F5E; padding-top: 8px;}
.media_grp {display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; margin: 0 0 24px 0;}
.media_grp .control-group {width: 100%;}
.my_dr_tab_content .row {margin-left: 0; margin-right: 0;}
.my_dr_tab_content .row_01 {border-bottom: 2px solid var(--Neutral-20); margin: 0 0 1rem 0; padding: 0 0 1rem 0;}
.UpdateMedia {display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; align-items: center; width: 100%; border: 1px solid #E9EAF0; padding: 1rem; border-radius: 4px; margin-bottom: 1rem;}
.UpdateMedia .update_media_grid {display: grid; grid-template-columns: 88px auto; gap: 0.5rem; align-items: center;}
.UpdateMedia .privew_detials {font-size: 12px; line-height: 18px; display: flex; flex-direction: column; gap:2px;}
.UpdateMedia #imageName {font-family: var(--font_inter_b); color: #0B0B0B; word-break: break-word;}
.UpdateMedia #imageSize {color: #6D6D6D;}
.UpdateMedia #previewEditCase img {width: 88px; height: 66px; border-radius: 4px;}
.removeMediaEdit{color: var(--gray35); border: 0; background: var(--bg-trans);}
.media_grp .image-upload-wrap {border: 1px dashed #D1D5DB; padding: 24px; border-radius: 8px; text-align: center; position: relative;}
.media_grp .image-upload-wrap .drag-text {font-family: var(--font_inter); font-size: 12px; line-height: 20px;}
.media_grp .image-upload-wrap .file-upload-input {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.my_dr_grid_blog {display: flex; align-items: flex-end; gap: 1rem;}
.my_dr_grid_blog .control-group {margin-bottom: 0; min-width: 240px;}
.med_dr_grp .control-group .chzn-container {width: 100% !important; min-width: 250px;}
.location_dr_form .my_dr_grid_group{display: grid; grid-template-columns: auto 150px; align-items: flex-end; gap: 24px; margin-bottom: 1rem;}
.location_dr_form .location_bg_section{border-radius: 8px; background: var(--Neutral-100); padding: 12px; margin: 16px 0;}
.location_dr_form .my_dr_grid_group .control-group{margin: 0;}
.location_dr_form .my_dr_grid_group .btn-location {display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 0; padding: 10px 16px; margin: 0;}
.location_dr_form .subform-repeatable > .btn-toolbar .btn-success:after{content: "add location";}
.my_dr_form_complete {text-align: center; display: flex; align-items: center; flex-direction: column; gap: 8px;}
.my_dr_form_complete .my_dr_home_btn {display: flex; align-items: center; gap: 8px;}
.my_dr_form_complete .my_dr_Thankyou {margin: 0;}
body.sidebar_added main#content {margin: 0;}
body.sidebar_added main#content .container {max-width: 100%;}
.view-doctor .section_03 {background: #F3F8FF;}
.cust_main_row_01,
.cust_main_row_02,
.cust_main_row_03 {padding: 24px; border-radius: 24px; background: var(--white);}
.cust_main_row_02,
.cust_main_row_03 {margin-top: 2rem;}
.img_cust_cols img {border-radius: 8px;}
.profile_cust_cols .dr_name {color: var(--Neutral-800); font-size: 24px; font-weight: 700; line-height: 32px;}
.profile_cust_cols .dr_ql_name {color: var(--primary); font-size: 14px; font-weight: 600; line-height: normal; margin-bottom: 0.5rem;}
.profile_cust_cols .profile_factor {margin-bottom: 0.5rem;}
.profile_cust_cols .specification {display: inline-flex;}
.profile_cust_cols .dr_lo_name{color: var(--Neutral-500); font-size: 14px; font-weight: 400; line-height: normal; margin-bottom: 0.5rem;}
.profile_cust_cols .cercle_left:before {content: ""; background: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.profile_cust_cols .dr_rating .rating_btn {color: var(--primary); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 8px; background: rgba(25, 71, 229, 0.10); display: inline-flex; padding: 4px; align-items: center; gap: 4px; margin-bottom: 0.5rem;}
.services_list .services_title {color: var(--Neutral-800); font-size: 16px; line-height: 24px;}
/* .services_list .list_services {padding: 0; list-style: none; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px;}
.services_list .list_services .services_item {border-radius: 9.6px; background: #F3F6FE; padding: 15px 10px;}
.services_list .list_services .services_item .services_link{display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; gap: 5px; color: var(--Neutral-500); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize;} */
.services_list .list_services {display: flex; list-style: none; margin: 0; padding: 0; gap: 0.5rem; flex-wrap: wrap;}
.services_list .list_services li.services_item {word-wrap: unset; text-wrap: nowrap; border-radius: 9.6px; background: #F3F6FE; padding: 10px 15px;}
.about_title {color: var(--Neutral-800); font-size: 16px; line-height: 24px;}
.about_cust_cols .dr_desc {color: var(--Neutral-600); font-size: 14px; font-weight: 400; line-height: 20px; margin-bottom: 0.5rem;}
.cust_speacification_list {list-style: none; margin: 0; padding: 0;}
.cust_speacification_list li{margin-bottom: 8px; font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px;}
.cust_speacification_list li .cust_title {color: var(--primary);}
.cust_speacification_list li .cust_desc {color: var(--Neutral-600);}
.chat_cost_label {display: flex; padding: 6px 10px; align-items: flex-start; gap: 4px; align-self: stretch; border-radius: 4px; background: #F3F6FE;}
.chat_cost_label label {color: var(--Neutral-700); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin: 0;}
.chat_cost_label span {color: var(--primary); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize;}
.custom_profile_btn_group {display: flex; align-items: center; gap: 1rem; margin: 1rem 0;}
.custom_profile_btn_group .online_chat {font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; display: inline-flex; padding: 8px 12px; justify-content: center; align-items: center; gap: 10px; flex: 1 0 0;}
.custom_profile_btn_group .btn-primary{color: var(--white);}
.custom_profile_btn_group .AddIntoDoclist {
display: inline-flex;
padding: 8px 12px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 8px;
border: 1px solid var(--primary);
color: var(--primary);
font-family: var(--font_inter);
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: normal;
background: var(--white);
}
.joomla_tabs {display: flex; gap: 15px; list-style: none; margin: 0; padding: 0; box-shadow: 0px -1px 0px 0px var(--Neutral-20) inset;}
.joomla_tabs .nav-link {color: var(--Neutral-400); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%; position: relative; cursor: pointer; text-decoration: none;}
.joomla_tabs .nav-link:after {content: ""; display: block; width: 100%; height: 4px; background-color: var(--bg-trans); position: absolute; bottom: 0; left: 0; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.joomla_tabs .nav-link:hover,
.joomla_tabs .nav-link:focus,
.joomla_tabs .nav-tab-active.nav-link{color: var(--Neutral-600);}
.joomla_tabs .nav-tab-active.nav-link:after {background-color: var(--primary);}
.tab_content .tab-pane{display: none;}
/* DOCTOR DETAIL PAGE CSS START FROM 08-08-24 */
.com_appointment_booking.view-doctor .custom_design_row {margin-top: 70px;}
.tab_content .tab-pane.active {display: block;}
/* #stickey_content.stickey_tab{position: fixed; top: 70px;} */
.cust_dr_details .cust_tabing_blog{padding: 0;}
#stickey_content.stickey_tab #header_tab {position: fixed; top: 70px; background: var(--white); margin-left: -22px; z-index: 1;}
#stickey_content.stickey_tab #header_tab:before, #stickey_content.stickey_tab #header_tab:after {display: none;}
.stickey_tab .tab_header {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--Neutral-20); margin-bottom: 1rem; padding-left: 0; padding-right: 0;}
.stickey_tab .tab_header .joomla_tabs {margin-bottom: 0 !important; box-shadow: none;}
.tab_header .tab_list_view{display: none;}
.stickey_tab .tab_header .tab_list_view {display: flex; align-items: center; gap: 1rem;}
.chat_list {display: flex; align-items: center; gap: .25rem;}
.chat_list .chat_title {font-family: var(--font_inter_b); color: var(--Neutral-700);}
.chat_list .chat_price {color: var(--primary); font-family: var(--font_inter_b);}
#stickey_content.stickey_tab #header_tab .custom_profile_btn_group .btn {font-size: 12px; line-height: normal;}
.stickey_tab .tab_header .button_list {display: flex; align-items: center; gap: 0.5rem;}
.stickey_tab .tab_header .button_list .btn{padding: 8px 10px; font-size: 12px; line-height: normal; font-family: var(--font_inter_s);}
#stickey_content.stickey_tab #header_tab .custom_profile_btn_group{margin: 0;}
#stickey_content.stickey_tab #header_tab .custom_profile_btn_group .AddIntoDoclist {flex: none;}
/* DOCTOR DETAIL PAGE CSS CLOSE FROM 08-08-24 */
.cust_cases_list_group {display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
.cust_cases_list_group .cust_cases_list_group_item {display: flex; align-items: center; flex-direction: column;}
.cust_cases_list_group .cust_cases_list_group_item .media_title {display: block; width: 100%; color: var(--Neutral-600); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 0.5rem;}
.cust_cases_list_group .cust_cases_list_group_item .media_fullscreen{width: 100%; height: 100%; object-fit: cover; object-position: center center; border: 0; border-radius: 8px;}
.cust_accordians {border-radius: 10px; border: 1px solid var(--Neutral-300); padding: 32px; margin-bottom: 16px;}
.cust_accordians_header {color: var(--Neutral-900); font-size: 18px; font-weight: 500; line-height: 28px; margin: 0;}
.cust_accordians_ans.panel {color: var(--Neutral-600); font-size: 16px; font-weight: 400; line-height: 24px;}
.cust_tabing_blog .cercle_left:before {content: ""; background: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.cust_tabing_blog {width: 100%;}
.cust_tabing_blog .tab_content .tab-pane {display: block; margin-top: 1rem;}
/* .cust_tabing_blog .tab_content .tab-pane#FAQs {margin-bottom: 0;} */
.cust_tabing_blog .tab_content .tab-pane:first-child {margin-bottom: 0;}
.cust_tabing_blog .tab_content .tab-pane .row.location_box {margin-left: -10px; margin-right: -10px;}
div#googleMap {border-radius: 8px; background: var(--Neutral-50); padding: 16px;}
.location {border-radius: 4px; border: 1px solid var(--Neutral-300); background: rgba(25, 71, 229, 0.00); padding: 1rem; margin-bottom: 1rem; display: flex; align-items: center; justify-content: space-between;}
.location.selected {background: rgba(25, 71, 229, 0.10);}
.location .location_title {color: var(--black); font-family: var(--font_inter_s); font-size: 16px; line-height: 25.6px;}
.location .dr_lo_name {color: var(--Neutral-500); font-family: var(--font_inter); font-size: 14px; font-weight: 400; line-height: 16.94px; margin: 4px 0 0 0;}
.action_btn_group {display: flex; align-items: center; justify-content: flex-end; gap: 12px;}
.action_btn_group .edit_location,
.action_btn_group .delete_location {color: var(--gray35); padding: 0px; border: 0; background: var(--bg-trans); display: flex; align-items: center; justify-content: center;}
.location_bg_section .my_dr_grid_group {display: grid; grid-template-columns: 1fr auto; gap: 0.5rem;}
.profile_factor .pro-part{display: flex; align-items: stretch; gap: 5px; margin-bottom: 0.5rem;}
.verified_badge, .verified_btn {border-radius: 8px; background: rgba(25, 71, 229, 0.10); display: inline-flex; padding: 4px 8px; align-items: center; gap: 4px; text-transform: capitalize; color: var(--primary); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal;}
.message_requests .message_list_doctor {display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.message_requests .message_list_doctor .thread_name{width: 100%;}
.message_channel_row .back_to_list{display: none;}
.message_channel_row .message_requests .thread_detail .accept_deny button.btn {display: flex; width: 44px; height: 44px; padding: 8px 7px; justify-content: center; align-items: center; gap: 10px;}
.message_channel_row .message_requests .thread_detail .accept_deny .accept_request{border-radius: 80px; border: 1px solid #32BA7C; color: #32BA7C; background: var(--white);}
.message_channel_row .message_requests .thread_detail .accept_deny .deny_request{border-radius: 80px; border: 1px solid #F15249; color: #F15249; background: var(--white);}
.message_channel_row .thread_detail .user_name {color: var(--jet-black); font-family: var(--font_sfpro_s); font-size: 16px; line-height: 19px;}
.message_channel_row .message_comp .top .chat_options.mobile_chat_option {display: none;}
.profile_created_blog {display: flex; align-items: center; flex-direction: column; gap: 10px;}
.profile_created_blog .profile_title {color: var(--Neutral-900); font-size: 24px; font-weight: 700; line-height: 32px;}
.profile_created_blog .profile_sub_title{color: var(--Neutral-900); font-size: 14px; font-style: normal; font-family: var(--font_inter_s); line-height: 20px;}
.profile_created_blog .profile_bg_image {margin: 15px auto;}
.profile_created_blog .inquiry_title {color: var(--Neutral-900); font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 0;}
.profile_live {border-radius: 8px; background: rgba(50, 186, 124, 0.10); display: inline-flex; padding: 8px 12px; align-items: center; gap: 2px; color: #32BA7C; font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal;}
.profile_not_live{border-radius: 8px; background: rgba(254, 77, 0, 0.10); display: inline-flex; padding: 8px 12px; align-items: center; gap: 2px; color: var(--secondery); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal;}
.profile_published_blog {display: flex; align-items: center; flex-direction: column; gap: 10px; text-align: center;}
.profile_published_blog .profile_title {color: var(--Neutral-900); font-size: 24px; font-weight: 700; line-height: 32px;}
.profile_published_blog .profile_sub_title{color: var(--Neutral-900); font-size: 14px; font-style: normal; font-family: var(--font_inter_s); line-height: 20px;}
.profile_published_blog .profile_sub_title img {width: 70px;}
.profile_published_blog .profile_bg_image {width: 150px; height: 135px; margin: 0 auto 15px auto;}
div#modal-update-doc {border-radius: 24px; max-width: 717px; padding: 44px; bottom: unset; top: 20%; margin: 0 auto; transform: translate(-50%, 0); height: auto;}
div#modal-update-doc .modal-dialog-centered{margin: 0 auto; min-height: auto; max-width: 100%;}
div#modal-update-doc .modal-content{border: 0;}
div#modal-update-doc .modal-header{border: 0; padding: 0;}
div#modal-update-doc .modal-header .update_doc_close {opacity: 1; padding: 0; margin: 0 0 0 auto;}
div#modal-update-doc .modal-body{}
div#LocationModal {border-radius: 24px; max-width: 717px; padding: 30px; bottom: unset; top: 15%; margin: 0 auto; transform: translate(-50%, 0); height: auto;}
div#LocationModal .modal-dialog{margin: 0 auto; min-height: 490px; max-width: 100%;}
div#LocationModal .modal-content{border: 0;}
div#LocationModal .modal-header{border: 0; padding: 0; margin-bottom: 1rem;}
div#LocationModal .modal-body{padding: 0; width: 100%; margin: 0;}
div#LocationModal .modal-body .control-group {margin-bottom: 1rem;}
div#LocationModal .my_dr_grid_group {display: flex; align-items: center; gap: 0;}
div#LocationModal .my_dr_grid_group input#test_location {border-top-right-radius: 0; border-bottom-right-radius: 0;}
div#LocationModal .my_dr_grid_group button#DoctorCurrLocation {border-top-left-radius: 0; border-bottom-left-radius: 0; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--space-cadet); border-color: var(--space-cadet); color: var(--white); outline: 0;}
div#LocationModal div#DoctorMap {border-radius: 6px; margin: 1rem 0 0;}
div#ImageUploadModal {border-radius: 24px; max-width: 950px; padding: 24px; bottom: unset; top: 50%; margin: 0 auto; transform: translate(-50%, -50%); height: auto;}
div#ImageUploadModal .modal-dialog{margin: 0 auto; min-height: auto; max-width: 100%;}
div#ImageUploadModal .modal-content{border: 0;}
div#ImageUploadModal .modal-header{padding: 0 0 1rem; margin-bottom: 1rem;}
div#ImageUploadModal .modal-header .modal-title{line-height: normal;}
div#ImageUploadModal .modal-body{padding: 0; width: 100%; margin: 0; max-height: none;}
div#ImageUploadModal .modal-body .control-group {margin-bottom: 1rem;}
div#ImageUploadModal .my_dr_grid_group {display: flex; align-items: center; gap: 0;}
div#ImageUploadModal .my_dr_grid_group input#test_location {border-top-right-radius: 0; border-bottom-right-radius: 0;}
div#ImageUploadModal .my_dr_grid_group button#DoctorCurrLocation {border-top-left-radius: 0; border-bottom-left-radius: 0; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--space-cadet); border-color: var(--space-cadet); color: var(--white); outline: 0;}
div#ImageUploadModal div#DoctorMap {border-radius: 6px; margin: 1rem 0 0;}
div#ImageUploadModal .custom_btn_group {display: flex; align-items: center; gap: 1rem; justify-content: center;}
.img_select_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem;}
.img_select_row .userimage{margin: 0 auto; display: block;}
.img_select_row .round-preview{margin: 0 auto;}
div#drop-zone {margin: 1rem auto 2rem auto; display: block; max-width: 250px;}
div#ImageUploadModal .custom_btn_group button {min-width: 20%;}
div#ImageUploadModal .proxy-image {border-radius: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center top; height: 170px; width: 170px;}
div#ImageUploadModal .loader_bg {position: fixed; z-index: 9999999; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff80;}
button#crop-button {margin: 1rem 0;}
.crop_containter {
max-width: 700px;
aspect-ratio: 1/1;
margin: 0 auto;
}
.crop_btn_group {display: flex; align-items: center; justify-content: center; margin: 1rem 0;}
/* div#CasesImageModal {border-radius: 24px; max-width: 750px; width: 94%; padding: 24px !important; top: 3%; margin: 0 auto; transform: translate(-50%, 0); height: auto;} */
div#CasesImageModal{border-radius: 24px; max-width: 750px; width: 94%; padding: 24px !important; top: 50%; margin: 0 auto; transform: translate(-50%, -50%); height: auto;}
div#CasesImageModal.image-chosen {top: 3%; bottom: 3%; margin: 0 auto; transform: translate(-50%, 0%); height: auto;}
/* div#CasesImageModal.image-chosen {margin: 0 auto; transform: translate(-50%, -50%); height: auto;} */
div#CasesImageModal .modal-dialog{margin: 0 auto; min-height: auto; max-width: 100%;}
div#CasesImageModal .modal-content{border: 0;}
div#CasesImageModal .modal-header{padding: 0 0 1rem; margin-bottom: 1rem;}
div#CasesImageModal .modal-body{padding: 0; width: 100%; margin: 0; max-height: none;}
div#CasesImageModal .modal-body .control-group {margin-bottom: 1rem;}
div#CasesImageModal .my_dr_grid_group {display: flex; align-items: center; gap: 0;}
div#CasesImageModal .my_dr_grid_group input#test_location {border-top-right-radius: 0; border-bottom-right-radius: 0;}
div#CasesImageModal .my_dr_grid_group button#DoctorCurrLocation {border-top-left-radius: 0; border-bottom-left-radius: 0; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--space-cadet); border-color: var(--space-cadet); color: var(--white); outline: 0;}
div#CasesImageModal div#DoctorMap {border-radius: 6px; margin: 1rem 0 0;}
#CasesImageModal form#caseImageForm {margin: 0;}
/* button#caseImage-crop-button{margin: 1rem 0;} */
div#CasesImageModal .custom_btn_group {display: flex; align-items: center; gap: 1rem; justify-content: flex-end; margin: 1rem 0 0 0;}
#progress-bar {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
#progress {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: var(--primary);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
#caseImage-progress-bar {
height: 15px;
margin-bottom: 0px;
overflow: hidden;
background-color: #FAFAFA;
border-radius: 100px;
/*
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
*/
}
#caseImage-progress {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 16px;
color: #fff;
text-align: center;
background-color: var(--primary);
border-radius: 100px;
/*
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
*/
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
/* .cropper-container.cropper-bg {
max-width: 640px;
} */
.location_dr_form .subform-repeatable-group {padding: 0; background: none; margin: 0;}
.location_dr_form .subform-repeatable-group .btn-group .group-add,
.location_dr_form .subform-repeatable-group .btn-group .group-move {display: none;}
/* .location_dr_form .location_descriptions {margin-top: 1rem; } */
.location_bg_section {margin-top: 1rem;}
.location_bg_section .control-group label {color: #1D2026; font-size: 14px; line-height: 22px; font-family: var(--font_inter_m); font-weight: 400;}
.location_map_group {background: #F9FAFB; padding: 24px; border-radius: 8px;}
.map_blog {border-radius: 8px; background: var(--Neutral-50); padding: 16px;}
.my_account_page.registration_form {background: var(--white);}
.my_account_page .row_01 {border-bottom: 1px solid var(--Neutral-20); margin: 0 0 1rem 0; padding: 0 0 1rem 0;}
.my_account_page .language_region_section .row_01 {border-bottom: 0; margin: 0 0 0rem 0; padding: 0 0 0rem 0;}
.row_01 .col-sm-8 {padding: 0;}
.row_01 .col-sm-4 {padding: 0;}
.my_account_page .acc_info_btn_group {justify-content: flex-end;}
/* PASSWORD FIELD CSS START */
.password-criteria {list-style: none; padding: 0; margin: 0; gap: 0.25rem; display: grid; gap: 0.25rem; grid-template-columns: 1fr 1fr;}
.password-criteria li {font-size: 12px; font-family: 'Inter-Medium';}
.password-criteria li.active .check_icons {color: green; font-size: 14px;}
#password-match .pass_match{font-size: 14px; animation: success-fade-in 1s ease;}
#password-match .pass_msg {font-size: 14px;}
/* #password-strength-label{font-size: 12px;}
#password-strength-label.weak{color: #b94a48;}
#password-strength-label.fair{color: #ffc107;}
#password-strength-label.strong{color: #198754;} */
#password-strength-label{
font-size: 0;
position: relative;
background-color: #f5f5f5;
/* -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); */
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
height: 5px;
margin: 0.25rem 0;
border-radius: 6px;
}
#password-strength-label:before{
content:'';
background-color: #f5f5f5;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
border-radius: 6px;
}
#password-strength-label.weak:before{background-color: #b94a48; width: 10%; font-size: 0;}
#password-strength-label.fair:before{background-color: #ffc107; width: 50%; font-size: 0;}
#password-strength-label.strong:before{background-color: #198754; width: 100%; font-size: 0;}
@keyframes success-fade-in {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes scale-up {
from {transform: scale(0); opacity: 0;}
to {transform: scale(1); opacity: 1;}
}
.pass_changed{width: 150px; height: 135px; margin: 0 auto 15px auto;}
.pass_changed_title {color: var(--Neutral-900); font-size: 24px; font-weight: 700; line-height: 32px; text-align: center; animation: scale-up 1s ease;}
/* PASSWORD FIELD CSS CLOSE */
.cust-image-upload-wrap {padding: 0px; border: none; position: relative; margin: 0px; width: 200px; height: 200px; border-radius: 12px; background: var(--Neutral-100);}
.cust-image-upload-wrap .userimage{border-radius: 12px; aspect-ratio: 1/1; object-fit: cover; object-position: top center;}
.cust-image-upload-wrap .file-upload-input {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer;}
.cust-image-upload-wrap .select_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.img_cols .userimage .user_image {border-radius: 12px;}
.prof_cols .doctor_name_sec {margin-bottom: 12px;}
.prof_cols .doctor_name_sec .doctor_label {margin: 0;}
.doctor_name_sec.active h4.doctor_label {display: none;}
.control-group.doctor_name_sec.active.control-group .form-control {border: 0; border-radius: 0; box-shadow: none; padding: 0; margin: 0; height: auto; font-family: var(--font_inter_b); font-size: 18px; line-height: 20px;}
.rank_mark {border-radius: 8px; background: rgba(25, 71, 229, 0.10); display: inline-flex; padding: 4px; align-items: center; gap: 4px; color: var(--primary); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal;}
.doctor_desc textarea.form-control {border-radius: 8px; background: #F3F6FE; border: 0; overflow: auto; height: 100%; box-shadow: none; padding: 16px; display: block; min-height: auto;}
.prof_cols .pro-part.super_speciality{align-items: center;}
.prof_cols .dr_ql_name {color: var(--primary); font-size: 14px; font-weight: 600; line-height: normal; margin-bottom: 0rem;}
.prof_cols .cercle_left:before {content: ""; background: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 15px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.prof_cols .pro-part.doc_location_sec {display: grid; grid-template-columns: auto 16px;}
.prof_cols .doc_location_sec.active .doctor_location,
.prof_cols .doc_location_sec.active .edit_doc_location {display: none;}
.prof_cols .doc_location_sec.active .doctor_loc {margin-bottom: 0; width: 100%;}
.prof_cols .doc_location_sec.active .control-group .form-control {border: 0; box-shadow: none; background: #f3f6fe; height: auto;}
.ranking_blog {margin-bottom: 12px;}
.doctor_description_value {border-radius: 8px; background: #F3F6FE; padding: 16px; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: flex;}
.bio_desc {color: var(--Neutral-600); text-align: center; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;}
.bio_btn {color: var(--primary); text-align: center; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px;}
.cust_my_dr_form_list .row {margin-left: 0; margin-right: 0;}
.bac_dashboard {border: 0; background: none; padding: 0; margin: 5px 0; color: var(--primary); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; outline: 0;}
.img_null {position: relative; max-width: 250px;}
.img_null:before{content: ""; width: 24px; height: 24px; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
ul#ui-id-1 {position: fixed !important; top: 125px !important; max-width: 500px; list-style: none; margin: 0 auto; max-height: 30rem; border-radius: 0.8rem; border: 1px solid rgb(207, 207, 207); box-shadow: rgba(28, 28, 28, 0.08) 0px 2px 8px; transition: opacity 0.25s ease 0s, top 0.25s ease 0s; padding: 1.6rem 0px; background: rgb(255, 255, 255); z-index: 999; overflow: auto;}
.ui-menu li.ui-menu-item {display: flex; position: relative; background: rgb(255, 255, 255); padding: 1.5rem 1.4rem; box-shadow: none; filter: none;}
.ui-menu li.ui-menu-item:hover{background: rgb(248, 248, 248); cursor: pointer;}
.enable_search .section_04,
.enable_search .section_05,
.enable_search .section_06,
.enable_search .section_07,
.enable_search .section_08,
.enable_search .section_09,
.enable_search .section_10,
.enable_search .section_11{display: none;}
header.header{opacity: 1; -moz-animation-delay: 300ms; -webkit-animation-delay: 300ms; -o-animation-delay: 300ms; animation-delay: 300ms; transition: 300ms;}
body.in_focus header.header{opacity: 0; height: 0;}
body.in_focus .header + .row-fluid{margin-top: 0;}
/* HEALTH-ID PAGE CSS START FROM 20-09-23 */
body.view-healthidform {background: #F3F8FF;}
.health_headers .build_healthid .Build_health {padding: 12px 24px;}
.health_headers .build_healthid {padding: 21px 24px; margin-bottom: 21px; background: var(--primary); border-radius: 8px; color: var(--white); display: grid; grid-template-columns: 44px 2fr 0.5fr; gap: 0.5rem; align-items: center;}
.btn-white {border-radius: 12px; background: var(--white); border: 1px solid var(--white); color: var(--primary); text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 12px 44px;}
.btn-white:hover,
.btn-white:focus{background: var(--white); border: 1px solid var(--primary); color: var(--primary);}
.health_title {font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; display: block;}
.health_desc{color: var(--white); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;}
.user_profile {padding: 24px; margin-bottom: 21px; border-radius: 24px; background: var(--white); display: flex; gap: 5px; flex-direction: column; align-items: center; position: relative;}
.btn_group_depart {position: absolute; right: 24px; top: 24px; display: flex; align-items: center; gap: 12px;}
.user_depart {color: var(--Neutral-800); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px;}
.birth_gender_depart {color: var(--primary); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: normal;}
.social_depart {display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
.social_depart span {color: var(--Neutral-500); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none;}
.health_content {display: flex; gap: 8px; flex-direction: column; align-items: center; position: relative;}
.health_content .no_info_title {color: var(--body-content-color); text-align: center; font-size: 20px; line-height: normal; margin: 0;}
.health_content .no_info_desc {color: var(--body-content-color); text-align: center; font-size: 20px; font-weight: 500; line-height: normal;}
.health_id_page{padding: 24px; border-radius: 24px; background: var(--white);}
.health_id_page .page-header-group{flex-direction: column; gap: 0.2rem; align-items: flex-start;}
.health_id_page .display_page .page-header span {display: block; color: var(--Neutral-500); font-family: var(--font_roboto); font-size: 14px; font-weight: 400; line-height: 160%;}
.health_id_page .display_page .row {border-bottom: 1px solid var(--Neutral-20); margin: 0 0 1rem 0; padding: 0 0 1rem 0;}
.health_id_page .display_page .row.medical_documents{border-bottom: 0; margin: 0; padding: 0;}
.health_id_page .display_page .row .col-sm-4,
.health_id_page .display_page .row .col-sm-8 {padding: 0;}
.health_id_page .display_page .btn_group {display: flex; align-items: center; justify-content: flex-end;}
.health_data {padding: 24px; background: var(--white); border-radius: 24px; margin-bottom: 21px; }
.health_data form{padding: 24px; margin: 0; border: 1px solid var(--Neutral-200); background: var(--white); position: relative;}
.health_data form .row {border-bottom: 1px solid var(--Neutral-20); margin: 0 0 1rem 0; padding: 0 0 1rem 0;}
.health_data form .row.medical_documents{border-bottom: 0; margin: 0; padding: 0;}
.health_data form .row .col-sm-4,
.health_data form .row .col-sm-8 {padding: 0;}
.health_data form .page-header {border: 0; color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%;}
.health_data form .page-header span {display: block; color: var(--Neutral-500); font-family: var(--font_roboto); font-size: 14px; font-weight: 400; line-height: 160%;}
.health_data form .btn_group {display: flex; align-items: center; justify-content: flex-end;}
.selected_fields {display: inline-flex; padding: 4px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; background: var(--lights-gray); color: var(--primary); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;}
.no_info {color: var(--secondery); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 5px;}
.user_medical_documents {margin-top: 15px;}
.single_doc {display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-radius: 8px; border: 1px solid var(--Neutral-200); background: var(--white); padding: 16px; margin-bottom: 1rem;}
.single_doc button.btn_trans {border: 0; background: var(--bg-trans); padding: 2px; width: 26px; height: 26px;}
.single_doc button.btn_trans:hover,
.single_doc button.btn_trans:focus{outline: 0; background: var(--bg-trans);}
.control-group .field-calendar .input-append {display: grid; grid-template-columns: 1fr 44px; align-items: center;}
.control-group .field-calendar .input-append .form-control{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.control-group .field-calendar .input-append .btn.btn-secondary{min-width: auto; width: 44px; height: 44px; padding: 0; border: 1px solid #D1D1D1;}
.control-group .field-calendar .input-append .btn.btn-secondary .icon-calendar {background: url('data:image/svg+xml,'); font-size: 0; line-height: 0; background-size: 24px 24px; padding: 0; background-position: center center; background-repeat: no-repeat; width: 24px; height: 24px; display: block; text-align: center; margin: 0 auto;}
.chzn-container#jform_gender_chzn {width: 100% !important;}
/* HEALTH-ID PAGE CSS CLOSE FROM 20-09-23 */
/* MY-DOCTOR-LIST PAGE CSS START FROM 03-10-23 */
body.site.view-mydoctorlistform {background: #F3F8FF;}
.dr-fold-row {display: grid; grid-template-columns: 1fr 2fr; justify-content: center; align-items: stretch; gap:31px; margin-bottom: 50px;}
.dr-fold-row .dr-fold {border-radius: 12px; background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(181deg, rgba(25, 71, 229, 0.10) 2.89%, rgba(255, 255, 255, 0.00) 120.37%); display: inline-flex; padding: 24px; flex-direction: column; justify-content: center; align-items: center;}
.no_doctor_list {display: flex; flex-direction: column; align-items: center; gap: 10px;}
.no_doctor_list_title {color: var(--body-content-color); text-align: center; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 700; line-height: normal;}
.no_doctor_list_desc {color: var(--body-content-color); text-align: center; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 500; line-height: normal;}
.no_doctor_list_desc span{color: var(--primary);}
.dr-fold-img {position: relative;}
.dr-fold-plus-point {color: var(--primary); cursor: pointer; border-radius: 842.105px; background: var(--white); box-shadow: 0px 20.21053px 40.42105px -10.10526px var(--Neutral-900); display: flex; width: 32px; height: 32px; padding: 2px; justify-content: center; align-items: center; flex-shrink: 0; position: absolute; top: 27%; left: 50%; transform: translate(-50%, 0%);}
.dr-fold-view .dr-fold-img{display: flex; align-items: center; justify-content: center; width: 243px; height: 637px; margin: 0 auto;}
.dr-fold-view {position: relative; padding: 100px 0;}
.dr-fold-view .dr-fold-img .dr-fold-plus-point{top: 30%;}
.cust_body_parts {position: absolute; transform: translate(0, 0); cursor: pointer; border-radius: 50%; border: 2px solid var(--Neutral-500); background: var(--white); box-shadow: 0px 6.39999px 6.39999px -3.2px rgba(17, 24, 39, 0.04), 0px 15.99998px 19.19997px -3.2px rgba(17, 24, 39, 0.10); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; z-index: 1;}
.body-parts .eye_part {left: 90px; top: 20px;}
.body-parts .lungs_part {left: 30%; top: 20%;}
.body-parts .heart_part {right: 30%; top: 20.5%;}
.body-parts .stomach_part {top: 25%; right: 45%; width: 24px; height: 24px; border-color: var(--white);}
.body-parts .kidneys_part {left: 28%; top: 40%;}
.cust_body_parts.active {border: 2px solid var(--primary);}
.dr-fold-list{margin: 0; padding: 12px; list-style: none; border-radius: 8px; background: var(--white); display: flex; flex-direction: column; gap: 10px; height: 100%; position: absolute;}
.dr-fold-list .doctors_list{max-width: 320px; width: 320px; background: var(--white); box-shadow: 0px 24px 48px -12px rgba(17, 24, 39, 0.10); border: 1px solid var(--Neutral-200); border-radius: 8px; padding: 16px;}
.dr-fold-list .doctors_list .doctors_list_row {display: grid; grid-template-columns: 79px auto; gap: 0.5rem;}
.dr-fold-list .doctors_list .doctors_list_row .img_section img {width: 79px; height: 79px; border-radius: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: top;}
.dr-fold-list .doctors_list .desc_section {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 8px;}
.dr-fold-list .doctors_list .doctors_list_row .desc_name {font-size: 16px; line-height: 19px; color: var(--black); font-family: var(--font_inter_b);}
.dr-fold-list .doctors_list .doctors_list_row .speciality {font-size: 14px; line-height: 17px; color: var(--primary);}
.dr-fold-list .doctors_list .cust-btn-grup {display: flex; align-items: center; gap: 1rem; margin: 1rem 0 0;}
.dr-fold-list .doctors_list .cust-btn-grup .btn-primary {width: 100%;}
.dr-fold-list .doctors_list .cust-btn-grup .btn-outline {width: 100%;}
.dr-fold-list.eye_speciality{top: 0; left: 0;}
.dr-fold-list.lungs_speciality{top: 0; left: 0;}
.dr-fold-list.heart_speciality{top: 0; right: 0;}
.dr-fold-list.kidneys_speciality{top: 0; right: 0;}
.dr-fold-list.stomach_speciality{top: 0; right: 0;}
.dr-fold-list:after{display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px;}
.dr-fold-list.eye_speciality:after {top: 11%; left: 100%; width: 66%; height: 33px; border-bottom: 0; border-left: 0; border-top-right-radius: 100px;}
.dr-fold-list.lungs_speciality:after {top: 30%; left: 100%; width: 60%; height: 37px; border-top: 0; border-left: 0; border-bottom-right-radius: 100px;}
.dr-fold-list.heart_speciality:after {top: 17%; right: 100%; width: 65%; height: 90px; border-bottom: 0; border-right: 0; border-top-left-radius: 60px;}
.dr-fold-list.kidneys_speciality:after {top: 36%; right: 100%; width: 83%; height: 56px; border-bottom: 0; border-right: 0; border-top-left-radius: 100%;}
.dr-fold-list.stomach_speciality:after {top: 17%; right: 100%; width: 73%; height: 117px; border-bottom: 0; border-right: 0; border-top-left-radius: 60px;}
.dr-fold-list .doctors_list .close-btn {display: none;}
/* MY-DOCTOR-LIST PAGE CSS CLOSE FROM 03-10-23 */
.btn-rounded {border-radius: 112px; padding: 10px 15px;}
.addto_mydoctorlist {border: 0; text-transform: capitalize; font-size: 12px; font-family: var(--font_inter_m); border-radius: 4px; background: var(--bg-trans); color: var(--white); position: absolute; right: 0; top: 2px }
.doclist_added {border: 0; text-transform: capitalize; font-size: 12px; font-family: var(--font_inter_m); border-radius: 4px; background: var(--Neutral-900); color: var(--white);}
.past_help_section .past_help_sect_title {color: var(--primary); letter-spacing: -1.2px; font-size: 20px;}
.past_help_section .past_help_blog {cursor: pointer; display: flex; justify-content: flex-start; align-items: flex-start; gap: 24px; align-self: stretch;}
.past_help_section .past_help_blog_item {border-radius: 15.573px; background: var(--white); display: flex; justify-content: flex-start; align-items: flex-start; gap: 12px; flex-direction: column; padding: 24px; width: 209px; /*height: 150px;*/ box-shadow: 0px 7.7866668701171875px 11.679999351501465px -3.8933334350585938px rgba(17, 24, 39, 0.05), 0px 23.35999870300293px 31.14666748046875px -7.7866668701171875px rgba(17, 24, 39, 0.10);}
.past_help_section .help_blog_item_title{color: var(--Neutral-600); font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 600; line-height: 26.72px;}
.past_help_section .help_blog_total_doctors{color: var(--primary); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: normal;}
.search_past_result_blogs {display: none;}
.line_result_title {color: var(--Neutral-400); font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: flex; align-items: center; gap: 2px; margin: 0.5rem 0; position: relative;}
.line_result_title:after {content: ""; width: 100%; background: var(--Neutral-100); height: 1px;}
.search_past_result_list {margin: 0; padding: 0; list-style: none;}
.search_past_result_list .search_past_result_list_item {border-bottom: 1px solid var(--Neutral-100); padding: 16px 0;}
.search_past_result_list .search_past_result_list_item:last-child{border-bottom: 0;}
.search_past_result_doctor_row {display: grid; grid-template-columns: 41px 51% auto; gap: 0.5rem;}
.search_past_result_doctor_row .search_past_result_doctor_img img {width: 41px; height: 41px; border-radius: 100%; aspect-ratio: 1/1; object-fit: cover; object-position: top;}
.search_past_result_doctor_row .search_past_result_doctor_desc {display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 4px;}
.search_past_result_doctor_row .doc_available{font-size: 4px; line-height: normal; margin-top: -5px;}
.search_past_result_doctor_row .doc_name {color: var(--black); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
.search_past_result_doctor_row .speciality{color: var(--primary); leading-trim: both; text-edge: cap; font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal;}
.search_past_result_doctor_row .specification{font-size: 8px; line-height: normal; padding: 4px 6px;}
.search_past_result_doctor_row .verified_badge,
.search_past_result_doctor_row .verified_btn{font-size: 8px; line-height: normal; padding: 4px 6px; gap: 2px;}
/* .modal-backdrop.in {z-index: 0;} */
#chat_request_modal{background: none; box-shadow: none; border: 0;}
#chat_request_modal .modal-dialog {max-width: 600px; margin: 0rem auto; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#chat_request_modal .modal-content{padding: 2rem; border-radius: 12px;}
#chat_request_modal .chat_title {color: var(--Neutral-800); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px;}
#chat_request_modal .modal_btn_group {margin: 1rem 0 0; display: flex; align-items: center; gap: 0.5rem;}
#chat_request_modal .modal_btn_group .btn-outline {border-radius: 8px; border: 1px solid #E94444; color: #E94444;}
#chat_request_modal .modal_btn_group .btn-outline:hover,
#chat_request_modal .modal_btn_group .btn-outline:focus{background: #E94444; color: var(--white);}
#chat_request_modal .chat_icon {margin: 1rem auto; text-align: center;}
#chat_request_modal .msg_request {border-radius: 4px; border: 1px solid var(--neutral-300); background: var(--white); width: 100%; resize: none; padding: 10px 12px; min-height: 68px; color: var(--neutral-400); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px;}
#chat_request_modal .close {background: var(--white); width: 24px; height: 24px; border: 2px solid var(--Neutral-500); border-radius: 4px; position: absolute; right: 10px; top: 10px; opacity: 1; color: var(--Neutral-500); display: flex; align-items: center; justify-content: center; line-height: 0;}
.request_pending {display: flex; align-items: flex-start; gap: 15px; margin: 0; padding: 1rem; border-top: 1px solid var(--Neutral-10); background: var(--white);}
.request_pending .request_pending_row{display: flex; flex-direction: column; gap: 0.5rem; width: 100%;}
.request_pending .pending_icon {border-radius: 58px; background: var(--Neutral-100); display: flex; padding: 8px; justify-content: center; align-items: center; gap: 10px;}
.request_pending .pending_request_msg {border-radius: 33px; background: var(--primary-08); border: 1px solid var(--primary-40); display: inline-flex; padding: 12px 16px; align-items: flex-start; gap: 10px; color: var(--primary); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%;}
/* .request_pending .pending_request_msg {background: rgba(254, 77, 0, 0.10); color: var(--secondery, #FE4D00); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%;} */
.end_chat_request_list {padding: 0 1rem; margin: 1rem 0; background: var(--white);}
.end_chat_request_list .end_chat_request_group {display: flex; align-items: center; gap: 15px;}
.end_chat_request_list .end_chat_request {display: flex; align-items: center; gap: 15px; flex: 1 auto;}
.end_chat_request_list .end_chat_request_sml_msg {color: var(--Neutral-600); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 500; line-height: 160%;}
.end_chat_request_list .end_chat_icon {border-radius: 58px; background: var(--Neutral-100); display: flex; padding: 8px; justify-content: center; align-items: center; gap: 10px;}
.end_chat_request_list .end_chat_request_msg {
display: flex;
padding: 12px 16px;
align-items: flex-start;
gap: 10px;
border-radius: 20px;
background: rgba(254, 77, 0, 0.10);
color: var(--secondery);
font-family: var(--font_inter);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
flex: 1 auto;
}
.end_chat_request_list button.btn_end_transactions {
display: flex;
padding: 12px 16px;
align-items: flex-start;
gap: 10px;
border-radius: 8px;
border: 1px solid var(--secondery);
background: var(--secondery);
color: var(--White, #FFF);
font-family: var(--font_inter);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%;
}
.end_chat_request_list button.end_chat_btn:hover,
.end_chat_request_list button.end_chat_btn:focus{background: var(--white); color: var(--secondery);}
.chat_options_ended {padding: 1rem; border-top: 1px solid var(--Neutral-10); background: var(--white);}
.Chat_ended_done {display: flex; align-items: flex-start; gap: 15px;}
.end_chat_icon {border-radius: 58px; background: var(--Neutral-100); display: flex; padding: 8px; justify-content: center; align-items: center; gap: 10px;}
.chat_options_ended_msg {flex: 1 auto; border-radius: 20px; background: rgb(254 77 0 / 8%); border: 1px solid rgba(254, 77, 0, 40); display: flex; padding: 12px 16px; align-items: flex-start; gap: 10px; color: var(--secondery); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 160%;}
.chat_options_ended_sml_msg{color: var(--Neutral-600); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 500; line-height: 160%;}
#health_document_modal{background: none; box-shadow: none; border: 0;}
#health_document_modal .modal-dialog {margin: 0rem auto; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#health_document_modal .modal-content{padding: 2rem; border-radius: 12px;}
#health_document_modal .modal-title {text-align: center; color: var(--black); font-family: var(--font_roboto); font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px;}
#health_document_modal .close {background: var(--white); width: 24px; height: 24px; border: 0; border-radius: 4px; position: absolute; right: 10px; top: 10px; opacity: 1; color: var(--black); display: flex; align-items: center; justify-content: center; line-height: 0;}
#health_document_modal .modal_btn_group {text-align: center;}
#health_document_modal .custom_media_group input + br {display: none;}
#health_document_modal .control-group.custom_media_group {font-size: 12px; text-transform: capitalize; color: var(--black); font-family: var(--font_inter_s);}
.select_doctor span {font-size: 12px; display: block;}
.custom_sign_mod .mod-languages {position: relative;}
.custom_sign_mod div.mod-languages:after {
content: "";
width: 1px;
height: 18px;
background: rgba(23, 22, 25, 0.20);
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translate(-50%, -50%);
}
div.mod-languages .btn-group .dropdown-toggle {
display: flex;
padding: 5px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 48px;
border: 0;
background: var(--bg-trans);
color: var(--Neutral-800);
text-align: center;
font-feature-settings: 'liga' off;
font-family: var(--font_inter);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
}
.dashboard-row .col {padding-left: 5px !important; padding-right: 5px !important;}
.dashboard-cols {border-radius: 8px; border: 1px solid var(--Neutral-300); background: rgba(25, 71, 229, 0.00); padding: 12px; margin-bottom: 1rem; display: flex; flex-direction: column; gap: 0.5rem;}
.dashboard-img {border-radius: 800px; background: rgba(25, 71, 229, 0.10); display: flex; justify-content: center; align-items: center; gap: 8px; width: 32px; height: 32px;}
.dashboard-title {color: #8F9BB3; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 120%;}
.dashboard-count {color: var(--black); font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 700; line-height: 120%;}
.dashboard-link {color: var(--primary); font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 120%; cursor: pointer;}
.dashboard-link:hover,
.dashboard-link:focus{text-decoration: underline; color: #002b41;}
.dashboard-request-cols .message_list_doctor{display: flex; justify-content: space-between; gap: 1rem; width: 100%; border-radius: 4px; padding: 16px;}
.dashboard-request-cols .message_list_doctor:nth-child(odd){ background: var(--Neutral-50);}
.dashboard-request-cols .message_list_doctor:nth-child(even){ background: var(--white);}
.dashboard-request-cols .message_list_doctor .thread_name {width: 100%;}
.dashboard-request-cols .thread_detail .thread_name {text-decoration: none;}
.dashboard-request-cols .thread_detail .member_details {display: grid; gap: 8px; grid-template-columns: 48px auto;}
.dashboard-request-cols .thread_detail .user_main_threat {display: flex; align-items: center; justify-content: space-between;}
.dashboard-request-cols .thread_detail .user_threat {display: grid; align-items: center; gap: 8px; justify-content: space-between; grid-template-columns: 30% 68%;}
.dashboard-request-cols .thread_detail .user_threat .user_threat_name {display: flex; flex-direction: column;}
.dashboard-request-cols .thread_detail .user_name {color: var(--Neutral-1000); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 600; line-height: 160%;}
.dashboard-request-cols .thread_detail .last_msg_time {color: var(--Neutral-60); font-family: var(--font_roboto); font-size: 14px; font-style: normal; font-weight: 400; line-height: 160%;}
.thread_detail .user_thread_detail .accept_deny {display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.dashboard-request-cols .thread_detail .user_thread_detail .accept_deny .btn {display: flex; justify-content: center; align-items: center; gap: 10px; width: 32px; height: 32px; padding: 5px; margin: 0; font-size: 12px; line-height: 14px; border-radius: 80px; font-weight: normal;}
.dashboard-request-cols .thread_detail .user_thread_detail .accept_deny .accept_request {border: 1px solid var(--primary); background: var(--primary); color: var(--white);}
.dashboard-request-cols .thread_detail .user_thread_detail .accept_deny .deny_request {border: 1px solid var(--primary); background: var(--white); color: var(--primary);}
.dashboard-request-cols .thread_detail .last_msg_val{color: var(--Neutral-80); font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%;}
.primary-text {color: var(--primary);}
.getpaid-page-header-group .page_title {font-feature-settings: 'cv11' on; font-family: var(--font_inter);}
.muted_text {color: var(--Neutral-500); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%;}
.getpaid_display_page {background: #fff; padding: 24px;}
.getpaid-page-header-group {/* background: var(--white); box-shadow: 0px -1px 0px 0px var(--Neutral-20) inset; padding: 24px 32px 24px 32px;*/ display: flex; flex-direction: column; align-items: flex-start; gap: 1px; margin-bottom: 27px;}
.getpaid-line {border-color: var(--Neutral-20); margin: 38px 0; border-bottom: 0;}
.getpaid-btn.btn.btn-primary {border-radius: 40px; padding: 12px 32px; margin-top: 15px;}
.getpaid-section-title {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%; margin-top: 0;}
.btn_methods {
display: inline-flex;
border-radius: 40px;
border: 1px solid var(--Neutral-20);
background: #F5F7FF;
padding: 12px 32px;
justify-content: center;
align-items: center;
gap: 8px;
color: var(--primary);
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: var(--font_inter);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.cust_getpaid_design_blog{display: flex; align-items: center; gap: 26px; border-radius: 8px; border: 1px solid var(--Neutral-200); background: var(--white); padding: 24px 32px;}
.cust_getpaid_design_blog .getpaid-cols_02 {display: flex; flex-direction: column; align-items: flex-start; gap: 7px;}
.getpaid-img {border-radius: 1550px; background: rgba(25, 71, 229, 0.10); display: flex; padding: 12.4px; justify-content: center; align-items: flex-start; gap: 15.5px;}
.getpaid-title {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%;}
.getpaid-amt {color: var(--primary); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 600; line-height: 120%;}
.getpaid-amt input[type="number"] {width: 200px; color: var(--primary); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 17px; font-style: normal; font-weight: 600; line-height: 120%; border: 1px solid var(--Neutral-500); border-radius: 8px; box-shadow: none; margin: 0; padding: 5px 17px; height: auto; appearance: none; -webkit-appearance: none;}
.getpaid-amt input[type=number]::-webkit-inner-spin-button,
.getpaid-amt input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
.getpaid-pending_amt {color: var(--Neutral-500); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 15px; font-style: normal; font-weight: 500; line-height: 120%;}
.getpaid-row {margin: 0;}
.bank-request-row {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 27px; align-self: stretch;}
.bank_request_cols {display: flex; justify-content: space-between; align-items: center; gap: 1rem; width: 100%; border-radius: 8px; border: 1px solid var(--Neutral-200); padding: 24px 32px; background: var(--white);}
.bank_details {display: flex; align-items: center; gap: 13px;}
.bank_threat {display: flex; gap: 13px; align-items: center;}
.bank_threat_type {display: flex; flex-direction: column;}
.bank_name {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%;}
.thread_unread_bank {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 15px; font-style: normal; font-weight: 400; line-height: 120%;}
.bank_type_select {
color: var(--Neutral-500);
font-feature-settings: 'cv11' on;
font-family: var(--font_inter);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
border-radius: 40px;
border: 1px solid var(--Neutral-500);
display: flex;
padding: 4px 10px;
justify-content: center;
align-items: center;
gap: 10px;
}
.edit_request {color: var(--primary); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 8px; padding: 8px; border: 0; background: none;}
.remove_request{color: var(--secondery); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; border-radius: 8px; padding: 8px; border: 0; background: none;}
.transactions_table {display: flex; padding: 23px 32px; gap: 55px; border-radius: 8px; border: 1px solid var(--Neutral-200); background: var(--white);}
.transactions_row {display: flex; flex-direction: column; align-items: flex-start; gap: 26px; justify-content: center;}
.transactions_title {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 20px; font-style: normal; font-weight: 600; line-height: 120%;}
.transactions_result {color: var(--Neutral-600); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%;}
.invoice_icon {
background: var(--primary-10);
width: 24px;
height: 24px;
border-radius: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.bank_form {border-radius: 18px; border: 1px solid #D6DDEB; padding: 32px 20px;}
.notification_group {background: rgba(25, 71, 229, 0.10); padding: 10px 12px; border-radius: 8px;}
.notification_group .notice {display: grid; grid-template-columns: 19px auto; gap: 12px; color: var(--Neutral-1000); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; margin: 0;}
.notification_group .notice .revert_icon {width: 19px; height: 19px; border-radius: 19px; display: inline-flex; align-items: center; justify-content: center; background: var(--black); color: var(--white);}
.bank_form .control-group {margin-bottom: 30px;}
.bank_form .cust-btn-group {display: flex; justify-content: flex-end; align-items: center; align-self: stretch; gap: 0.5rem;}
.bank_form .bank_info_img img {margin: 0 auto; display: block;}
.bank_info {color: var(--Neutral-1000); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%;}
.bank_form .cust-btn-group .btn {border-radius: 40px; padding: 12px 32px; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px;}
.bank_form .btn_cancel {color: var(--primary); border: 1px solid var(--white); background: var( --white);}
/*||CUSTOM POPUP CSS START||*/
.ui-dialog-title{display: none;}
.ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.ui-widget-overlay{background: var(--black); opacity: .5; filter: Alpha(Opacity=50);}
.ui-front {z-index: 100;}
.ui-dialog {background: var(--white); color: var(--gray20); border-radius: 17px; padding: 17px 53px; width: 100% !important; max-width: 1000px; margin-left: auto; margin-right: auto;}
.ui-dialog-titlebar-close {
width: 20.666px;
height: 20.666px;
border: none;
position: absolute;
top: 50px;
right: 30px;
background: url('data:image/svg+xml,');
background-size: cover;
background-position: center center;
}
.getpaid-modal-title {color: var(--Neutral-1000); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; margin: 24px 0;}
.dropdown_btn {display: flex; align-items: center; justify-content: space-between; gap: 7px; align-self: stretch; border-radius: 8px; border: 1px solid var(--Neutral-500); padding: 10px 17px; color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 17px; font-style: normal; font-weight: 500; line-height: 120%; background: no-repeat; width: 100%;}
.dropdown_btn.active svg {transform: rotate(180deg);}
.dropdown {position: relative; display: block; max-width: 70%;}
.dropdown-content {display: flex; position: absolute; z-index: 1; width: 100%; border-radius: 8px; background: #FEFEFE; box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.15); padding: 17px 0px; flex-direction: column; align-items: flex-start; gap: 5px;}
.dropdown-content a {width: 100%; padding: 7px 32px; text-decoration: none; display: block; color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 17px; font-style: normal; font-weight: 400; line-height: 120%;}
.dropdown-content a:hover {background: rgba(25, 71, 229, 0.10);}
select#select_withdrawal {border-radius: 8px; border: 1px solid var(--Neutral-500); padding: 10px 17px; color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 17px; font-style: normal; font-weight: 500; line-height: 120%; height: auto; width: 100%; max-width: 70%; outline: none; }
.getpaid_modal_content .cust-btn-group {display: flex; justify-content: flex-end; align-items: center; align-self: stretch; gap: 0.5rem;}
.getpaid_modal_content .cust-btn-group .btn {border-radius: 40px; padding: 12px 32px; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px;}
.getpaid_modal_content .cust-btn-group .btn_cancel {color: var(--primary); border: 1px solid var(--white); background: var( --white);}
.getpaid_modal_content .getpaid-title {margin-bottom: 10px;}
.getpaid_modal_content .row_getpaid_section {display: grid; grid-template-columns: 2fr 1fr; align-items: start;}
.getpaid-procedures {display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: center; align-content: center;}
.getpaid-procedures .getpaid_cash_icon {max-width: 100px; margin: 0 auto;}
.getpaid-procedures .getpaid-procedures-title{color: var(--black); text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
/*||CUSTOM POPUP CSS CLOSE||*/
.custom_modal_getpaid#EditGetPaid {border-radius: 16px; background: #FFF; max-width: 750px; height: auto; margin: 0 auto !important; transform: translate(-50%, 5%);}
.custom_modal_getpaid .modal-content{padding: 32px;}
.custom_modal_getpaid .modal-header {border: 0; padding: 0; align-items: center;}
.custom_modal_getpaid .modal-header .close {margin: 0; padding: 0; color: var(--Neutral-900); opacity: 1;}
.custom_modal_getpaid .modal-footer {border: 0; padding: 0; background: none; gap: 15.999px;}
.custom_modal_getpaid .modal-header h3 {color: var(--Neutral-900, #111827); font-family: var(--font_inter); font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px;}
.custom_modal_getpaid .description {color: var(--Neutral-500, #6B7280); font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 22px;}
.custom_modal_getpaid .your_rate {color: var(--Neutral-500, #6B7280); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; margin: 32px 0;}
.custom_modal_getpaid .rate_label {color: var(--Neutral-900, #111827); font-style: normal; font-weight: 500;}
.custom_modal_getpaid .modal-footer button.btn {margin: 0; border-radius: 40px; padding: 10px 20px; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px;}
.custom_modal_getpaid .modal-footer button.btn-secondary {background: var(--white); color: var( --primary); border-color: var(--white);}
.getpaid_field_group {display: flex; align-items: center; justify-content: space-between; padding-bottom: 19px; border-bottom: 1px solid var(--Neutral-200, #E5E7EB); margin-bottom: 19px;}
.getpaid_field_group:last-child {border: 0;}
.getpaid_box_field.disabled {background: var(--Neutral-100);}
.getpaid_box_field {border-radius: 8px; border: 1px solid var(--Neutral-300, #D1D5DB); display: flex;width: 132px; height: 42px; padding: 0px 4px 0px 12px; justify-content: flex-end; align-items: center; gap: 10px;}
.getpaid_box_field label.getpaid_lbl {
border-radius: 8px;
background: var(--Neutral-100);
display: flex;
padding: 11px 8px;
justify-content: center;
align-items: center;
gap: 10px;
color: var(--Neutral-500, #6B7280);
font-feature-settings: 'liga' off;
font-family: var(--font_inter);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 16px;
margin: 0;
}
.getpaid_box_field .getpaid_control {
color: var(--Neutral-500, #6B7280);
font-family: var(--font_inter);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 22px;
height: auto;
border: 0;
margin: 0;
box-shadow: none;
width: 100%;
background: none;
}
.terms {color: var(--Neutral-500); font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 500; line-height: normal;}
#loader_bg {position: fixed; z-index: 9999999; background: #fff; width: 100%; height: 100%; top: 0; left: 0;}
.loader {height: 100%; width: 100%; position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
div.custom_chat_step_popup {background: transparent; border: 0; box-shadow: none; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); right: unset; margin: 0 auto; height: auto;}
.custom_chat_step_popup .modal-dialog {display: flex; max-width: 550px; height: auto; min-height: 550px; padding: 32px; flex-direction: column; align-items: center; gap: 33px; border-radius: 8px; border: 1px solid var(--Neutral-100); background: var(--white);}
div.custom_chat_step_popup .modal-content {border: 0; border-radius: 0;}
div.custom_chat_step_popup .modal-content .modal-body {width: 100%; padding: 0;}
div.custom_chat_step_popup button.close {opacity: 1; position: absolute; top: -15px; right: -15px; z-index: 1; cursor: pointer; width: 20px; height: 20px; padding: 0; display: flex; align-items: center; justify-content: center;}
.custom_chat_step_popup .modal_chat_title {color: var(--black); text-align: center; font-family: var(--font_inter_b); font-size: 24px; font-style: normal; font-weight: 700; line-height: normal;}
.custom_chat_step_popup .doller_sign_symbol {display: flex; align-content: center; width: 64px; height: 64px; margin: 0 auto 24px auto; padding: 5px; justify-content: center; align-items: center; gap: 16px; border-radius: 1600px; background: rgba(25, 71, 229, 0.10);}
.custom_chat_step_popup .chat_about_title {color: var(--black); text-align: center; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.custom_chat_step_popup .chat_about_title label {color: var(--primary); display: inline-block; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal;}
.custom_chat_step_popup .chat_cost_group {display: flex; align-items: center; justify-content: center; gap: 0.25rem; margin-bottom: 16px;}
.custom_chat_step_popup .chat_cost_group .chat_ques {color: var(--Neutral-700); text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
.custom_chat_step_popup .chat_cost_group .chat_ans {color: var(--primary); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; margin: 0;}
/* .custom_chat_step_popup .modal_chat_slider {border-radius: 8px; background: var(--grad-bg, linear-gradient(180deg, rgba(25, 71, 229, 0.10) 0%, rgba(255, 255, 255, 0.00) 171.94%)); padding: 24px; width: 252px; padding: 24px; margin: 0 auto 32px auto;} */
.custom_chat_step_popup .modal_chat_slider {width: 252px; margin: 0 auto 32px auto;}
.custom_chat_step_popup .modal_chat_slider .modal_chat_slider_img{display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 8px; background: var(--grad-bg, linear-gradient(180deg, rgba(25, 71, 229, 0.10) 0%, rgba(255, 255, 255, 0.00) 171.94%)); width: 100%; padding: 24px; margin-bottom: 24px;}
.custom_chat_step_popup .modal_chat_slider .modal_chat_slider_list_item {display: flex; align-items: center; flex-direction: column; justify-content: center; align-content: center; gap: 24px;}
.modal_chat_slider_desc p {color: #000; text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin: 0;}
.custom_chat_step_popup ul.slick-dots {
position: absolute;
bottom: 0;
display: flex;
gap: 3.5px;
align-items: center;
justify-content: center;
list-style: none;
margin: 0 auto 0 auto;
padding: 0;
left: 50%;
transform: translate(-50%,0%);
}
.custom_chat_step_popup ul.slick-dots li {font-size: 0; width: 29.5px; height: 4px; border-radius: 25px; background: var(--Neutral-200); cursor: pointer;}
.custom_chat_step_popup ul.slick-dots li.slick-active{background: var(--primary);}
.custom_chat_step_popup ul.slick-dots li button {display: none;}
.custom_chat_step_popup button.next_step_btn {
margin: 0 auto;
display: flex;
padding: 12px 32px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 8px;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: var(--font_inter);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
.chat_step2_desc {color: var(--Neutral-600); text-align: center; font-family: var(--font_inter); font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 20px;}
.chat_inquiry_form .control-group {margin-bottom: 20px;}
.chat_inquiry_form .control-group input.form-control {
border-radius: 4px;
border: 1px solid var(--Neutral-300, #D1D5DB);
background: #FFF;
padding: 10px 12px;
color: var(--Neutral-400, #9CA3AF);
font-feature-settings: 'liga' off;
font-family: var(--font_inter);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
height: 40px;
box-shadow: none;
}
.chat_inquiry_form .control-group input#inquiry_file {border: 1px dashed var(--primary, #1947E5); background: var(--Neutral-50, #F9FAFB); padding: 8px 12px 8px 24px; display: flex; outline: 0;}
.chat_inquiry_form .control-group input#inquiry_file::-webkit-file-upload-button{background-color: transparent;}
.chat_inquiry_form .control-group .terms_field {display: flex; align-items: center; gap: 0.25rem; color: var(--Neutral-500); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px;}
.chat_inquiry_form .control-group .terms_field input{margin: 0;}
.terms_box {padding: 16px; border-radius: 8px; background: var(--Neutral-50);}
.terms_box h3 {color: var(--Neutral-900, #111827); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 36px; font-style: normal; font-weight: 700; line-height: 45px; letter-spacing: -0.9px;}
.terms_desc {color: var(--Neutral-600); font-feature-settings: 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;}
.terms_btn_group {margin-top: 32px; display: flex; align-items: center; gap: 16px;}
.terms_btn_group .btn{padding: 12px 44px; border-radius: 12px; text-align: center; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px;}
.terms_btn_group .btn.cancel-btn {border-radius: 12px; background: var(--Neutral-200); border-color: transparent;}
.custom_chat_step_popup .LastStep3 {display: flex; flex-direction: column; gap: 16px; align-content: center; justify-content: center; align-items: center;}
.custom_chat_step_popup .LastStep3 .mail_icon {max-width: 100px; margin: 0 auto;}
.custom_chat_step_popup .LastStep3 .chat_about_title {font-size: 16px; margin: 0;}
.custom_chat_step_popup.LastStepActive .modal-dialog{min-height: auto;}
div#getpaid_modals.getpaid_modal_popups{border-radius: 16px; background: #FFF; max-width: 750px; height: auto; margin: 0 auto !important; transform: translate(-50%, 5%);}
.getpaid_modal_popups .modal-content{padding: 32px;}
.getpaid_modal_popups .modal-body {max-height: 550px;}
.getpaid_modal_popups .close {margin: 0; padding: 0; color: var(--Neutral-900); opacity: 1; position: absolute; top: 15px; right: 15px;}
.display_page .control-group .chosen-container-single .chosen-single {
height: 44px;
padding: 12px 15px;
font-size: 15px;
line-height: 20px;
color: var(--Neutral-600);
background: #fff;
border: 1px solid #D1D1D1;
box-shadow: none;
}
.cust_form_reg_section .control-group .chosen-container-single .chosen-single {
height: 44px;
padding: 12px 15px;
font-size: 15px;
line-height: 20px;
color: var(--Neutral-600);
background: #fff;
border: 1px solid #D1D1D1;
box-shadow: none;
}
.HomePage.modal-open .modal-backdrop.show{z-index: 9999;}
.HomePage.modal-open div.custom_chat_step_popup {z-index: 99999;}
.HomePage.modal-open .cust_services_slider {z-index: unset !important;}
.HomePage.modal-open .cust_services_slider .sppb-column, .HomePage.modal-open .cust_services_slider .sppb-column-addons{z-index: unset !important;}
.HomePage.modal-open .cust_services_slider .sppb-row-container{z-index: unset !important;}
.transaction_display_page {background: var(--white); padding: 24px;}
.view-transactions .page-header-group{padding: 0 32px 24px 32px; border: 0; border-bottom: 1px solid var(--Neutral-200); background: var(--white); margin-bottom: 2rem;}
.view-transactions .dashboard-cols{background: var(--white);}
.display_trns_page .row{margin: 0;}
.display_trans_setting {border-radius: 8px; border: 1px solid #E5E7EB; padding: 1rem; background: var(--white );}
.dispaly_trans_blog {display: grid; gap: 1rem; align-items: flex-end; margin: 1.5rem 0; grid-template-columns: 1fr 1fr 1fr 1.5fr;}
.dispaly_trans_blog label {color: #001E00; font-family: var(--font_helvetica_m); font-size: 15.25px; font-style: normal; font-weight: 500; line-height: 22px;}
.dispaly_trans_blog .form-control {
display: flex;
padding: 8px 12px;
justify-content: flex-end;
align-items: center;
border-radius: 8px;
border: 2px solid #E4EBE4;
background: #FFF;
color: #001E00;
font-family: var(--font_helvetica_m);
font-size: 12.578px;
font-style: normal;
font-weight: 400;
line-height: 22px;
height: auto;
margin: 0;
}
.dispaly_trans_blog .trns_fields_group {display: flex; gap: 1rem;}
.display_trans_btn_group .btn{font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-align: center;}
.display_trans_btn_group .btn-primary-outline {border-radius: 112px; border: 1px solid var(--primary); padding: 10px 15px; justify-content: center; align-items: center; gap: 8px; color: var(--primary); background: transparent;}
.display_trans_btn_group .btn-primary-outline:hover,
.display_trans_btn_group .btn-primary-outline:focus{color: var(--white); background-color: var(--primary);}
.display_trans_btn_group {display: flex; align-items: center; gap: 1rem; justify-content: flex-end;}
table.custom_data_table thead th,
table.custom_data_table tbody td{border: 0; color: #000; font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px;}
table.custom_data_table tbody td{color: var(--Neutral-600, #4B5563); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;}
.custom_data_table .invoice_icon {display: inline-flex; width: 24px; height: 24px; flex-shrink: 0; background: rgb(14 83 239 / 10%); justify-content: center; align-items: center; border-radius: 100%;}
/* .display_trans_setting table.custom_mobile_table {display: none;} */
.display_trans_setting table.custom_mobile_table {display: none; margin: 1.5rem 0;}
.display_trans_setting table.custom_mobile_table table th {font-family: var(--font_inter_s); font-size: 16px; line-height: 26px; padding: 4px 6px; font-feature-settings: 'cv11' on;}
.display_trans_setting table.custom_mobile_table thead {background: rgba(25, 71, 229, 0.10);}
.display_trans_setting table.custom_mobile_table table td {padding: 4px 6px; font-size: 14px; line-height: 24px; vertical-align: top; font-feature-settings: 'cv11' on;}
.invoice-btn {text-decoration: none; padding: 0; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; color: var(--primary); font-feature-settings: 'clig' off, 'liga' off;}
.display_trans_setting table.custom_mobile_table .chat_fees {margin: 0;}
div#transactions_modals.trans_modal_popups {transform: translate(-50%, -50%); top: 50%; left: 50%; right: unset; width: 98%; border-radius: 16px; background: #FFF; max-width: 750px; height: auto; margin: 0 auto !important;}
.trans_modal_popups .modal-content {padding: 1rem;}
.trans_modal_popups .close {margin: 0; padding: 0; color: var(--Neutral-900); opacity: 1; position: absolute; top: 10px; right: 10px;}
.trans_modal_popups .trans-modal-title {margin: 0 0 10px 0; font-feature-settings: 'cv11' on;}
.column_trans_detail {display: flex; justify-content: space-between; gap: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #d1d1d1; padding-bottom: 0.5rem;}
.column_trans_detail:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
.column_trans_detail .trans-title{font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 14px;}
.column_trans_detail .trans-ans {color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 14px;}
.column_trans_detail .trans-ans.btn_invoice_link {color: var(--primary);}
.trans_modal_popups .cust-btn-group {display: flex; align-items: center; gap: 1rem; justify-content: center;}
.trans_modal_popups .cust-btn-group .btn {flex: 1 auto; font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; text-align: center;}
.trans_modal_popups .cust-btn-group .btn_trans_cancel{color: var(--primary); border: 1px solid var(--primary); background: var(--white);}
.messages_support-control {display: grid; grid-template-columns: 50px 1fr 60px; border-radius: 6px; margin-top: 2rem;}
.messages_support-control button.btn.sendTicketResponse {color: var(--white); border: 1px solid var(--primary); background: var(--primary); width: 100%; height: 100%; border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; display: flex; align-items: center; justify-content: center; padding: 12px 16px;}
.messages_support-control textarea.message_box{resize: none; padding: 10px 15px; height: 100%; width: 100%; border-radius: 0; margin: 0; border: 1px solid var(--Neutral-20); box-shadow: none; color: var(--Neutral-80); font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 500;}
.messages_support-control label.btn_attachment {width: 100%; background: #dbe3f5; height: 100%; display: flex; align-items: center; justify-content: center; color: var(--Neutral-1000); opacity: 1; border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; margin: 0;}
.mod-articlesnews button.slick-arrow {position: absolute; top: -60px;}
.mod-articlesnews button.slick-next.slick-arrow {right: 20px;}
.mod-articlesnews button.slick-prev.slick-arrow {right: 90px;}
.mod-articlesnews button.slick-next:before{width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.mod-articlesnews button.slick-prev:before {width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.mod-articlesnews .slick-track {display: flex; align-items: center; gap: 24px;}
.mod-articlesnews .mod-articlesnews__item {margin: 0 0; border-radius: 16px; border: 1px solid #E9E9E9; background: #FBFBFB; padding: 4px;}
.art_doctor_bg img {width: 100%; border-radius: 16px 16px 0 0;}
.art_item_blog {padding: 20px;}
.art_doctor_info {margin-bottom: 1rem;}
.art_doctor_tag {font-family: var(--font_poppins); color: var(--black);font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; display: inline-flex; padding: 4px 8px; justify-content: center; align-items: center; gap: 10px; border-radius: 16px; background: #E5E5E5;}
.art_doctor_title {color: var(--black); font-family: var(--font_poppins_m); font-size: 21px; font-style: normal; line-height: normal;}
.art_doctor_desc {font-family: var(--font_poppins); font-size: 16px; font-style: normal; line-height: normal; color: var(--black);}
.art_doctor_blog {display: grid; grid-template-columns: 48px auto; gap: 1rem;}
.art_doctor_img img {border-radius: 100px; aspect-ratio: 1 / 1;}
.art_doctor_name {color: #202939; font-size: 16px; line-height: 24px;}
.art_doctor_date {color: #697586; font-size: 12px; font-style: normal; font-weight: 400; line-height: 24px;}
.customer_reviews {margin: 0; padding: 0; list-style: none;}
.customer_reviews button.slick-arrow {position: absolute; top: -60px;}
.customer_reviews button.slick-next.slick-arrow {right: 20px;}
.customer_reviews button.slick-prev.slick-arrow {right: 90px;}
.customer_reviews button.slick-next:before{width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image:url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.customer_reviews button.slick-prev:before {width: 50px; height: 50px; border-radius: 5px; background: #FFF; position: unset; transform: none; display: flex; align-items: center; justify-content: center; font-size: 0; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: center;}
.customer_reviews .slick-track {display: flex; align-items: center; gap: 24px;}
.customer_reviews .review{margin: 0 0;}
.customer_review_blog {display: flex; padding: 32px 43px 32px 32px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 40px; border-radius: 16px; border: 1px solid #EEF2F6; background: var(--white); box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);}
.review_desc {color: #697586; font-size: 18px; line-height: 28px; font-family: var(--font_poppins);}
.customer_review_blog_item {display: grid; grid-template-columns: 48px auto; gap: 1rem; width: 100%;}
.customer_review_name {font-size: 16px; line-height: 24px; color: #202939; font-family: var(--font_poppins_b);}
.customer_review_img img {border-radius: 100px; aspect-ratio: 1 / 1;}
.skeleton {background: linear-gradient(90deg, rgba(208, 208, 208, 0.53) 0%, rgba(106, 106, 106, 0.00) 100%); background-size: 800% 800%; animation: skeletonAnimation 1.5s infinite linear;}
@keyframes skeletonAnimation {
0% { background-position: 100% 0;}
100% { background-position: -100% 0;}
}
.skelet_grid_wideget {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #FFF; padding: 24px;}
.skelet_dashbord {display: flex; flex-direction: column; gap: 16px;}
/* .skelet_dashbord {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #FFF; padding: 24px;} */
.skelet_dashbord_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.skelet_dashbord_row_cols {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.skelet_dashbord_item {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); padding: 12px;}
.skelet_dashbord_item:hover,
.skelet_dashbord_item:focus{border-radius: 8px; background: var(--space-cadet);}
.skelet_wideget {display: flex; flex-direction: column; gap: 10px;}
.skelet_wideget_icon {color: var(--primary);}
.skelet_dashbord_item:hover .skelet_wideget_icon,
.skelet_dashbord_item:focus .skelet_wideget_icon {color: var(--white);}
.skelet_dashbord_item:hover .skelet_wideget_icon path,
.skelet_dashbord_item:focus .skelet_wideget_icon path {fill: var(--space-cadet);}
.skelet_dashbord_item:hover .skelet_wideget_icon path:first-child,
.skelet_dashbord_item:focus .skelet_wideget_icon path:first-child {fill: white;}
.skelet_dashbord_item.sketen_new:hover .skelet_wideget_icon path,
.skelet_dashbord_item.sketen_new:focus .skelet_wideget_icon path {fill: white;}
.skelet_wideget_title {color: #8F9BB3; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px;}
.skelet_dashbord_item:hover .skelet_wideget_count,
.skelet_dashbord_item:focus .skelet_wideget_count,
.skelet_dashbord_item:hover .skelet_wideget_link,
.skelet_dashbord_item:focus .skelet_wideget_link {color: var(--white);}
.skelet_wideget_count {color: var(--black); font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 700; line-height: 28px;}
.skelet_wideget_count small {color: var(--Neutral-400); font-family: var(--font_inter); font-size: 13px; font-style: normal; font-weight: 700; line-height: 120%;}
.timeframe.dataFilter_group {display: flex; align-items: center; gap: 2px;}
.btn_data_filter {border-radius: 10px; border: 1px solid #F1F4F9; background: var(--white); padding: 8px; color: #17181A; font-family: var(--font_inter); font-size: 12px; font-style: normal; line-height: 100%;}
.skelet_dashbord_chart {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #F9FAFB; padding: 24px;}
.skelet_wideget_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.skelet_grid_wideget_row {display: flex; gap: 16px;}
.skelet_grid_wideget_cols7 {flex: 1 65%; width: 65%;}
.skelet_grid_wideget_cols3 {flex: 1 35%; width: 35%;}
/* SKELETON CHAT CSS START */
.skeletons .title, .skeletons .count, .skeletons .timeframe, .skeletons .chart_time, .skeletons .chart .bar {border-radius: 4px 4px 0px 0px; background: linear-gradient(90deg, rgba(208, 208, 208, 0.53) 0%, rgba(106, 106, 106, 0.00) 100%); flex-grow: 1; background-size: 800% 800%;}
.skeletons .chart .bar{flex-grow: unset;}
.skeletons .chart_time{border-radius: 4px; margin: 0; width: 100%; height: 20px; animation: skeletonAnimation 1.5s infinite linear;}
.skeletons .titles .count {border-radius: 4px; width: 50px; height: 20px; margin-right: 10px; animation: skeletonAnimation 1.5s infinite linear;}
.skeletons .chart {display: flex; justify-content: space-between; align-items: flex-end; height: 100px; margin-bottom: 20px;}
.skeletons .chart .bar {width: 15px; animation: skeletonAnimation 1.5s infinite linear; border-radius: 4px 4px 0px 0px;}
.skeletons .bar-1 {height: 20%;}
.skeletons .bar-2 {height: 60%;}
.skeletons .bar-3 {height: 80%;}
.skeletons .bar-4 {height: 100%;}
.skeletons .bar-5 {height: 40%;}
.skeletons .bar-6 {height: 10%;}
.skeletons .bar-7 {height: 60%;}
.skeletons .bar-8 {height: 50%;}
.skeletons .bar-9 {height: 70%;}
.skeletons .bar-10 {height: 20%;}
.skeletons .bar-11 {height: 60%;}
.skeletons .bar-12 {height: 10%;}
.skeletons .timeframe {display: flex; justify-content: space-between; width: 50%; height: 30px; border-radius: 4px; animation: skeletonAnimation 1.5s infinite linear;}
.skeletons .timeframe button {width: 80px; height: 20px;}
.skeletons .chart-header{gap: 1rem;}
@keyframes pulse {
0% {background-color: #e0e0e0;}
50% {background-color: #f0f0f0;}
100% {background-color: #e0e0e0;}
}
.chart-header {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.chart-header p .count {vertical-align: middle; display: inline-block;}
.data .chart-header .count {border-radius: 4px; padding: 2px 10px; color: #fff; background-color: var(--space-cadet);}
.chart-header p {font-size: 14px; line-height: 20px; letter-spacing: 0.28px; border-bottom: 1px solid var(--space-cadet); color: var(--space-cadet); padding-bottom: 8px; margin: 0;}
.skeleton_msg_bar .skeleton_bar{display: grid; grid-template-columns: 42px 89px auto 70px; padding: 16px; gap: 40px; background: var(--Neutral-50);}
.skeleton_msg_bar .skeleton_bar .circle_bar {width: 42px; height: 42px; border-radius: 100px; animation: skeletonAnimation 1.5s infinite linear;}
.skeleton_msg_bar .skeleton_bar .name_bar{width: 100%; height: 42px; animation: skeletonAnimation 1.5s infinite linear;}
.skeleton_msg_bar .skeleton_bar .msg_bar{width: 100%; height: 42px; animation: skeletonAnimation 1.5s infinite linear;}
.skeleton_msg_bar .skeleton_bar .btn-bar{width: 100%; height: 42px; animation: skeletonAnimation 1.5s infinite linear;}
/* SKELETON CHAT CSS CLOSE */
.skelet_review {padding: 14px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--space-cadet); min-height: 111px;}
.skelet_review_bar {display: grid; grid-template-columns: 0.8fr 1fr; gap: 20px;}
.skelet_review_cols {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px;}
.skelet_review_bar_01 {width: 46px; height: 40px;}
.skelet_review_bar_02 {width: 79px; height: 13px;}
.skelet_review_bar_03 {width: 60px; height: 15px;}
.review-bar {border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.10); background: var(--space-cadet); padding: 14px;}
.review-grid-bar {display: grid; grid-template-columns: 0.8fr 2fr; gap: 20px; align-items: center; color: var(--white);}
.review_bar_count {color: var(--white); text-align: center; font-variant-numeric: slashed-zero; font-feature-settings: 'ss08' on, 'ss06' on, 'ss09' on, 'ss03' on, 'ss07' on, 'ss02' on; font-family: var(--font_inter); font-size: 32px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: -1.28px;}
.review_bar_star {display: flex; align-items: center; justify-content: center;}
.review_bar_score {text-align: center; color: var(--white); font-feature-settings: 'clig' off, 'liga' off; font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 400; line-height: normal;}
.review_progress_bar {display: flex; gap: 4px;}
.review_progress_bar.zero-width .riew_percentage {color: rgba(255, 255, 255, 0.30);}
.enable_search .search_content.inner_pages_search_result{background: #fff; max-height: 600px; overflow-y: scroll; position: absolute; top: 75px; left: 0;}
/* body.sidebar_added.enable_search main#content {width: 100%;} */
body.enable_search .inner_search_enable {width: 100%;}
.search_form.active{position: relative;}
.search_form.active div#autocomplete-suggestions {background: var(--white); border: 1px solid #e5e8e8; border-radius: 0.5rem; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%); position: absolute; z-index: 11; width: 100%; left: 0; max-height: 450px; overflow-y: scroll;}
.autocomplete-suggestion {padding: 0.5rem 1rem; font-size: 0.875rem; font-family: var(--font_gotham_m); display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;}
.autocomplete-suggestion .suggestion_grid {display: flex; gap: 0.5rem;}
.autocomplete-suggestion:hover,
.autocomplete-suggestion:focus {background: var(--Neutral-20); cursor: pointer;}
.search_form #BackSearchHome {position: absolute; right: 130px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;}
/* SEARCH-RESULT PAGE CSS START */
.dr_search_result .filter_group {padding: 8px 10px 8px 20px; border-radius: 182px; background: #FFF; box-shadow: 0px 10px 70px 0px rgba(20, 38, 77, 0.08); border: 0; position: relative; max-width: 650px; margin: 0 auto;}
.dr_search_result input {border: 0; width: 100%; outline: 0; min-height: 46px; font-family: var(--font_inter_m); font-size: 16px; color: var(--black);}
.dr_search_result .filter_group .btn_search{border: 0; border-radius: 150px; color: var(--white); background: var(--space-cadet); box-shadow: 0px 7px 70px 0px rgba(0, 0, 0, 0.08); width: 142px; height: 46px; padding: 10px; font-size: 16px; font-style: normal; line-height: 23.4px; text-transform: uppercase; font-family: var(--font_gotham);}
body.view-searchresult {background: var(--grad-bg); background: var(--brands-tertiary); background: #F9FAFB;}
.search_result_dr_list {display: flex; flex-direction: column; gap: 1rem; margin: 30px auto; /*border-radius: 21px; background: var(--Neutral-100); padding: 24px;*/}
.search_result_dr {border-radius: 8px; display: grid; grid-template-columns: 1fr; gap: 0rem; position: relative; background: var(--white); box-shadow: 0px 10px 70px 0px rgba(83, 83, 83, 0.07);}
/* .search_result_dr .doctor img {border-top-left-radius: 21px; border-bottom-left-radius: 21px; height: 100%; width: 100%;} */
.search_result_dr .search_result_dr_row {display: grid; gap: 1rem; padding: 1rem 1rem; grid-template-columns: 64px auto; align-items: flex-start;}
.search_result_dr img.round-img {border-radius: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top center;}
.search_result_dr .search_result_dr_title {display: flex; align-items: center; justify-content: space-between;}
.search_result_dr .search_result_dr_name {color: var(--black); font-family: var(--font_gotham_m); font-size: 18px; font-style: normal; line-height: 32px;}
.search_result_dr .verified_icon {color: var(--primary); }
.search_result_dr .search_result_dr_desc {display: flex; flex-direction: column; gap: 0.6rem;}
.search_result_dr .profile_factor {border-bottom: 1px solid #d1d8db; padding-bottom: 0.8rem; margin-bottom: 0.5rem;}
.search_result_dr .service_list {display: flex; align-items: center; gap: 1rem;}
.search_result_dr .service_list .service {border: 2px solid var(--space-cadet); padding: 0.25rem 0.8rem; font-size: 14px; font-family: var(--font_inter_m); color: var(--space-cadet); border-radius: 21px; line-height: 20px;}
.search_result_dr .DocDesc {font-size: 13px; line-height: 18px; color: #000;}
.search_result_dr .DocDesc *{margin: 0;}
.search_result_dr .doc_location {font-size: 14px; color: #000;}
.search_result_dr .cust-btn-grup {display: flex; gap: 1.5rem;}
.search_result_dr .search_btn_flex {display: flex; align-items: center; gap: 0.6rem;}
.search_result_dr .search_btn_flex button.addto_mydoctorlist {padding: 0.25rem; position: relative; top: unset; right: unset; color: var(--white); display: flex; align-items: center; justify-content: center; gap: 0.25rem; font-size: 16px; border: 1px solid var(--space-cadet); background: var(--space-cadet); border-radius: 8px;}
.search_result_dr .doctor_available {border: 2px solid #EAFEED; background: #EAFEED; padding: 0.25rem 0.8rem; font-size: 12px; border-radius: 21px; color: #008970; font-family: var(--font_inter_b);}
.search_result_dr .search-btn-link {display: flex; align-items: center; gap: 0.25rem; color: var(--primary); font-size: 14px; line-height: 20px; text-decoration: none; font-family: var(--font_inter_b); padding: 0; border: 0; background: none;}
.search_result_dr .search-btn-link:hover,
.search_result_dr .search-btn-link:focus{color: var(--space-cadet);}
.search_result_dr .search-disable-btn-link {color: var(--secondery); font-size: 14px; text-decoration: none; font-family: var(--font_inter_b); padding: 0; border: 0; background: none;}
/* SEARCH-RESULT PAGE CSS CLOSE */
.login .cust_form_section a.btn.btn-outline.cust_primary {margin: 0 auto;}
.forgot_form .control-group input {margin: 0;}
.forgot_form .forgot_title {font-size: 24px; line-height: normal; margin-bottom: 1rem; color: var(--black);}
.forgot_form .forgot_desc {font-size: 14px; font-family: var(--font_inter_m); margin-bottom: 1rem;}
.custom_radio_input .lbl {font-size: 16px;}
/* The container */
.custom_radio_input {display: block; position: relative; padding-left: 35px; margin-bottom: 0px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* Hide the browser's default checkbox */
.custom_radio_input input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute; top: 0; left: 0; height: 24px; width: 24px; background-color: #eee; border-radius: 100px; border: 1px solid #d1d1d1;}
/* On mouse-over, add a grey background color */
.custom_radio_input:hover input ~ .checkmark {background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.custom_radio_input input:checked ~ .checkmark {background-color: #ffffff; border: 1px solid var(--primary);}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.custom_radio_input input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.custom_radio_input .checkmark:after {left: 5px; top: 5px; width: 12px; height: 12px; border: 0; background: var(--primary); border-radius: 100px; border-width: 0;}
.custom_radio_input input[type="radio"][disabled]+ .checkmark {cursor: not-allowed;}
.custom_radio_input input[type="radio"][disabled]+ .checkmark {cursor: not-allowed;}
.custom_radio_input input[type="radio"][disabled]~ .lbl {cursor: not-allowed;}
.forgot_form .btn-control-group {margin: 1.5rem 0; display: flex; align-items: center; justify-content: flex-start;}
.forgot_form .btn-control-group .cust_otp_btn {width: 131px;}
#ForgetPassword {display: block; font-size: 14px; font-family: var(--font_inter_m); margin-bottom: 1rem; color: var(--Neutral-700);}
.cm-title {font-size: 24px; line-height: normal; margin-bottom: 1rem; color: var(--black);}
div.modal.change_pass_modal {max-width: 500px; margin: 0 auto; transform: translate(-50%, 0); height: auto;}
.change_pass_modal .modal-dialog{margin: 0;}
.change_pass_modal .modal-content{border: 0;}
.change_pass_modal .modal-header{border: 0; padding: 0.5rem;}
.change_pass_modal .modal-body {padding: 0rem 1.5rem 1.5rem;}
.change_pass_modal .change_pass_form .control-group {margin-bottom: 1rem;}
.change_pass_modal .modal-body .btn-control-group {display: flex; gap: 1rem; margin: 1.5rem 0 0;}
.change_pass_modal .modal-body .btn-control-group .btn{width: 100%;}
.flx-grp {display: flex; align-items: center; gap: 0.25rem;}
.flx-grp label, .flx-grp input{margin: 0;}
/*CSS ANJALI FOR REQUIRED TOOLTIP*/
.required_field {color: red; margin-left: 5px;}
.tooltip {cursor: pointer; margin-left: 10px; color: #007bff; /* or any other color */ font-weight: bold;}
.tooltip:hover::after {content: attr(title); position: absolute; background: #333; color: #fff; padding: 5px; border-radius: 3px; white-space: nowrap; z-index: 10; font-size: 12px;}
/*CSS COMPLETE*/
/*START CSS BY SAGAR SHAH FOR MYPROFILE LOCATION AUTOCOMPLETE BOX*/
.pac-container.pac-logo.hdpi{ z-index : 1111 !important;}
/*END CSS BY SAGAR SHAH FOR MYPROFILE LOCATION AUTOCOMPLETE BOX*/
/* CUSTOM SELECT BOX START */
.custom_ui_select {position: relative; width: 100%; max-width: 100%; font-size: 1.15rem; color: #000; margin-top: 0.5rem;}
.custom_select_btn {width: 100%; font-size: 1.15rem; background-color: #fff; padding: 0.675em 1em; border: 1px solid rgb(25 71 229 / 10%); border-radius: 0.25rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
.custom_select_value {text-align: left; color: #667085; font-size: 16px; font-family: var(--font_inter);}
.arrow {display: flex; align-items: center; transition: transform ease-in-out 0.3s;}
.custom_select_dropdown {
position: absolute;
list-style: none;
width: 100%;
box-shadow: 0 12px 16px -4px rgb(16 24 40 / 8%);
background-color: #fff;
border: 1px solid #F2F4F7;
border-radius: 4px;
padding: 0px;
margin: 4px 0 0 0;
max-height: 200px;
overflow-y: auto;
transition: 0.25s ease;
transform: scaleY(0);
opacity: 0;
visibility: hidden;
}
.custom_select_dropdown:focus-within {box-shadow: 0 10px 25px rgba(94, 108, 233, 0.6);}
.custom_select_dropdown li {position: relative; cursor: pointer; display: flex; gap: 1rem; align-items: center;}
.custom_select_dropdown li label {width: 100%; padding: 10px 14px; cursor: pointer; display: flex; gap: 1rem; align-items: center;}
.custom_select_dropdown::-webkit-scrollbar {width: 7px;}
.custom_select_dropdown::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 25px;}
.custom_select_dropdown::-webkit-scrollbar-thumb {background: #E4E7EC; border-radius: 25px;}
.custom_select_dropdown li.active,
.custom_select_dropdown li:hover,
.custom_select_dropdown input:checked ~ label {background-color: #F9FAFB;}
.custom_select_dropdown input:focus ~ label {background-color: #dfdfdf;}
.custom_select_dropdown input[type="radio"] {position: absolute; left: 0; opacity: 0;}
.custom_select_dropdown li.active label{background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 95% 50%;}
.custom_select_dropdown input:checked ~ label{color: var(--primary); background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; background-position: 95% 50%;}
/* interactivity */
.custom_ui_select.option_selected .arrow {transform: rotate(180deg);}
.custom_ui_select.option_selected .custom_select_dropdown {z-index: 1; opacity: 1; visibility: visible; transform: scaleY(1);}
/* CUSTOM SELECT BOX CLOSE */
/* NEW DASHBORD DESIGN START */
.user_skelet_grid_wideget {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #FFF; padding: 24px;}
.user_skelet_dashbord {display: flex; flex-direction: column; gap: 16px;}
/* .skelet_dashbord {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #FFF; padding: 24px;} */
.user_skelet_dashbord_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;}
.user_skelet_dashbord_cols{display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px;}
.user_skelet_dashbord_row_cols_fullwidth {display: grid; grid-template-columns: repeat(1, 1fr); gap: 16px;}
.user_skelet_dashbord_row_cols {display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;}
.user_skelet_dashbord_item {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); padding: 12px;}
.user_skelet_dashbord_item:hover,
.user_skelet_dashbord_item:focus{border-radius: 8px; background: var(--space-cadet);}
.user_skelet_wideget {display: flex; flex-direction: column; gap: 10px;}
.user_skelet_wideget_icon {color: var(--primary);}
.user_skelet_wideget_link {text-align: right;}
.user_skelet_dashbord_item:hover .user_skelet_wideget_icon,
.user_skelet_dashbord_item:focus .user_skelet_wideget_icon {color: var(--white);}
.user_skelet_dashbord_item:hover .user_skelet_wideget_icon path,
.user_skelet_dashbord_item:focus .user_skelet_wideget_icon path {fill: var(--space-cadet);}
.user_skelet_dashbord_item:hover .user_skelet_wideget_icon path:first-child,
.user_skelet_dashbord_item:focus .user_skelet_wideget_icon path:first-child {fill: white;}
.user_skelet_dashbord_item.sketen_new:hover .user_skelet_wideget_icon path,
.user_skelet_dashbord_item.sketen_new:focus .user_skelet_wideget_icon path {fill: white;}
.user_skelet_wideget_title {color: #8F9BB3; font-family: var(--font_inter); font-size: 14px; font-style: normal; font-weight: 600; line-height: 16px;}
.user_skelet_wideget_count {color: var(--black); font-family: var(--font_inter); font-size: 24px; font-style: normal; font-weight: 700; line-height: 28px; margin: 0;}
.user_skelet_wideget_count small {color: var(--Neutral-400); font-family: var(--font_inter); font-size: 13px; font-style: normal; font-weight: 700; line-height: 120%;}
.timeframe.dataFilter_group {display: flex; align-items: center; gap: 2px;}
.btn_data_filter {border-radius: 10px; border: 1px solid #F1F4F9; background: var(--white); padding: 8px; color: #17181A; font-family: var(--font_inter); font-size: 12px; font-style: normal; line-height: 100%;}
.user_skelet_dashbord_chart {border-radius: 8px; border: 1px solid rgba(20, 38, 77, 0.10); background: #F9FAFB; padding: 24px;}
.user_skelet_wideget_row {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
.user_skelet_grid_wideget_row {display: flex; gap: 16px;}
.user_skelet_grid_wideget_cols7 {flex: 1 65%; width: 65%;}
.user_skelet_grid_wideget_cols3 {flex: 1 35%; width: 35%;}
.user_skelet_dashbord_item:hover .user_skelet_wideget_count,
.user_skelet_dashbord_item:focus .user_skelet_wideget_count,
.user_skelet_dashbord_item:hover .user_skelet_wideget_link,
.user_skelet_dashbord_item:focus .user_skelet_wideget_link {color: var(--white);}
.consult_type_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.consult_type_cols {display: flex; align-items: center; gap: 1rem; border: 1px solid rgb(20 38 77 / 10%); padding: 12px; border-radius: 8px;}
.consult_type_title {font-family: var(--font_inter_m); color: #8F9BB3; font-size: 14px;}
.user-dashboard-request-cols pre {padding: unset; margin: unset; font-size: unset; line-height: unset; word-wrap: unset; word-break: unset; white-space: unset; border: unset; background: unset; border-radius: unset;}
.user-dashboard-request-cols .user_message_list_doctor{display: flex; justify-content: space-between; gap: 1rem; width: 100%; border-radius: 4px; padding: 16px;}
.user-dashboard-request-cols .user_message_list_doctor{background: var(--Neutral-50); margin-bottom: 4px;}
/* .user-dashboard-request-cols .user_message_list_doctor:nth-child(odd){ background: var(--Neutral-50);} */
/* .user-dashboard-request-cols .user_message_list_doctor:nth-child(even){ background: var(--white);} */
.user-dashboard-request-cols .user_message_list_doctor .user_thread_name {width: 100%;}
.user-dashboard-request-cols .user_thread_detail .user_thread_name {text-decoration: none;}
.user-dashboard-request-cols .user_thread_detail .user_member_details {display: grid; gap: 8px; grid-template-columns: 48px auto;}
.user-dashboard-request-cols .user_thread_detail .user_main_threat {display: flex; align-items: center; justify-content: space-between;}
.user-dashboard-request-cols .user_thread_detail .user_threat {display: grid; align-items: center; gap: 4px; justify-content: space-between; grid-template-columns: 1fr;}
.user-dashboard-request-cols .user_thread_detail .user_threat .user_threat_name {display: flex; flex-direction: column;}
.user-dashboard-request-cols .user_thread_detail .user_name {color: var(--Neutral-1000); font-family: var(--font_inter_m); font-size: 16px; font-style: normal;}
.user-dashboard-request-cols .user_thread_detail .user_category {font-family: var(--font_inter_s); font-size: 12px;}
.user-dashboard-request-cols .user_thread_detail .user_last_msg_time {color: var(--Neutral-60); font-family: var(--font_inter); font-size: 12px; font-style: normal;}
.thread_detail .user_thread_detail .accept_deny {display: flex; align-items: center; gap: 10px; justify-content: flex-end;}
.user-dashboard-request-cols .user_thread_detail .accept_deny .btn {display: flex; justify-content: center; align-items: center; gap: 10px; width: 32px; height: 32px; padding: 5px; margin: 0; font-size: 12px; line-height: 14px; border-radius: 80px; font-weight: normal;}
.user-dashboard-request-cols .user_thread_detail .accept_deny .accept_request {border: 1px solid var(--primary); background: var(--primary); color: var(--white);}
.user-dashboard-request-cols .user_thread_detail .accept_deny .deny_request {border: 1px solid var(--primary); background: var(--white); color: var(--primary);}
.user-dashboard-request-cols .user_thread_detail .last_msg_val{max-width: 350px; color: var(--Neutral-80); font-family: var(--font_inter); font-size: 14px; font-style: normal; line-height: 160%;}
.user_dash_widget {padding: 16px 12px; border: 1px solid #E5E7EB; border-radius: 8px;}
.duePayTitle {font-size: 16px; font-family: var(--font_inter_s); color: var(--black);}
.user_amount_title {font-family: var(--font_inter_m); font-size: 12px; color: #9CA3AF; margin: 12px 0 5px 0;}
.user_amount_price {font-size: 12px; color: var(--Neutral-400); margin-bottom: 8px;}
.user_amount_price .skelet_wideget_count {font-size: 16px;}
.user_dash_trans {border: 1px solid #E5E7EB; border-radius: 4px; padding: 8px;}
.user_dash_trans .custom_data_table{margin-bottom: 0;}
.custom_data_table thead{border-bottom: 1px solid #E5E7EB;}
.custom_data_table thead tr th{font-size: 12px; color: #9CA3AF; font-family: var(--font_inter_m); text-align: center;}
.user_dash_trans .custom_data_table tbody tr {border-bottom: 1px solid #E5E7EB;}
.user_dash_trans .custom_data_table tbody tr:last-child {border-bottom: 0;}
.custom_data_table tbody tr td{font-size: 11px; font-family: var(--font_inter_s); text-align: center;}
.display_trans_setting .custom_data_table thead tr th{color: var(--black); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 600; line-height: 120%;}
.display_trans_setting .custom_data_table tbody tr td{color: var(--Neutral-600); font-feature-settings: 'cv11' on; font-family: var(--font_inter); font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%;}
.custom_data_table.dataTable.no-footer{border-bottom: 0;}
.custom_data_table tbody tr td.prices {font-family: var(--font_inter_b); color: var(--Neutral-400);}
.custom_data_table tbody tr td.prices .price {font-family: var(--font_inter_s); font-size: 14px; color: var(--black);}
.custom_data_table tbody tr td .success_status{font-size: 12px; background: rgb(19 226 172 / 8%); border: 2px solid rgb(19 226 172 / 40%); padding: 4px 8px; border-radius: 30px; font-family: var(--font_inter_m); color: #13E2AC;}
.custom_data_table tbody tr td .warning_status{font-size: 12px; background: rgb(255 188 45 / 8%); border: 2px solid rgb(255 188 45 / 40%); padding: 4px 8px; border-radius: 30px; font-family: var(--font_inter_m); color: #FFBC2D;}
.custom_data_table tbody tr td .error_status{font-size: 12px; background: rgb(254 77 0 / 8%); border: 2px solid rgb(254 77 0 / 40%); padding: 4px 8px; border-radius: 30px; font-family: var(--font_inter_m); color: #FE4D00;}
/* NEW DASHBORD DESIGN CLOSE */
.cust_services_list {margin: 1rem 0; padding: 0; list-style: none; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.cust_services_list li {background: #F8F8FD; padding: 4px 12px; color: var(--primary);}
.view-becomedoctorform .my_dr_form_section {background: var(--white);}
.pac-container{z-index: 1111;}
video.media_fullscreen {width: 100%;}
/* HEADER SEARCH CSS START */
.header .header-inner .search_container .search_form {display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 18px; padding: 0;}
.header .header-inner .search_container .search_form .filter_group {margin: 0; border-radius: 8px; background: #F9FAFB; border: 1px solid #E5E7EB; padding: 13px 15px 13px 15px; max-width: 100%;}
.header .header-inner .search_container .search_form .global_search_label {margin: 0; font-size: 20px; line-height: 24px; color: var(--black);}
.header .header-inner .search_container .search_form .filter_group .doctorsearch {border: 0; background: transparent; box-shadow: none; margin: 0; padding: 0; min-height: auto;}
.header .header-inner .search_container .search_form .filter_group .btn_search {background: transparent; color: #6B7280; padding: 0; width: auto; height: auto; line-height: 24px;}
.header .header-inner .search_container .search_result_dr_list {margin: 0;}
.header .header-inner .search_container .search_form #autocomplete-suggestions-global{display: none;}
.header .header-inner .search_container .search_form.active #autocomplete-suggestions-global {display: block; background: var(--white); border: 1px solid #e5e8e8; border-radius: 0.5rem; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%); position: absolute; z-index: 11; width: 100%; left: 0; top: 60px; max-height: 450px; overflow-y: auto;}
.header .header-inner .search_container #autocomplete-suggestions-global .autocomplete-suggestion-global {padding: 0.5rem 1rem; font-size: 0.875rem; font-family: var(--font_gotham_m); display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;}
.header .header-inner .search_container #autocomplete-suggestions-global .autocomplete-suggestion-global .suggestion_grid {display: flex; gap: 0.5rem;}
/* HEADER SEARCH CSS CLOSE */
/* */
.faq_header {display: flex; align-items: center; justify-content: space-between; padding: 1rem; border: 1px solid #00000021; border-radius: 4px; margin-bottom: 1rem;}
.faq_header .faq_header_group {display: flex; align-items: center; gap: 12px;}
.faq_header .faq_header_group .faq_title {font-family: var(--font_inter); font-weight: 400; font-size: 16px; line-height: 20px; color: var(--Neutral-900);}
.faq_btn_group {display: flex; align-items: center; gap: 12px}
.faq_btn_group .cust_faq_btn{border: 0; padding: 0; background: none; color: var(--gray35);}
.FAQfield .control-group label {color: #1D2026; font-size: 14px; line-height: 22px; font-family: var(--font_inter_m); font-weight: 400;}
.cust_my_dr_form .btn_group {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem; justify-content: flex-end;}
.cust_my_dr_form .btn_group .btn {border-radius: 4px;}
.cust_my_dr_form .btn_group .btn-outline-cancel {color: #6E7485; border: 1px solid #E9EAF0; background: var(--white);}
.cases_media_btn {
position: relative;
}
.cases_media_btn .media_btn {
border: 1px dashed #D1D5DB;
padding: 24px;
border-radius: 8px;
text-align: center;
font-size: 12px;
line-height: 20px;
font-family: var(--font_inter);
font-weight: unset;
}
.cases_media_btn .form_control_img{position: absolute; visibility: hidden; opacity: 0;}
.btn_rounded {border-radius: 160px; padding: 12px 24px;}
.page-flex-group {display: flex; align-items: center; gap: 0.5rem;}
.page_btn_group {display: flex; align-items: center; gap: 0.5rem;}
.page_btn_group button#Submit {background: #1947E5; border-radius: 4px; font-size: 14px; line-height: 40px; font-family: var(--font_inter_s); padding: 0 1rem; text-shadow: none; border: 0;}
.quill-editor .ql-editor {height: 200px; font-family: var(--font_inter); font-weight: 400; font-size: 16px; line-height: 20px; color: var(--Neutral-900); font-style: normal;}
/* CHAT DESIGN EN NEW START CSS */
.message_channel_row .list_thread .list_thread_spacer{padding: 1rem 1rem;}
.message_channel_row .left_msg .user_profile {display: none;}
.message_channel_row .left_msg .cust_user_section .user_name{display: none;}
/* #uploaded-files-container {display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;} */
.file_uploads_lists {padding: 0 15px 10px 15px; display: flex; align-items: center; gap: 0.5rem; overflow-y: auto; background-color: var(--white); touch-action: auto;}
.message_channel_row .file_uploads_lists::-webkit-scrollbar {width: 2px; height: 5px;}
.message_channel_row .file_uploads_lists::-webkit-scrollbar-track {background-color: var(--Neutral-10); -webkit-border-radius: 10px; border-radius: 10px;}
.message_channel_row .file_uploads_lists::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: var(--Neutral-20);}
.file_uploads {background: var(--primary-08); border: 1px solid var(--primary-40); border-radius: 4px; display: grid; align-items: center; gap: 10px; padding: 3px 4px; grid-template-columns: 24px 1fr 24px; gap: 10px; padding: 3px 4px;}
.file_uploads .file_name {font-family: var(--font_inter_b); font-size: 12px; line-height: 15.6px;}
.file_uploads .deleteFile {border: 0; background: transparent; padding: 0;}
.message_channel_row .messages_footer-control .loader {z-index: 1;}
.message_channel_row .messages_footer-control .msg_type_box {position: relative;}
.message_channel_row .audio-start .messages_footer-control {grid-template-columns: 1fr 75px;}
.btn_delete_recording {border: 0; padding: 0; margin: 0; background: transparent; color: #F42500;}
.btn_stop_recording {background: transparent; padding: 0; margin: 0; border: 0; color: #F42500;}
.message_channel_row .audio-start #audio-controls {display: grid; grid-template-columns: 1fr 24px; gap: 8px; align-items: center;}
.message_channel_row .audio-start #audio-controls .custom_audio_player{border: 1px solid var(--Neutral-20); padding: 6px 8px; border-radius: 8px; display: flex; gap: 8px; align-items: center;}
.message_channel_row .audio-start .messages_footer-control .btn_micro {background: var(--primary); color: var(--white); padding: 4px; border-radius: 4px;}
.message_channel_row .audio-start .messages_footer-control #audio-timer {font-family: var(--font_poppins_m); color: #191919; font-size: 13px; line-height: 13px;}
.pin_element {display: flex; align-items: center; justify-content: center; gap: 0.5rem;}
canvas#waveCanvas {
width: 100%;
height: 20px;
}
/* AUDIO WAVES START */
@keyframes quiet {
25%{transform: scaleY(.6);}
50%{transform: scaleY(.4);}
75%{transform: scaleY(.8);}
}
@keyframes normal {
25%{transform: scaleY(1);}
50%{transform: scaleY(.4);}
75%{transform: scaleY(.6);}
}
@keyframes loud {
25%{transform: scaleY(1);}
50%{transform: scaleY(.4);}
75%{transform: scaleY(1.2);}
}
.message_channel_row .messages_footer-control .audio_waves_lists{display: flex;}
.message_channel_row .audio-start .messages_footer-control .audio_waves_lists{
justify-content: space-between;
height: 10px;
/* width: 4px; */
gap: 4px;
/* width: calc(4px + 4px * 20); */
}
.message_channel_row .audio-start .messages_footer-control .audio_waves_item{
transform: scaleY(.4);
height: 100%;
width: 2px;
background: #8190C8;
animation-duration: 900s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
border-radius: 5px;
}
.message_channel_row .audio-start .messages_footer-control .record_start .audio_waves_item{animation-duration: 1.2s;}
.audio_waves_item_01{animation-name: quiet; }
.audio_waves_item_02{animation-name: normal; }
.audio_waves_item_03{animation-name: quiet; }
.audio_waves_item_04{animation-name: loud; }
.audio_waves_item_05{animation-name: quiet; }
.message_channel_row .audio-start .messages_footer-control audio#audio-playback {opacity: 0; height: 0; margin: 0; padding: 0; visibility: hidden; font-size: 0; line-height: 0; width: 0;}
/* AUDIO WAVES START */
.btn_trans_style {margin: 0; padding: 0; border: 0; background: transparent; color: #F42500;}
/* CHAT DESIGN EN NEW CLOSE CSS */
.requestCountVal {
width: 16px;
height: 16px;
display: inline-flex;
background: var(--primary);
border-radius: 50%;
color: #fff;
justify-content: center;
}
/* */
.getpaid_trans_row {gap: 1rem; flex-direction: column;}
.getpaid_trans_row .getpaid_loop{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
border-radius: 8px;
border: 1px solid var(--Neutral-200);
padding: 12px 12px;
}
.getpaid_trans_row .getpaid_loop .getpaid_cols {
display: flex;
align-items: center;
gap: 0.25rem;
}
.getpaid_label{
color: var(--black);
font-feature-settings: 'cv11' on;
font-family: var(--font_inter);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.getpaid_value {
color: var(--Neutral-600);
font-feature-settings: 'cv11' on;
font-family: var(--font_inter);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.getpaid_value.getpaid_value_amt {
color: var(--primary);
}
/* */
@media (min-width: 768px) {
.HomePage header.header{z-index: 9999;}
.header + .row-fluid {margin-top: 80px;}
.sidebar_added .header + .row-fluid {margin-top: 70px;}
.header #sp-menu .cust_header-search {display: none;}
/*.mydoc_section .cust_group_wrapper {position: fixed; left: 0; top: 80px; width: 100%; z-index: 999; padding: 0 0 16px 0; background: var(--white); box-shadow: 0px 4px 8px -2px rgba(17, 24, 39, 0.1), 0px 2px 4px -2px rgba(17, 24, 39, 0.06);} */
.mydoc_section .cust_group_wrapper div#search_frm {max-width: 55%; margin: 0 auto;}
.header .sp-column>.search_container {flex: 1 65%;}
.custom_sign_mod{flex: 1 35%; justify-content: flex-end;}
header.header .mydoc_section .cust_group_wrapper {padding: 0; position: inherit; box-shadow: none;}
header.header .mydoc_section .cust_group_wrapper div#search_frm {max-width: 60%; margin: 0 auto;}
.homepage_search_title {max-width: 35%; margin: 0 auto;}
.homepage_search_title .search_sub_title {color: rgba(18, 17, 39, 0.72); text-align: center; font-family: var(--font_gotham_m); font-size: 18px; font-style: normal; line-height: 32px;}
/* header.header .header-inner:last-child {border-top: 1px solid var(--Neutral-100); margin-top: 12px; padding-top: 12px;}
header.header .header-inner:last-child .desktop_menu ul.nav {justify-content: center;} */
.section_01.mydoc_section.mydoc_search_mobile_only {display: none;}
.large-screen-visible {display: block;}
.small-screen-visible{display: none;}
}
@media (max-width: 767px) {
.large-screen-visible {display: none;}
.small-screen-visible{display: block;}
.mod-articlesnews .slick-track,
.customer_reviews .slick-track,
.featured_doctors_list .slick-track{gap: 0;}
.mod-articlesnews button.slick-arrow,
.featured_doctors_list button.slick-arrow,
.customer_reviews button.slick-arrow{top: -28px;}
.featured_doctors_list button.slick-next.slick-arrow{right: 0px;}
.featured_doctors_list button.slick-prev.slick-arrow {right: 32px;}
.mod-articlesnews button.slick-next.slick-arrow{right: 0px;}
.mod-articlesnews button.slick-prev.slick-arrow {right: 32px;}
.customer_reviews button.slick-next.slick-arrow{right: 0px;}
.customer_reviews button.slick-prev.slick-arrow {right: 32px;}
.mod-articlesnews button.slick-prev:before,
.mod-articlesnews button.slick-next:before,
.featured_doctors_list button.slick-prev:before,
.featured_doctors_list button.slick-next:before,
.customer_reviews button.slick-prev:before,
.customer_reviews button.slick-next:before{width: 24px; height: 24px; background-size: 16px; border: 1px solid var(--black);}
.mydoc_space {padding: 20px 0;}
.HomePage .mydoc_space {padding: 25px 0;}
.bg_gredient_img{margin: 0 15px; background-size: cover;}
h2{font-size: 32px; line-height: 45px;}
.header + .row-fluid {margin-top: 60px; margin-bottom: 20px;}
.view-chats .header + .row-fluid {margin-top: 0;}
.header .custom_sign_mod {display: none;}
header.header{height: 60px; padding: 16px 0; background: var(--white); box-shadow: 0px 4px 8px -2px rgba(17, 24, 39, 0.1), 0px 2px 4px -2px rgba(17, 24, 39, 0.06);}
.HomePage header.header{ padding: 16px 0;}
.header .sp-column{display: block;}
.header .navbar{display: flex; margin: 0; padding: 0; justify-content: flex-end;}
.header .navi_bar{padding: 0; background: none; margin: 0; border: 0; box-shadow: none; text-shadow: none; float: none;}
.header .navi_bar svg {vertical-align: middle;}
.header .menu_open{display: flex; flex-wrap: wrap; justify-content: space-between;}
.header .menu_open { background: var(--Neutral-1000); padding: 50px; position: fixed; top: 0; left: 0; width: 100%; height: 100% !important; align-items: flex-start; z-index: 1;}
.header .cust_nav_collapse ul.nav {flex-direction: column; gap: 1rem; align-items: flex-start; width: 100%;}
.header .cust_nav_collapse .nav > li > a{color: var(--white); font-size: 18px; line-height: 32px;}
.close_navbar{background-color: var(--bg-trans); border: 1px solid var(--bg-trans); border-radius: 0.25rem;padding: 0.25rem 0.75rem; color: var(--white); position: absolute; top: 10px; right: 0; font-size: 28px; outline: 0; display: block;}
.mydoc_search_mobile_only {padding: 30px 0 0px; position: relative;}
.mydoc_search_mobile_only .search_form .DoctorClinicToggle {display: block; flex-wrap: wrap; flex-direction: column; left: 0; right: 0; width: 100%; top: 170px; position: fixed;}
.search_form .DoctorClinicToggle .DoctorClinicToggle_blog{display: block;}
.mydoc_search_mobile_only .search_form .DoctorClinicToggle input {width: 100%; margin-bottom: 0.5rem;}
.mydoc_search_mobile_only .search_form .DoctorClinicToggle .ClinicSearch {justify-content: center; width: 100%; margin-bottom: 0.5rem;}
.mydoc_search_mobile_only .search_form .DoctorClinicToggle .btn_search {width: 100%;}
.mydoc_search_mobile_only .search_form .DoctorClinicToggle .close_search {cursor: pointer; border: 2px solid var(--primary); background: var(--white); color: var(--primary); border-radius: 24px; width: 26px; height: 26px; display: flex; align-items: center; padding: 4px; margin: 0; position: absolute; right: 1px; top: -13px; z-index: 99; box-shadow: 0.5px 0.5px 2px rgb(0 0 0 / 50%); outline: 0;}
.header .search_container{display: none;}
.search_form .btn_outline{width: 100%;}
.footer{display: none; padding: 50px 0 80px 0;}
.view-login .footer{display: block; padding: 50px 0;}
.HomePage .footer{display: block;}
.footer .footer-menu ul.nav{gap: 0.5rem 1rem; margin: 1rem 0; flex-direction: column; align-items: flex-start;}
.footer .cpy_section{margin: 0 0 1rem; text-align: left;}
.social_group .social_list {justify-content: flex-start;}
.mobile_footer {display: block; background: var(--white); padding: 12px 31px; border-top: 1px solid var(--Neutral-100); box-shadow: 0px 12px 16px -4px rgba(17, 24, 39, 0.1), 0px 4px 6px -2px rgba(17, 24, 39, 0.05);}
.mobile_footer{position: absolute; width: 100%; left: 0; bottom: 100%;}
.mobile_footer.scroll_down,
.chatListingPage .mobile_footer{position: fixed; z-index: 9999; top: unset; bottom: 0; width: 100%; left: 0;}
.mobile_footer_list {display: grid; grid-template-columns: 70px 70px; gap: 10px; align-items: center; justify-items: center; justify-content: center; margin: 0; padding: 0;}
.mobile_footer_list .mobile_footer_chat,
.mobile_footer_list .mobile_footer_mydoclist {display: none;}
.logged_id_user .mobile_footer_list {grid-template-columns: 70px 70px 70px 70px;}
.logged_id_user .mobile_footer_list .mobile_footer_chat,
.logged_id_user .mobile_footer_list .mobile_footer_mydoclist{display: block;}
.logged_id_doctor .mobile_footer_list {grid-template-columns: 70px 70px 70px;}
.logged_id_doctor .mobile_footer_list .mobile_footer_chat,
.logged_id_doctor .mobile_footer_list .mobile_footer_mydoclist{display: block;}
.mobile_footer_link {font-size: 12px; line-height: 15px; letter-spacing: -0.025em; color: var(--Neutral-500); text-align: center; font-family: var(--font_inter_m);}
.mobile_footer_link:hover,
.mobile_footer_link:focus,
.mobile_footer_link.active {text-decoration: none; color: var(--primary);}
.mobile_footer .mobile_footer_icon {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.mobile_footer_user_profile {text-align: center;}
.mobile_footer_user_profile.active{}
.mobile_footer_user_profile.active .mobile_footer_title{color: var(--primary);}
.mobile_footer_user_profile.active .mobile_footer_item img.userimage{border: 1px solid var(--primary);}
.mobile_footer_user_profile .mobile_footer_title {font-size: 12px; line-height: 15px; letter-spacing: -0.025em; color: var(--Neutral-500); text-align: center; font-family: var(--font_inter_m);}
/* .usermenu_mobile li.user_detail img.userimage{width: 40px; height: 40px;} */
footer.footer.mobile_chat {display: none;}
.cust_mod_whyuse{padding: 16px;}
.cust_mod_whyuse .cust_mod_left_title {text-align: center; margin-bottom: 1.5rem;}
.cust_mod_whyuse .mydoc_title{text-align: center;}
.cust_blog_whyuse{margin-bottom: 1rem; padding: 16px;}
.cust_blog_whyuse .title{font-size: 16px; line-height: 24px;}
.cust_mod_whyuse .cust_mod_desc p,
.cust_blog_whyuse p{font-size: 14px; line-height: 26px;}
.cust_mod_whyuse .cust_mod_left_title .btn {width: 100%;}
.how_we_work_section .tabs{margin-bottom: 1.5rem;}
.clients_logo .clients_logo_list {grid-template-columns: repeat(2, 1fr);}
.talk_box{padding: 40px 16px; flex-direction: column; justify-content: center; align-items: center; background-size: 167px; background-position: bottom left;}
.talk_box .talk_box_title{text-align: center;}
.talk_box .talk_box_desc{font-size: 16px; line-height: 28px;}
.featured_doctors_list {grid-template-columns: repeat(1, 1fr);}
.line_Indicator_1:after{height: 100px; width: 16px; position: relative; left: 5px; top: 0px; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.line_Indicator_2:after{height: 100px; width: 16px; position: relative; left: 15px; top: 0px; background: url('data:image/svg+xml,'); background-repeat: no-repeat; background-size: contain;}
.work_blog{display: grid; grid-template-columns: 50px auto; gap: 1rem;}
.work_blog_row {gap: 1rem 0;}
/* Start Find & Chat with trusted doctors, pharmacies, and dentists effortlessly. */
.cust_chat_blog_list{display: block; margin-bottom: 50px;}
.cust_chat_blog_list .slick-slide {margin: 10px; height: 100%;}
.cust_chat_blog_list .cust_chat_blog {padding: 10px; gap: 8px; display: flex !important; flex-direction: column; align-items: flex-start;}
.cust_chat_blog_list .cust_chat_blog .cust_chat_title {font-size: 14px; line-height: 17px;}
.cust_chat_blog_list .cust_chat_blog p {font-size: 12px; line-height: 15px;}
/* End Find & Chat with trusted doctors, pharmacies, and dentists effortlessly. */
.HomePage .service_block{padding-top: 100px;}
.HomePage .homepage_only_search{margin-bottom: 0;}
.cust_blog_design{grid-template-columns: repeat(1, 1fr);}
.cust_services_slider .slider-hero123 .slick-slide{margin: 6px; padding: 8px 10px;}
.cust_services_slider .slider-hero123 .slide_img{width: 24px; height: 24px; margin: 0 auto;}
.cust_services_slider .slider-hero123 .custom_slide_blog .slide_title{font-size: 14px; line-height: normal; margin: 0.5rem 0 0;}
.cust_services_slider .slider-hero456 .slick-slide{margin: 6px;}
.cust_services_slider .slider-hero456 .slide_title{font-size: 11px; line-height: 16px;}
.cust_services_slider .slider-hero123 .custom_slide_blog .total_doctors{font-size: 8px;}
.login .cust_form_section{padding: 0;}
.otp_details .otp_icon {margin: 0 auto 20px auto; text-align: center; display: block; width: 88px; height: 88px;}
.registration_form .cust_left_bg {display: none;}
.registration_form .cust_form_section{padding: 20px 0px;}
.acc_info_icon {text-align: center; margin: 0 auto; display: block; width: 88px; height: 88px;}
.registration_form .registration_title{text-align: center;}
.file-upload-row{display: grid; grid-template-columns: 88px auto; gap: 12px;}
button.file-upload-btn{width: 88px; height: 88px}
button.file-upload-btn .uploded_img {width: 88px; height: 88px;}
.custom_design_row .cust_sidebar{width: 100%;}
.message_channel_row .message_comp .top .chat_options.mobile_chat_option {display: flex; position: relative; gap: 8px;}
.message_channel_row .message_comp .top .chat_options.desktop_chat_option{display: none;}
.message_channel_row .chat_dropdown {box-shadow: 5px 5px 6px rgba(0, 0, 0, .221); display: none; flex-direction: column; align-content: flex-start; align-items: flex-start; border-radius: 4px; background: var(--lights-gray); padding: 0.5rem 1rem; position: absolute; top: calc(100% + 0px); right: 0; width: 100px; z-index: 1;}
.message_channel_row .blank_message-boxes{display: none;}
.message_channel_row {grid-template-columns: repeat(1, 1fr); display: block;}
.message_channel_row .thread_detail{padding: 1rem 0.5rem;}
.message_channel_row .message_comp .top{padding: 1rem 0.5rem; text-align: left; gap: 10px; border-top: 1px solid #eee; position: fixed; width: 100%; left: 0; z-index: 99; top: 0px;}
.message_channel_row .message_section .top .profile-50 {width: 34px; height: 34px; border-radius: 50%;}
.message_channel_row .message_section .username{font-size: 16px; gap: 5px;}
.message_channel_row .message_section .doctor_pro_detail .user_proff{font-size: 12px;}
.message_channel_row .message_comp .top .chat_options{gap: 5px;}
.message_channel_row .message_comp .top .chat_options button{display: block;}
.message_channel_row .message_comp .top .chat_options button.add_group_member.btn{padding: 2px 2px;}
.message_channel_row .message_comp .top .chat_options button svg {width: 20px; height: 20px;}
.message_channel_row .message_comp .top .chat_options .back_btn{width: 24px; height: 24px; padding: 2px;}
.message_channel_row .message_comp .top .chat_options .back_btn svg {width: 20px; height: 20px;}
.view_doc_profile.btn_view_profile {font-size: 10px; word-wrap: break-word; font-weight: bold;}
.message_channel_row .right_msg,
.message_channel_row .left_msg{max-width: 100%;}
.message_channel_row .right_msg audio,
.message_channel_row .left_msg audio {max-width: 240px;}
.message_requests .message_list_doctor{flex-direction: column; align-items: flex-start;}
.message_channel_row .message_comp .message_list_doctor{flex-direction: column; justify-content: flex-start;}
.message_channel_row .message_comp .message_list_doctor .user_threat{flex-direction: column; align-items: flex-start; gap: 2px;}
.message_channel_row .thread_detail .user_thread_detail .accept_deny{justify-content: flex-start;}
.message_channel_row .message-boxes{position: relative; top: 50px; height: calc(100vh - 90px - 80px);}
.message_channel_row .message-boxes.large_gooter{height: calc(100vh - 110px - 110px);}
.message_channel_row .empty_chat .message-boxes {height: auto;}
.message_section_control.msg-footer {position: fixed; width: 100%; left: 0px; bottom: 0; z-index: 1;}
.detail_chat_active .container {padding: 0;}
.display_page {border-left: 0; border-right: 0; border-bottom: 0; padding-left: 0; padding-right: 0;}
.page-header-group{align-items: flex-start; flex-direction: column; padding: 0 0px 20px 0px; border: 0;}
.page_title{font-size: 24px;}
.control-group .form-control{width: 100%;}
.display_page .info_dr_form .file-upload{display: block;}
.my_dr_tab_group{gap: 15px; border-left: 0; border-right: 0;}
.my_dr_tab_group li{display: flex; flex-direction: column; align-items: center; font-size: 14px; line-height: 22px; padding: 10px 0px;}
.my_dr_tab_group li#DoctorInfo .my_dr_desk span {display: none;}
.cust_media_list_group{gap: 0.5rem;}
.cust_media_list_group .cust_media_list_group_item{padding: 0; border: 0;}
.media_detail{gap: 0;}
.media_detail .media_name{display: none;}
.btn_action_dropdown{padding: 2.5px 5.5px; right: 5px; top: 5px; border-radius: 4px;}
.btn_drop_case{padding: 0.5rem; gap: 4px;}
.btn_drop_case .cases_value{font-size: 8px; line-height: 12px;}
.btn_drop_case .btn-outline{font-size: 10px; line-height: 16px; padding: 4px 16px; border-radius: 4px;}
.my_dr_tab_content .row_01{padding-bottom: 0;}
.subform-repeatable > .btn-toolbar{margin-top: 0;}
.subform-repeatable > .btn-toolbar .btn-group{position: unset;}
.subform-repeatable-group.subform-repeatable-group-sr-0 {margin-top: 0px;}
.my_dr_tab_content .row_01 .col-sm-4,
.my_dr_tab_content .row_02 .col-sm-4,
.my_dr_tab_content .row_03 .col-sm-12,
.my_dr_tab_content .row_01 .col-sm-8,
.my_dr_tab_content .row_02 .col-sm-8,
.my_dr_tab_content .row_03 .col-sm-12{padding-left: 0; padding-right: 0;}
.AddDoctorLocation .row .col-sm-4,
.AddDoctorLocation .row .col-sm-4,
.AddDoctorLocation .row .col-sm-4,
.AddDoctorLocation .row .col-sm-8,
.AddDoctorLocation .row .col-sm-8,
.AddDoctorLocation .row .col-sm-8{padding-left: 0; padding-right: 0;}
.display_page .AddDoctorLocation .my_dr_btn_group {border: 0; padding: 0; margin-top: 0;}
.location_dr_form .my_dr_grid_group{gap: 10px;}
.search_data{padding: 10px 15px;}
.search_data.active {display: none;}
.PrivacyPolicy .cust_btn_group{gap: 10px;}
.PrivacyPolicy .cust_btn_group .btn{min-width: auto; width: 100%;}
.message_channel_row.active .list_thread {display: none;}
.message_channel_row .back_to_list{width: auto; height: auto; color: var(--primary); font-feature-settings: 'cv11' on; font-family: var(--font_roboto); font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; display: inline-flex;}
.message_channel_row .list_thread{border: 0; padding: 1rem 0rem;}
.header .close_navbar{color: var(--Neutral-500); font-size: 0}
.header .close_navbar i{background: url('data:image/svg+xml,'); width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat; font-size:0;}
.header .menu_open{flex-direction: column; background: var(--white); padding-left: 20px; padding-right: 20px;}
.header .menu_open ul.nav {list-style: none; margin: 0; padding: 0; width: 100%;}
.header .menu_open ul.nav li {border-bottom: 1px solid var(--Neutral-200); padding: 14.4px 0; width: 100%; text-align: left;}
.header .menu_open ul.nav li.user_detail .user_name {color: var(--Neutral-1000); font-weight: 700;}
.header .menu_open ul.nav li a{display: flex; align-items: center; gap: 5px; color: var(--Neutral-500); font-size: 18px; font-family: var(--font_inter); font-style: normal; font-weight: 500; line-height: normal;}
.header .menu_open ul.nav li a.logout{color: var(--secondery);}
.header .menu_open ul.nav li a.login-homepage{color: var(--secondery);}
.view-login .header .menu_open ul.nav li.user_detail {display: none;}
.cust_mydoc_title{font-size: 32px; line-height: 45px; letter-spacing: -0.8px; text-align: left;}
.cust_padding_less_section .col-md-6 {padding-left: 0; padding-right: 0;}
.cust_help_section .cust_help_sect_title{font-size: 30px; line-height: 40px;}
.cust_help_section .cust_help_blog{gap: 12px; flex-direction: column;}
.cust_help_section .cust_help_blog_item{width: 100%; padding: 17px;}
.cust_help_section .help_blog_item_title{font-size: 24px; line-height: 33px;}
.cust_help_section .help_blog_item_desc{font-size: 16px; line-height: 28px;}
.cust_help_section .help_blog_total_doctors{font-size: 11.831px; line-height: normal;}
.blog_02 {order: 1;}
.blog_01 {order: 2;}
.joomla_tabs{justify-content: flex-start; gap: 10px;}
.message_channel_row .joomla_tabs{justify-content: flex-start;}
.joomla_tabs .nav-link{padding: 0.5rem; font-size: 14px;}
.cust_row_01 .cust_cols {padding: 0;}
.cust_cases_list_group{grid-template-columns: repeat(2, 1fr);}
.location_box .col-lg-6 {padding: 0;}
div#modal-update-doc{transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 111111; padding: 20px; width: 96%; max-width: 350px;}
.img_cols .cust-file-upload {margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--Neutral-20);}
.cust-image-upload-wrap{margin: 0 auto; width: auto; height: auto;}
.cust-image-upload-wrap .userimage {width: 100%; height: 100%;}
.prof_cols {margin-bottom: 1rem;}
.custom_slide_blog span.total_doctors_mob {display: none !important;}
.mobile_footer_user_profile .mobile_footer_item img.userimage {border-radius: 40px; aspect-ratio: 1/1;}
a.btn.bac_dashboard {outline: 0; background: none; border: 0; box-shadow: none;}
.filter_group {display: grid; grid-template-columns:16px 1fr 32px; gap: 0.2rem;}
.homepage_search_title .search_sub_title{text-align: center;}
.homepage_only_search .filter_group {display: grid; grid-template-columns:16px 1fr 46px; gap: 0.2rem; border-radius: 100px; border: 1px solid var(--Neutral-200); background: var(--white);}
.homepage_only_search button.btn_search{width: auto; border: 2px solid var(--Neutral-300); color: var(--Neutral-300);}
.homepage_only_search button.btn_search .desk_only_search{display: none;}
.homepage_only_search button.btn_search .mobile_only_search{display: block !important;}
.in_focus .filter_group{grid-template-columns: 24px 1fr 24px;}
.in_focus a#BackSearchHome{display: flex !important; align-items: center; justify-content: center; color: var(--primary); width: 24px; height: 24px; border: 2px solid var(--primary); border-radius: 20px;}
.in_focus .filter_group .btn_search.show_results{display: none;}
.health_headers .build_healthid {align-items: flex-start; display: flex; flex-wrap: wrap; flex: 0 auto; gap: 16px;}
.health_headers .build_healthid .health_heads01 {flex: 0 0 44px;}
.health_headers .build_healthid .health_heads02 {flex: 0 0 calc(100% - 60px);}
.health_headers .build_healthid .health_heads03 {flex: 0 0 100%;}
.health_headers .build_healthid .health_heads03 .Build_health{width: 100%;}
.single_doc{flex-direction: column; gap: 5px; align-items: flex-start;}
select#jform_gender {width: 100% !important; border: 1px solid #D1D1D1; border-radius: 6px; height: 44px; padding: 12px 15px; font-size: 16px; line-height: 24px; color: var(--Neutral-600); margin-bottom: 0px;}
.dr-fold-row {grid-template-columns: repeat(1, 1fr); gap: 0; position: relative;}
.dr-fold-row .dr-fold-01.dr-fold {background: none; border-radius: unset; padding: 0;}
.dr-fold-row .dr-fold-02.dr-fold {position: absolute; bottom: 50px; padding: 12px 16px;}
.no_doctor_list img.dr_vector {max-width: 99px;}
.no_doctor_list_title{font-size: 16px; margin: 0;}
.no_doctor_list_desc{font-size: 14px; margin: 0;}
.no_doctor_list_desc br{display: none;}
.dr-fold-view{padding: 0; position: relative;}
.dr-fold-list .doctors_list{display: none; animation-name: slideInUp; animation-timing-function: ease-out; animation-duration: 500ms; transition: 500ms;}
.dr-fold-list .doctors_list .doctors_list_row{grid-template-columns: 70px auto;}
.dr-fold-list .doctors_list .doctors_list_row .img_section img{width: 70px; height: 70px;}
.dr-fold-list .doctors_list .doctors_list_row .doc_available{font-size: 9px;}
.dr-fold-list .doctors_list .doctors_list_row .profile_factor .specification{margin-right: 2px; font-size: 10px; padding: 4px 6px;}
.dr-fold-list .doctors_list .doctors_list_row .verified_badge,
.dr-fold-list .doctors_list .doctors_list_row .verified_btn{padding: 4px 6px; font-size: 10px; gap: 2px;}
.dr-fold-view .slider-container {position: absolute; bottom: calc(637px/9.0); width: 100%;}
.dr-fold-list .slick-list.draggable {padding: 0 20px!important;}
.dr-fold-list .doctors_list {position: relative; z-index: 1; bottom: unset; right: unset !important; top: unset !important; left: unset !important; transform: none; width: 100%; height: 100%; min-height: 170px; max-height: 170px; margin-bottom: 45px; box-shadow: none;}
.dr-fold-list{padding: 0; background: none; height: auto;}
.dr-fold-list:after{display: none;}
.dr-fold-list .doctors_list.eye_speciality:before {display: none;}
.dr-fold-list .doctors_list.eye_speciality:after {display: none;}
.dr-fold-list .doctors_list.lungs_speciality:before {display: none;}
.dr-fold-list .doctors_list.lungs_speciality:after {display: none;}
.dr-fold-list .doctors_list.heart_speciality:before {display: none;}
.dr-fold-list .doctors_list.heart_speciality:after {display: none;}
.dr-fold-list .doctors_list.kidneys_speciality:after {display: none;}
.dr-fold-view .slider-container.eye_speciality:before {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 20px; height: 105px; top: unset; bottom: 410px; left: 46%; border-top: 0; border-right: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 100px;}
.dr-fold-view .slider-container.eye_speciality:after {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 20px; height: 197px; top: unset; bottom: 215px; left: 51%; border-bottom: 0; border-left: 0; border-top-right-radius: 100px;}
.dr-fold-view .slider-container.lungs_speciality:before {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 20px; height: 92px; top: unset; bottom: 316px; left: 40%; border-top: 0; border-right: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 100px;}
.dr-fold-view .slider-container.lungs_speciality:after {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 18px; height: 104px; top: unset; bottom: 214px; left: 45%; border-top: 2px solid var(--primary); border-bottom: 0; border-left: 0; border-top-right-radius: 100px; border-bottom-right-radius: 0;}
.dr-fold-view .slider-container.heart_speciality:before {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 18px; height: 91px; top: unset; bottom: 313px; left: 55%; border-left: 0; border-top: 0; border-right: 2px solid var(--primary); border-bottom-right-radius: 100px; border-bottom-left-radius: 0;}
.dr-fold-view .slider-container.heart_speciality:after {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 18px; height: 101px; top: unset; bottom: 214px; left: 50%; border-bottom: 0; border-left: 2px solid var(--primary); border-top-right-radius: 0; border-right: 0; border-top-left-radius: 100px;}
.dr-fold-view .slider-container.kidneys_speciality:after {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 22px; height: 82px; top: unset; bottom: 214px; left: 44%; border-right: 2px solid var(--primary); border-bottom: 0; border-left: 0; border-top-right-radius: 100px; border-top-left-radius: 0;}
.dr-fold-view .slider-container.stomach_speciality:after {display: block; content: ""; position: absolute; border-style: solid; border-color: var(--primary); border-width: 2px; width: 18px; height: 180px; top: unset; bottom: 215px; left: 53%; border-bottom: 0; border-left: 0; border-top-right-radius: 100px;}
.dr-fold-list .doctors_list .doctors_list_row .desc_name{font-size: 14px;}
.dr-fold-list .doctors_list .close-btn {transform: translate(-50%, 0%); display: flex; width: 32px; height: 32px; padding: 5.793px 5.791px 5.79px 5.791px; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 842.105px; background: var(--white); box-shadow: 0px 20.21053px 40.42105px -10.10526px var(--Neutral-900); position: absolute; bottom: -45px; left: 50%; box-shadow: none;}
.past_help_section .past_help_blog{gap: 11px;}
.past_help_section .past_help_blog_item{gap: 8px;}
.past_help_section .help_blog_item_title{font-size: 14.788px; font-style: normal; font-weight: 700; line-height: 19.546px;}
.past_help_section .help_blog_total_doctors{font-size: 12px;}
body.in_focus .cust_group_wrapper{animation-name: slideInUp; animation-timing-function: ease-out; animation-duration: 300ms; transition: 300ms;}
.search_past_result_blogs {display: block;}
.view-chats .section_01 {display: none;}
.view-chats .mydoc_space{padding: 0px 0;}
.detail_chat_active .mobile_footer.scroll_down{display: none;}
.view-chats .message_channel_row.active .bac_dashboard {margin: 0; padding: 5px 0;}
.view-chats .message_channel_row.active .chat_detail_btn_group {display: flex; align-items: center;}
.cust_main_row_01, .cust_main_row_02, .cust_main_row_03{padding: 15px 0; margin-bottom: 13px;}
.view-doctor .header {display: none;}
.view-doctor .header + .row-fluid{margin-top:0;}
.view-doctor .mydoc_search_mobile_only{padding: 0;}
.view-doctor .view_dr_back_btn {display: inline-flex !important; padding: 4px; align-items: center; gap: 8px; border-radius: 70px; background: var(--white); color: var(--primary); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position: absolute; top: 42px; left: 30px;}
.switch_doc_user {border-top: 1px solid rgba(20, 38, 77, 0.20);}
.usermenu_mobile li{border-bottom: 0; padding: 0.8rem 1rem; border-radius: 8px;}
.usermenu_mobile li.active{background: var(--primary-10);}
.usermenu_mobile li.user_online_btn{margin: 0 auto 14.4px auto;}
.usermenu_mobile > li > a.logout{margin: 1.5rem 0 0;}
.usermenu_mobile > li > a.become-doctor {color: var(--white); font-size: 26.917px; font-weight: 500; line-height: normal; border-radius: 11.963px; background: var(--primary); display: flex; width: 100%; padding: 11.963px; flex-direction: column; justify-content: center; align-items: center; gap: 14.954px;}
.usermenu_mobile .user_profile_blog {cursor: pointer; display: flex; align-items: center; gap: 0.5rem; width: 100%; border-radius: 8px; background: var(--Neutral-100); padding: 8px;}
.usermenu_mobile .user_detail .user_img_frame {position: relative; width: 32px; height: 32px;}
.usermenu_mobile .user_detail img.userimage {border-radius: 100%; width: 32px; height: 32px;}
.usermenu_mobile .user_detail .user_img_frame:before{content: ""; width: 46px; height: 46px; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; text-align: center; align-content: center; background: url('data:image/svg+xml,');}
.usermenu_mobile .user_dl_group {display: flex; flex-direction: column;}
.section_custom_profile_btn_group {display: none;}
.footer_fixed_btn {position: fixed; bottom: 70px; background: var(--white); width: 100%; left: 0; padding: 0.5rem; display: block !important;}
.footer_fixed_btn .grid_footer_btn{display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; justify-content: center; gap: 0.5rem;}
.footer_fixed_btn button.btn {font-family: var(--font_inter); font-size: 12px; font-style: normal; font-weight: 600; line-height: normal;}
.footer_fixed_btn button.addto_mydoctorlist{position: unset; border: 1px solid var(--primary); color: var(--primary);}
.footer_fixed_btn .chat_cost_label{margin: 10px auto 0 auto;}
.input-group{flex-wrap: nowrap;}
.dashboard-cols{align-items: flex-start;}
.dashboard-request-cols .thread_detail .user_threat{display: flex; align-items: flex-start; flex-direction: column; gap:2px;}
.desktop_only_chat.last_msg_vals {display: none;}
.mobile_only_chat.last_msg_vals.msg_val3131 {display: block !important;}
.dashboard_group_amt{width: 100%;}
.view-getpaid .mydoc_search_mobile_only{display: none;}
.ui-dialog {padding: 17px 17px; max-width: calc(100% - 20px);}
select#select_withdrawal,
.dropdown{max-width: 100%;}
.getpaid-page-header-group{padding: 0 0 24px 0;}
.bank_form .cust-btn-group .btn,
.getpaid_modal_content .cust-btn-group .btn {border-radius: 40px; padding: 8px 12px;}
.bank_thread_detail {margin-top: 21px;}
.bank-request-row{gap: 12px;}
.bank_details{width: 100%;}
.bank_request_cols{flex-direction: column; align-items: flex-start; padding: 12px;}
.bank_threat{width: 100%; align-items: flex-start; justify-content: space-between;}
.transactions_table {overflow-x: auto; gap: 30px;}
.transactions_row {white-space: nowrap;}
.cust_getpaid_design_blog {position: relative; padding: 24px 32px 80px 32px;}
.cust_getpaid_design_blog .getpaid-cols_02 button#openModalBtn {position: absolute; bottom: 15px; width: calc(100% - 64px); left: 32px;}
.getpaid-cols button#withdrawal_methods {width: 100%;}
.getpaid-line{margin: 25px 0;}
.bank_form{padding: 24px 0px;}
.custom_profile_btn_group{gap: 0.5rem;}
.custom_profile_btn_group .AddIntoDoclist{gap: 5px;}
div.custom_chat_step_popup{top:10px; left: 10px; right: 10px; transform: none;}
.custom_chat_step_popup .modal-dialog{min-height: auto; margin: 0; padding: 20px;}
div.custom_chat_step_popup button.close{top: 0; right: 0; width: 16px; height: 16px;}
.custom_chat_step_popup .modal-content {border: 0; border-radius: 0; overflow: scroll; overflow-x: hidden; height: 100%;}
div.custom_chat_step_popup .modal-content .modal-body{max-height: 580px;}
.custom_chat_step_popup .terms_icon {text-align: center;}
.custom_chat_step_popup .terms_box h3{text-align: center; font-size: 24px; letter-spacing: -0.6px;}
.custom_chat_step_popup .terms_btn_group .btn{padding: 12px 24px;}
.message_channel_row .message_comp .top .chat_options button.end_chat_btn{padding: 8px 12px; font-size: 12px;}
.request_pending{gap: 10px;}
.request_pending .pending_request_msg{padding: 12px 12px; font-size: 12px;}
.end_chat_request_list .end_chat_request_group {display: flex; align-items: flex-start; gap: 10px; flex-direction: column;}
.end_chat_request_list .end_chat_request_msg{padding: 12px 12px; font-size: 12px;}
.end_chat_request_list .end_chat_request{width: 100%; gap: 10px;}
.end_chat_request_list button.end_chat_btn{padding: 8px 12px; font-size: 12px;}
div#getpaid_modals.getpaid_modal_popups {transform: translate(-50%, -50%); top: 50%; left: 50%; right: unset; width: 98%;}
.getpaid_modal_popups .modal-content {padding: 20px;}
.getpaid_modal_content .row_getpaid_section{display: flex; flex-direction: column-reverse; gap: 24px;}
.custom_modal_getpaid#EditGetPaid {transform: translate(-50%, -50%); top: 50%; left: 50%; right: unset; width: 98%;}
.getpaid_box_field{padding: 0px 0px 0px 12px;}
.custom_modal_getpaid .rate_label {max-width: 185px;}
.custom_modal_getpaid .modal-content {padding: 20px;}
div.modal.end_chat_modal {background: transparent; border: 0; box-shadow: none; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; right: unset; height: auto;}
.display_trans_btn_group{display: none; justify-content: center;}
.dispaly_trans_blog{grid-template-columns: 1fr;}
.display_trans_setting table#DoctorTransactions {display: none;}
.display_trans_setting table.custom_mobile_table {display: table;}
.mobile_tabs {border-left: 3px solid rgba(25, 71, 229, 0.20); padding-left: 1rem;}
.mobile_tabs_item{position: relative;}
.mobile_tabs_item.active:before {content: ""; display: block; width: 3px; height: 100%; background: var(--primary); position: absolute; left: -1.126rem;}
.skelet_dashbord_row{grid-template-columns:repeat(1, 1fr)}
.skelet_wideget_row{grid-template-columns:1fr 2fr;}
.skelet_wideget_count{font-size: 18px;}
.skelet_wideget_link{font-size: 10px;}
.skelet_dashbord_chart{padding: 16px;}
.chart-header{flex-direction: column; gap: 1rem; justify-content: flex-start; align-items: flex-start;}
.skelet_grid_wideget{padding: 16px;}
.skelet_grid_wideget_row{flex-wrap: wrap;}
.skelet_grid_wideget_cols7,
.skelet_grid_wideget_cols3{flex: 1 100%; width: 100%;}
.com-content-article.item-page {margin-bottom: 60px;}
.skeleton_msg_bar .skeleton_bar{grid-template-columns:42px 70px auto 50px; gap: 20px;}
.find_chat_title .find-title {font-size: 24px; line-height: 39px;}
.enable_search .featured_doctors_list{grid-template-columns: 1fr;}
.search_form #BackSearchHome {right: 60px;}
.view-login .cust_primary{margin: 0 auto;}
.msg_request_cnt_mob {background: rgba(25, 71, 229, 0.10); width: 24px; height: 24px; padding: 2px; border-radius: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--primary); font-size: 14px; vertical-align: middle;}
.dr_search_result .filter_group{grid-template-columns: 16px auto 100px;}
.dr_search_result .filter_group .btn_search{width: 100px; font-size: 14px;}
.search_result_dr .search_result_dr_row{padding: 0.5rem 0.5rem;}
.search_result_dr .search_result_dr_row{grid-template-columns: 44px auto; gap: 0.6rem;}
.search_result_dr .search_result_dr_name{font-size: 16px;}
.search_result_dr .search_result_dr_desc{gap: 0;}
.search_result_dr .profile_factor{margin-top: 0.5rem;}
.search_result_dr .profile_factor .speciality {font-size: 14px;}
.search_result_dr .doctor_available{padding: 0.10rem 0.5rem; font-size: 10px;}
.search_result_dr .search_btn_flex button.addto_mydoctorlist{padding: 0.2rem;}
.search_result_dr .cust-btn-grup{justify-content: space-between;}
.search_result_dr .service_list,
.search_result_dr .DocDesc{display: none;}
.search_result_dr .doc_location {font-size: 12px; line-height: 16px; display: grid; grid-template-columns: 16px auto; align-items: flex-start; gap: 0.2rem; margin-top: 0.35rem;}
div#LocationModal {border-radius: 24px; max-width: 717px; width: 96%; padding: 20px; bottom: unset; top: 50%; left: 50%; right: unset; margin: 0 auto; transform: translate(-50%, -50%); height: auto; z-index: 111111;}
div#ImageUploadModal {border-radius: 20px; max-width: 717px; width: 96%; padding: 20px; bottom: unset; top: 3%; left: 50%; right: unset; margin: 0 auto; transform: translate(-50%, 0%); height: 96%; z-index: 111111;}
div#CasesImageModal {border-radius: 20px 20px 0px 0px; max-width: 717px; width: 100%; padding: 20px; bottom: 0%; top: unset; left: 50%; right: unset; margin: 0 auto; transform: translate(-50%, 0%); height: auto; z-index: 111111;}
div#CasesImageModal.image-chosen{top: auto; bottom: 0%;}
.view-becomedoctorform .modal-backdrop.show {z-index: 11111;}
div#ImageUploadModal .proxy-image {border-radius: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center top; height: 100px; width: 100px;}
div#drop-zone{margin: 1rem auto 0 auto;}
.img_select_row{gap: 1rem; grid-template-columns: 1fr;}
div#CasesImageModal form#caseImageForm{margin: 0;}
div#CasesImageModal .custom_btn_group{margin-bottom: 0;}
div#CasesImageModal .custom_btn_group button {margin: 0;}
/* div#CasesImageModal .cropper-container.cropper-bg{height: 360px !important;}
div#CasesImageModal .cropper-canvas {height: 360px !important;}
div#CasesImageModal .cropper-container img{height: auto !important; max-height: 360px !important; object-fit: scale-down;} */
/* div#image-cropper-container {height: 300px;} */
/* NEW DASHBORD DESIGN START */
.user_skelet_grid_wideget{padding: 1rem;}
.user_skelet_dashbord_row{display: flex; flex-direction: column;}
.user_skelet_wideget_row{grid-template-columns:1fr 2fr;}
.consult_type_grid{grid-template-columns:1fr;}
.user_skelet_grid_wideget_row{flex-wrap: wrap;}
.user_skelet_grid_wideget_cols7,
.user_skelet_grid_wideget_cols3{flex: 1 100%; width: 100%;}
.user_skelet_wideget_link{font-size: 11px;}
.user_skelet_wideget_count{font-size: 18px;}
.user-dashboard-request-cols .user_message_list_doctor .desktop_only_msg {display: none;}
.user-dashboard-request-cols .user_message_list_doctor .mobile_only_msg{display: block !important;}
/* NEW DASHBORD DESIGN CLOSE */
/* DOCTOR DETAIL PAGE CSS START FROM 08-08-24 */
#stickey_content.stickey_tab #header_tab {width: 100%; top: 0;}
.stickey_tab .tab_header .tab_list_view {display: none;}
.cust_dr_details .cust_tabing_blog{padding-left: 1rem; padding-right: 1rem;}
/* DOCTOR DETAIL PAGE CSS CLOSE FROM 08-08-24 */
/* FOOTER SEARCH CSS START */
.usermenu_mobile .search_form {display: grid; grid-template-columns: 1fr; align-items: center; gap: 18px; padding: 0;}
.usermenu_mobile .search_form .filter_group {margin: 0; border-radius: 8px; background: #F9FAFB; border: 1px solid #E5E7EB; padding: 13px 15px 13px 15px; max-width: 100%;}
.usermenu_mobile .search_form .global_search_label {margin: 0; font-size: 20px; line-height: 24px; color: var(--black);}
.usermenu_mobile .search_form .filter_group .doctorsearch {border: 0; background: transparent; box-shadow: none; margin: 0; padding: 0; min-height: auto;}
.usermenu_mobile .search_form .filter_group .btn_search {background: transparent; color: #6B7280; padding: 0; width: auto; height: auto; line-height: 24px;}
.usermenu_mobile .search_result_dr_list {margin: 0;}
.usermenu_mobile .search_form #autocomplete-suggestions-globalMob{display: none;}
.usermenu_mobile .search_form.active #autocomplete-suggestions-globalMob {display: block; background: var(--white); border: 1px solid #e5e8e8; border-radius: 0.5rem; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 15%); position: absolute; z-index: 11; width: 100%; left: 0; top: 50px; max-height: 450px; overflow-y: auto;}
.usermenu_mobile #autocomplete-suggestions-globalMob .autocomplete-suggestion-globalMob{padding: 0.5rem 1rem; font-size: 0.875rem; font-family: var(--font_gotham_m); display: flex; align-items: center; gap: 0.5rem; justify-content: space-between;}
.usermenu_mobile #autocomplete-suggestions-globalMob .autocomplete-suggestion-globalMob .suggestion_grid {display: flex; gap: 0.5rem;}
/* FOOTER SEARCH CSS CLOSE */
.location {display: grid; grid-template-columns: 1fr auto; gap: 0.5rem;}
.action_dropdown.drop_active {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #1716194D; z-index: 11111;}
.action_dropdown.drop_active .btn_action_dropdown {display: none;}
.action_dropdown.drop_active .custom_action_dropdown {position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0%); top: unset; right: unset; width: 100%; padding: 1rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.custom_action_dropdown .action_dropdown_item {border-top: 1px solid var(--Neutral-200); padding-top: 8px;}
.custom_action_dropdown .action_dropdown_item:nth-child(2) {border-top: 0; padding-top: 0;}
.custom_action_phone_group {display: flex; align-items: center; gap: 0.5rem; justify-content: space-between; width: 100%;}
.custom_action_phone_group h3 {margin: 0; color: var(--Neutral-900); line-height: 40px; font-family: var(--font_inter_m);}
.custom_action_phone_group button.btn_close {border: 0; background: none; padding: 0; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; color: var(--Neutral-900);}
.media_detail button.delete_cases{padding-top: 0;}
.img_cols .userimage .user_image{margin: 0 auto 1rem auto; width: 100%;}
.view-chats .custom_design_row main#content{width: 100%;}
.view-chats .custom_design_row .container{padding: 0;}
.message_channel_row .thread_detail .user_threat{grid-template-columns: 1fr 0.5fr;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link{white-space: nowrap;}
.cust_tabing_blog .cust_tab_group .nav_tabs{overflow-y: scroll;}
.message_channel_row .audio-start .messages_footer-control .audio_waves_item.remove_mobile {display: none;}
.message_channel_row .right_msg .demo1::part(svg) {max-width: 140px;}
.message_channel_row .left_msg .demo1::part(svg) {max-width: 140px;}
.getpaid_display_page {margin-bottom: 60px; padding: 1rem;}
.com_appointment_booking.view-doctor .custom_design_row{margin-bottom: 145px;}
.chat_options_ended_msg{font-size: 14px; padding: 10px 12px;}
.transaction_display_page{padding: 0;}
div.modal.change_pass_modal{transform:translate(0%, 30%);}
div.modal.change_pass_modal .userInput{gap: 12px;}
div.modal.change_pass_modal .userInput .otp-sing-num{width: 40px; height: 48px;}
.ex_btn_style{font-size: 12px; padding: 8px 10px;}
}
@media (max-width: 375px) {
/* .my_dr_tab_group{gap: 0px;} */
/*.my_dr_tab_group li{font-size: 14px;} */
.file-upload .image-upload-wrap{padding: 12px;}
.file-upload .drag-text p{font-size: 14px; line-height: 20px;}
}
@media (max-width: 340px) {
.userInput{gap: 12px;}
.userInput input{height: 38px; width: calc(100% / 6); padding: 4px; font-size: 1rem;}
.HomePage .mydoc_space{padding: 1rem 0;}
h2{font-size: 26px; line-height: 32px;}
.service_block{margin: 0 auto 20px auto; padding-left: 0; padding-right: 0;}
.cust_mydoc_title{font-size: 26px; line-height: 32px;}
.cust_help_section{padding: 24px 0px; gap: 16px;}
.cust_help_section .cust_help_sect_title{font-size: 26px; line-height: normal;}
.cust_help_section .cust_help_blog_item{padding: 12px;}
.work_blog_row .col-sm-4 {padding: 0;}
.mod_work_blog_view{padding: 16px;}
.cm_block{padding: 12px;}
.featured_doctor_row{gap: 0.5rem;}
.featured_doctors_list .featured_doctor{padding: 12px;}
.featured_doctor .cust-btn-grup{gap: 0.5rem;}
.featured_doctors_list .featured_doctor{padding-bottom: calc(12px + 38px + 1rem);}
.cust_chat_blog_list .slick-slide{margin: 5px;}
.talk_box {padding: 24px 12px; gap: 12px; border-radius: 40px;}
.talk_box .talk_box_desc {font-size: 14px; line-height: 20px; margin: 0;}
.talk_box .talk_box_btn{width: 200px; height: 46px; background: var(--primary);}
.clients_logo .clients_logo_list {grid-template-columns: repeat(3, 1fr);}
.article_blog_list .article_blog {padding-left: 0; padding-right: 0;}
.cust_mod_whyuse .col-sm-3,
.cust_mod_whyuse .col-sm-9,
.cust_mod_whyuse .col-sm-4 {padding-left: 0; padding-right: 0;}
.cust_services_slider .slider-hero123 .slick-slide{margin: 5px;}
.cust_help_section .cust_help_blog{gap: 12px; display: grid; grid-template-columns: 1fr 1fr;}
.cust_help_section .cust_help_blog_item{width: auto;}
}
@media (max-width: 1366px) {
.view-chats .custom_design_row .container{padding: 15px;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link{padding: 5px 8px;}
.message_channel_row .thread_detail{padding: 0.5rem 0.5rem;}
.display_trans_setting .custom_data_table thead tr th{font-size: 14px;}
.display_trans_setting .custom_data_table tbody tr td{font-size: 14px;}
}
@media (max-width: 1280px) {
.cust_tabing_blog .cust_tab_group .nav_tabs {overflow-y: scroll;}
.cust_tabing_blog .cust_tab_group .nav_tabs .nav-link {white-space: nowrap;}
.message_channel_row .thread_detail .last_msg_time{font-size: 12px;}
}