@charset "utf-8";

/* CSS Document */
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #7a7f88;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #7a7f88;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: #7a7f88;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #7a7f88;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 21px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
::-moz-selection {
  background: #e1560e;
  text-shadow: none;
  color: #fff;
}
::selection {
  background: #e1560e;
  text-shadow: none;
  color: #fff;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #1e1e1e;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
textarea {
  resize: vertical;
}
label:focus {
  outline: 0;
}
.input-group-addon {
  border-radius: 1px;
}
.modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 999;
}
.modal-header h1 {
  margin: 0;
}
/* Browser Upgrade Prompt */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

html,
body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #121113;
}
html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  position: relative;
  min-height: 100%;
  height: 100%;
}
body {
  position: relative;
  min-height: 100% !important;
  font-size: 13px;
}
ol,
ul,
ol li,
ul li {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 1.42857143;
}
a {
  color: #07aa9b;
}
a:hover,
a:focus {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #47c1ad;
  outline: 0;
  outline-offset: 0;
}
a:focus {
  text-decoration: none;
}
a.telePhone {
  color: #121113;
  text-decoration: none;
}
a:hover.telePhone {
  color: #121113;
  text-decoration: none;
}
.wrapper {
  position: relative;
  min-height: 100%;
  height: 100%;
  padding-bottom: 80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%; /* Set the fixed height of the footer here */
  height: 80px;
  background-color: #250858;
  z-index: 999;
}
section {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}
.strong {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #4c3c8f;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 26px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}

blockquote {
  background-color: #f3f5fc;
  border: 1px solid #c4c9d2;
  border-left: 3px solid #250858;
  margin-bottom: 30px;
}
blockquote h6 {
  font-size: 13px;
}
blockquote p {
  font-size: 13px;
}
p {
  line-height: 21px;
  font-size: 13px;
}
p a {
  color: #07aa9b;
  font-weight: 700;
}
p.note {
  margin-top: 15px;
  font-size: 13px;
}
p.form-control-static {
  font-size: 13px;
}
ul.bulletList {
  padding-left: 20px;
  margin-bottom: 20px;
}
ul.bulletList li {
  list-style: none;
  color: #121113;
  margin-bottom: 10px;
}
ul.bulletList li::before {
  content: "•";
  color: #4c3c8f;
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
  vertical-align: top;
}
ul.bulletList li p {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}

.content-Page p {
  margin-bottom: 20px;
  line-height: 1.65;
}
.badge {
  background-color: #47c1ad;
  font-size: 14px;
  border-radius: 500px;
  min-width: 16px;
  font-weight: 700;
}
.tooltip-inner {
  padding: 15px !important;
  text-align: left !important;
}
.has-error .form-control {
  border-color: #d43814;
}
.has-error label.error {
  margin-top: 9px;
  margin-bottom: 9px;
  color: #d43814;
  font-weight: 400;
}
.text-blue {
  color: #4c3c8f !important;
}

.topalert.alert {
  -webkit-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
}
.topalert.alert .message {
  padding-right: 30px;
}
.topalert.alert .message p:last-child {
  margin-bottom: 0;
}

.topalert.alert-success {
  background-color: #fff !important;
  border: 1px solid #0d9c47;
  border-radius: 0;
  color: #0d9c47;
  padding-left: 65px;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.topalert.alert-success svg.bd-icon {
  display: table-cell;
  content: "";
  position: absolute;
  top: 10px;
  left: 12px;
  width: 24px;
  height: 24px;
  z-index: 9;
}
.topalert.alert-success:after {
  display: table-cell;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0d9c47;
  width: 50px;
  height: 100%;
}
.topalert.alert-success .close {
  color: #0ab01d;
  opacity: 0.6;
}

.topalert.alert-danger {
  background-color: #fff !important;
  border: 1px solid #d43814;
  border-radius: 0;
  color: #d43814;
  padding-left: 65px;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.topalert.alert-danger svg.bd-icon {
  display: table-cell;
  content: "";
  position: absolute;
  top: 10px;
  left: 12px;
  width: 24px;
  height: 24px;
  z-index: 9;
}
.topalert.alert-danger:after {
  display: table-cell;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d43814;
  width: 50px;
  height: 100%;
}
.topalert.alert-danger .close {
  color: #d43814;
  opacity: 0.6;
}

.topalert.alert-warning {
  background-color: #fff !important;
  border: 1px solid #f39d09;
  border-radius: 0;
  color: #f39d09;
  padding-left: 65px;
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
}
.topalert.alert-warning svg.bd-icon {
  display: table-cell;
  content: "";
  position: absolute;
  top: 10px;
  left: 12px;
  width: 24px;
  height: 24px;
  z-index: 9;
}
.topalert.alert-warning:after {
  display: table-cell;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f39d09;
  width: 50px;
  height: 100%;
}
.topalert.alert-warning .close {
  color: #f39d09;
  opacity: 0.6;
}

.customAlert.alert-danger h3 {
  color: #d43814;
}

.custom-scroll {
  margin-bottom: 30px;
}
.custom-scroll::-webkit-scrollbar {
  -webkit-overflow-scrolling: touch;
  height: 15px;
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.15);
  margin: 5px;
  padding: 5px;
}
.custom-scroll::-webkit-scrollbar:hover {
  margin: 5px;
  padding: 5px;
}
.custom-scroll::-webkit-scrollbar-button:start:decrement,
.scrollable::-webkit-scrollbar-button:end:increment {
  background: 5px 5px;
  display: block;
  height: 10px;
  margin: 5px;
  padding: 5px;
}
.custom-scroll::-webkit-scrollbar-track {
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: solid transparent;
  border-radius: 10px;
  margin: 5px;
  padding: 5px;
  height: 5px;
}
.custom-scroll::-webkit-scrollbar-track-piece {
  height: 5px;
  margin: 5px;
  padding: 5px;
  display: block;
}
.custom-scroll::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.2);
  border: 0;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1),
    inset 0 -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  height: 10px;
  margin: 5px;
  padding: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb:vertical,
.scrollable::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
  margin: 5px;
  padding: 5px;
}
.custom-scroll::-webkit-scrollbar-thumb:active {
  background-color: #999fa9;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #999fa9;
  margin: 5px;
  padding: 5px;
}

.table {
  border-bottom: 1px solid #d9dfed;
}
.table > thead {
  background-color: #e8edfe;
}
.table > thead > tr > th {
  border-bottom: 0;
  color: #4c3c8f;
  font-size: 13px;
}
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
  font-size: 12px;
  padding: 10px 15px;
  border-top: 0;
  vertical-align: middle;
}
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-top: 0;
  padding: 10px 15px;
  vertical-align: middle;
}
/*.table>tbody>tr>td{ border-top:0;vertical-align:middle;}*/
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tfoot > tr {
  background-color: #fff;
}
.table-striped > tbody > tr,
.table-striped > tfoot > tr:nth-of-type(odd) {
  background-color: #f3f5fc;
}
.table-res .table > tbody > tr > th {
  display: none;
}

/* .table-hover>tbody>tr{ background-color:#f3f5fc; border-bottom:1px solid #fff;} */
.table-hover > tbody > tr {
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
.table-hover > tbody > tr > td > a.btn {
  display: none;
}
.table-hover > tbody > tr:hover > td > a.btn {
  display: inline-block;
}
.table-hover > tbody > tr:hover {
  background-color: #e8edfe;
}

.tbl-accordion > thead {
  background-color: #4c3c8f;
}
.tbl-accordion > thead > tr > th {
  color: #fff;
}

.no-child td a.btn {
  margin-left: -100px !important;
  margin-right: 38px !important;
}

.tbl-accordion > tbody > tr.tbl-accordion-section {
  background-color: #d9dfed;
}
.tbl-accordion > tbody > tr.tbl-accordion-section:hover {
  background-color: #e1e7fa;
}

.tbl-accordion > tbody > tr.tbl-accordion-section > td > p > i.fa {
  margin-right: 5px;
  color: #6155aa;
}
.tbl-accordion
  > tbody
  > tr.tbl-accordion-section
  > td
  > p
  > span
  > i.glyphicon {
  color: #7a7f88;
  cursor: pointer;
  margin-right: 5px;
}
.tbl-accordion
  > tbody
  > tr.tbl-accordion-section
  > td
  > p
  > span
  > i.glyphicon:hover {
  color: #4c3c8f;
}
.tbl-accordion-section td .toggler {
  width: auto;
  display: inline-block;
}

.tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span {
  cursor: pointer;
  font-size: 12px;
  color: #121113;
  display: inline-block;
  vertical-align: top;
}
.tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span:hover {
  text-decoration: underline;
}

.tbl-accordion-nested .table > tbody > tr > td {
  padding: 10px 15px;
  vertical-align: middle;
  line-height: 30px;
}
.tbl-accordion-nested .table > tbody > tr > td > ul {
  margin-left: 42px;
}
.tbl-accordion-nested .table > tbody > tr > td > ul > li.docName {
  width: 80%;
}
.tbl-accordion-nested .table > tbody > tr > td > ul > li {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.tbl-accordion-nested .table > tbody > tr > td > ul > li > a {
  font-size: 12px;
  color: #121113;
}
.tbl-accordion-nested .table > tbody > tr > td > ul > li > i.fa {
  margin-right: 10px;
}

.thead {
  color: #fff;
  background-color: #250858;
}

.thead > div {
  padding: 10px 15px;
}

.trow > div {
  padding: 10px 15px;
}

.input-group-addon {
  background-color: #f3f5fc;
}
.form-control:focus,
form input:hover,
form textarea:hover {
  box-shadow: none;
  border-color: #3f2174;
}
form ::-webkit-input-placeholder {
  color: #3e464b;
  position: relative;
}
form :-moz-placeholder {
  color: #3e464b;
  position: relative;
}
form :-ms-input-placeholder {
  color: #3e464b;
  position: relative;
}
form ::-moz-placeholder {
  color: #3e464b;
  position: relative;
}
form input,
form select,
form textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-position: 97% center;
}
form input,
form select,
.form-control {
  height: 38px;
  border: 1px solid #c4c9d2;
  border-radius: 1px;
  box-shadow: none;
  color: #121113;
  outline: none;
}
form input.small-input,
form select.small-input {
  padding: 0 10px;
  height: 38px;
}
form input.white-bg,
form select.white-bg,
form textarea.white-bg {
  background: #fff;
  border-color: #eaeaea;
}
form input[type="checkbox"],
form input[type="radio"] {
  height: auto;
  width: auto;
}
form input:hover,
form textarea:hover {
  border-color: #3f2174;
}
form input:focus,
form textarea:focus,
.select:focus,
form input[type="submit"]:focus,
form button:focus {
  border-color: #3f2174;
  outline: none;
}
form input[type="submit"],
form button {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #4e5457;
  background: #fff;
  padding: 20px 40px;
  width: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  outline: none;
}
form input[type="submit"]:hover,
form button:hover {
  background: #3f2174;
  color: #fff;
}

/*Form style*/
/* Common Radio & Checkbox CSS */
.direct-form section {
  margin-bottom: 30px;
  position: relative;
}
/*.direct-form .inline-group {margin: 0 -30px -4px 0;}*/
.direct-form .checkbox + .checkbox,
.direct-form .radio + .radio {
  margin-top: 0;
}
.direct-form .checkbox.checkbox-inline {
    display: inline;
    vertical-align: unset;
}
.direct-form .checkbox,
.direct-form .radio,
.direct-form .select {
  padding-left: 25px;
  color: #121113;
  cursor: pointer;
  font-size: 13px;
  position: relative;
  display: block;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 4px;
}
.direct-form .select {
  background-color: #fff;
  height: 38px;
}
.direct-form .select select {
  display: block;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.direct-form .select ::-ms-expand {
  display: none;
}

.direct-form .input-file .button {
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: 22px;
  margin: 0;
  padding: 0 14px;
  font-size: 13px;
  line-height: 22px;
}
.direct-form .input-file .button:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.direct-form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  font-size: 30px;
  cursor: pointer;
  opacity: 0;
}
.direct-form .select i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 37px;
  z-index: 4;
  background: #e8edfe;
  border-left: 1px solid #c4c9d2;
}
.direct-form .select select:focus + i,
.direct-form .select select:hover + i,
.direct-form .select select:hover {
  border-color: #3f2174;
}
.direct-form .select select:hover + i:after,
.direct-form .select select:focus + i:after {
  color: #3f2174;
}
.direct-form .select i:after,
.direct-form .select i:before {
  content: "";
  position: absolute;
  right: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.direct-form .select i:after {
  content: "\f078";
  top: 25%;
  left: 0;
  bottom: 0;
  font: 400 11px/17px "FontAwesome";
  text-align: center;
  color: #7a7f88;
}
.direct-form .select i:before {
  top: 0;
  border-bottom: 0px solid #272974;
}
.direct-form .select-multiple select {
  height: auto;
}
.direct-form .textarea textarea {
  height: auto;
  resize: none;
}
.direct-form .textarea-resizable textarea {
  resize: vertical;
}
.direct-form .textarea-expandable textarea {
  height: 31px;
}
.direct-form .textarea-expandable textarea:focus {
  height: auto;
}
.direct-form .inline-group .radio {
  padding-left: 25px;
}
.direct-form #rx-prescription-container .inline-group .radio {
  padding-left: 25px;
}
.direct-form .radio.radio-inline {
  display: inline-block;
}
.direct-form .checkbox:last-child,
.direct-form .radio:last-child {
  margin-bottom: 0;
}
.direct-form .checkbox input,
.direct-form .radio input {
  position: absolute;
  left: -9999px;
}
.direct-form .checkbox i,
.direct-form .radio i {
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  background: #fff;
}
.direct-form .radio i {
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 50%;
}
.direct-form .checkbox input ~ i:after,
.direct-form .radio input ~ i:after {
  position: absolute;
  opacity: 0;
  transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.direct-form .radio input ~ i:after {
  content: "";
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  border-radius: 50%;
}
.direct-form .checkbox input ~ i:after {
  content: "\e013";
  top: -2px;
  left: -1px;
  width: 16px;
  height: 16px;
  font: 400 11px/17px "Glyphicons Halflings";
  text-align: center;
}
.direct-form .checkbox input:checked:hover ~ i:after {
  content: "\e013";
}
.direct-form .checkbox input:checked:disabled:hover ~ i:after {
  content: "\e013";
}
.direct-form .checkbox input:checked ~ i:after,
.direct-form .radio input:checked ~ i:after {
  opacity: 1;
}
.direct-form .inline-group .checkbox,
.direct-form .inline-group .radio {
  float: left;
  margin-right: 25px;
}
.direct-form .inline-group .checkbox:last-child,
.direct-form .inline-group .radio:last-child {
  margin-bottom: 4px;
}
.direct-form .inline-group .checkbox:first-child,
.direct-form .inline-group .radio:first-child {
  margin-top: 0px;
}
.direct-form .checkbox i,
.direct-form .radio i {
  border-color: #c4c9d2;
  transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.08);
}
.direct-form .checkbox i {
  border-radius: 1px;
}
.direct-form .radio i {
  border-color: #c4c9d2;
  margin-top: 1px;
}
.direct-form .checkbox:hover i,
.direct-form .radio:hover i {
  border-color: #3f2174;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.direct-form .checkbox:active i,
.direct-form .radio:active i {
  background: #f0f0f0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.direct-form .checkbox input:focus ~ i,
.direct-form .radio input:focus ~ i {
  border-color: #4c3c8f;
}
.direct-form .radio input ~ i:after {
  background-color: #4c3c8f;
}
.direct-form .checkbox input ~ i:after {
  color: #fff;
}
.direct-form .checkbox input:checked ~ i,
.direct-form .toggle input:checked ~ i {
  border-color: #4c3c8f;
  background-color: #4c3c8f;
  border-width: 1px;
  color: #fff;
}
.direct-form .radio input:checked ~ i {
  background-color: #fff;
  border-color: #3f2174;
  border-width: 2px;
}
.direct-form .rating input:checked ~ label {
  color: #02a4d3;
}
.direct-form .checkbox.state-error i,
.direct-form .radio.state-error i {
  background: #fff0f0;
  border-color: #d43814;
}
.direct-form .checkbox.state-success i,
.direct-form .radio.state-success i {
  background: #f0fff0;
  border-color: #7dc27d;
}
.direct-form .checkbox.state-disabled:hover i,
.direct-form .radio.state-disabled:hover i {
  border-color: #c4c9d2 !important;
}
/*.direct-form .select select{padding:5px}*/
.direct-form .select select {
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  background-color: transparent;
}
.direct-form .state-disabled.checkbox input ~ i:after,
.direct-form .state-disabled.checkbox input:checked ~ i,
.direct-form .state-disabled.radio input ~ i:after,
.direct-form .state-disabled.radio input:checked ~ i,
.direct-form .state-disabled.toggle input:checked ~ i {
  border-color: #c4c9d2 !important;
  color: #333 !important;
}
.direct-form .state-disabled.radio input ~ i:after {
  background-color: #333;
}
.direct-form .button.state-disabled,
.direct-form .checkbox.state-disabled,
.direct-form .input.state-disabled input,
.direct-form .radio.state-disabled,
.direct-form .select.state-disabled,
.direct-form .textarea.state-disabled,
.direct-form .toggle.state-disabled {
  cursor: default !important;
  opacity: 0.5 !important;
  margin-top: 0;
}
.textarea-resizable textarea {
  resize: vertical;
}

.direct-form .checkbox.checked,
.direct-form .radio.checked {
  color: #000;
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 0px;
  min-height: 20px;
}

.form-group {
  margin-bottom: 25px;
}
label {
  font-size: 13px;
  margin-bottom: 15px;
}
label span {
  font-weight: 400;
}

.dropdown-btn .dropdown-menu {
  border-radius: 1px;
  padding: 0;
  border: 1px solid #d9dfed;
  margin-top: 7px;
  min-width: 180px;
}
.dropdown-btn .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.dropdown-btn .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: "";
}
.pull-right > .dropdown-menu:before {
  right: 9px;
  left: auto;
}
.pull-right > .dropdown-menu:after {
  right: 10px;
  left: auto;
}
.dropdown-btn .dropdown-menu > li > a {
  font-size: 13px;
  padding: 10px 14px;
  border-bottom: 1px solid #d9dfed;
}
.dropdown-btn .dropdown-menu > li > a:hover {
  background-color: #f3f5fc;
}
.dropdown-btn .dropdown-menu > li:last-child > a {
  border-bottom: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.btn {
  padding: 9px 16px;
  border-radius: 2px;
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 13px;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}

.btn-primary {
  background-color: #47c1ad;
  border: none;
  border-bottom: 2px solid #07aa9b;
  color: #fff;
}
.btn-primary.active:hover,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:hover {
  background-color: #59c7b5;
  color: #fff;
  border: none;
  border-bottom: 2px solid #07aa9b;
  box-shadow: none;
  outline: none;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:focus,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus {
  background-color: #07aa9b;
  color: #fff;
  border: none;
  border-bottom: 2px solid #07aa9b;
  box-shadow: none;
  outline: none;
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #07aa9b;
  opacity: 0.3;
}

.btn-default.defaulthover,
.defaulthover:focus {
  border: 2px solid #fff;
  padding: 10px 12px;
  color: #07aa9b;
  background-color: transparent;
}
.btn-default.defaulthover i {
  font-size: 18px;
  margin-left: 5px;
}

.defaulthover.active:hover,
.defaulthover:active:hover,
.open > .dropdown-toggle.defaulthover:hover,
.defaulthover:hover {
  background-color: #fff;
  color: #07aa9b;
  border: 2px solid #07aa9b;
  box-shadow: none;
  outline: none;
}
.defaulthover.active.focus,
.defaulthover.active:focus,
.open > .dropdown-toggle.defaulthover,
.defaulthover:active.focus,
.defaulthover:active:focus,
.open > .dropdown-toggle.defaulthover.focus,
.open > .dropdown-toggle.defaulthover:focus {
  background-color: #07aa9b;
  color: #fff;
  box-shadow: none;
  outline: none;
  border: 2px solid #07aa9b;
}

.btn-secondary {
  background-color: #999fa9;
  border: none;
  border-bottom: 2px solid #7a7f88;
  color: #fff;
}
.btn-secondary.active:hover,
.btn-secondary:active:hover,
.open > .dropdown-toggle.btn-secondary:hover,
.btn-secondary:hover {
  background-color: #a3a8b1;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}
.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:focus,
.open > .dropdown-toggle.btn-secondary.focus,
.open > .dropdown-toggle.btn-secondary:focus {
  background-color: #7a7f88;
  color: #fff;
  border: none;
  border-bottom: 2px solid #7a7f88;
  box-shadow: none;
  outline: none;
}

.btn-default,
.btn-default:focus {
  border: 2px solid #4c3c8f;
  padding: 4px 12px;
  color: #4c3c8f;
  background-color: #fff;
  border-radius: 2px;
}
.btn-default.active:hover,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:hover {
  background-color: #4c3c8f;
  color: #fff;
  border: 2px solid #4c3c8f;
  box-shadow: none;
  outline: none;
}

.inline-btnGroup .btn {
  margin-right: 8px;
  padding: 6px 30px;
}
.inline-btnGroup .btn:last-child {
  margin: 0;
}

.marginbot0 {
  margin-bottom: 0 !important;
}
.margintop0 {
  margin-top: 0 !important;
}
.marginRight0 {
    margin-right: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.paddingTop0 {
  padding-top: 0 !important;
}
.paddingBot0 {
  padding-bottom: 0 !important;
}
.padding30px {
  padding: 30px;
}
.padding20px {
  padding: 20px;
}
.margin0 {
  margin: 0 !important;
}
.marginbot40 {
  margin-bottom: 35px !important;
}
.marginbot20 {
  margin-bottom: 20px !important;
}
.marginbot14 {
  margin-bottom: 14px !important;
}

.bd-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.contact-book-icon {
  background: url(../icon/icon_mydetails_contactdetails.svg) no-repeat 0 0;
}
.bank-info-icon {
  background: url(../icon/icon_mydetails_bankinginformation.svg) no-repeat 0 0;
}
.tax-filenum-icon {
  background: url(../icon/icon_mydetails_taxfilenumber.svg) no-repeat 0 0;
}
.re-invest-plan-icon {
  background: url(../icon/icon_mydetails_reinvestmentplans.svg) no-repeat 0 0;
}
.change-username-icon {
  background: url(../icon/icon_mydetails_changeusername.svg) no-repeat 0 0;
}
.change-pwd-icon {
  background: url(../icon/icon_mydetails_changepassword.svg) no-repeat 0 0;
}

.pdf-icon {
  background: url(../icon/icon_pdf.svg) no-repeat 0 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
}
.excel-icon {
  background: url(../icon/icon_excel.svg) no-repeat 0 0;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
}

.home-icon {
  fill: #4c3c8f;
}
.transact-icon {
  fill: #4c3c8f;
}
.history-icon {
  fill: #4c3c8f;
}
.documents-icon {
  fill: #4c3c8f;
}
.statements-icon {
  fill: #4c3c8f;
}
.offers-icon {
  fill: #4c3c8f;
}
.voting-icon {
  fill: #4c3c8f;
}
.benefit-icon {
  fill: #4c3c8f;
}
.contact-icon {
  fill: #4c3c8f;
}
.edit-icon {
  fill: #4c3c8f;
}
.tooltipInfo-icon {
  fill: #47c1ad;
}
.mydetails-icon {
  fill: #4c3c8f;
}
.communicationoptions-icon {
  fill: #4c3c8f;
}
.forms-icon {
  fill: #fff;
}
.logout-icon {
  fill: #fff;
}
.icon_alert {
  fill: #d43814;
}
.icon_confirm {
  fill: #4c3c8f;
}
.icon_success {
  fill: #0d9c47;
}

.icon_questionspeech .st0 {
  fill: #4c3c8f;
}
.icon_questionspeech .st1 {
  fill: #f3f5fc;
}
.icon_questionspeech .st2 {
  fill: none;
}

.vector_thumbsup .st0 {
  fill: #f3f5fc;
}
.vector_thumbsup .st1 {
  fill: #f7c9a4;
}
.vector_thumbsup .st2 {
  fill: #d6a780;
}
.vector_thumbsup .st3 {
  fill: #250858;
}
.vector_thumbsup .st4 {
  fill: #ffffff;
}

.vector_contact_phone .st0 {
  fill: #f3f5fc;
}
.vector_contact_phone .st1 {
  fill: #3f2174;
}

.vector_contact_fax .st0 {
  fill: #f3f5fc;
}
.vector_contact_fax .st1 {
  fill: #f4c56b;
}
.vector_contact_fax .st2 {
  fill: #3f2174;
}
.vector_contact_fax .st3 {
  fill: #250858;
}
.vector_contact_fax .st4 {
  fill: #ffffff;
}
.vector_contact_fax .st5 {
  fill: #c47a2a;
}

.vector_contact_stamp .st0 {
  fill: #f3f5fc;
}
.vector_contact_stamp .st1 {
  fill: #3f2174;
}
.vector_contact_stamp .st2 {
  fill: #ffffff;
}
.vector_contact_stamp .st3 {
  fill: #250858;
}

.vector_lockedaccount .st0 {
  fill: #f3f5fc;
}
.vector_lockedaccount .st1 {
  fill: #250858;
}
.vector_lockedaccount .st2 {
  fill: #07aa9b;
  stroke: #f3f5fc;
  stroke-width: 17;
  stroke-miterlimit: 10;
}
.vector_lockedaccount .st3 {
  fill: #f7c9a4;
}
.vector_lockedaccount .st4 {
  fill: #ffffff;
}
.vector_lockedaccount .st5 {
  fill: #07aa9b;
}
.vector_lockedaccount.bd-icon {
  width: 100px;
  height: 100px;
}

.mydetails-icon .st1 {
  fill: none;
}

.icon_success .st0 {
  fill: none;
}
.alert-success .icon_success {
  fill: #fff;
}

.icon_alert .st0 {
  fill: none;
}
.alert-danger .icon_alert {
  fill: #fff;
}

.icon_warning .st0 {
  fill: none;
}
.alert-warning .icon_warning {
  fill: #fff;
}

.thanksMessageBox .bd-icon.vector_thumbsup {
  height: 100px;
  width: 100px;
}
.bd-icon.vector_contact_phone,
.bd-icon.vector_contact_fax,
.bd-icon.vector_contact_stamp {
  height: 80px;
  width: 80px;
}

.help-block {
  margin-top: 20px;
  color: #121113;
  display: block;
}

#header {
  position: relative;
}
#header,
#footer {
  z-index: 9999;
}
.container {
  max-width: 1230px;
  width: 1230px;
}
.app_maintenance {
  text-align: center;
  padding-top: 10px;
  font-size: 14px;
  background-color: #f9f0c5;
  border-color: #ffd014;
  padding-bottom: 10px;
}

.wrapper {
  position: relative;
  min-height: 100%;
  height: 100%;
  padding-bottom: 80px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%; /* Set the fixed height of the footer here */
  height: 80px;
  background-color: #250858;
  z-index: 999;
}
section {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

.navbar {
  min-height: 100px;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.navbar-inverse {
  background-color: #250858;
}
.navbar-brand {
  height: 100px;
  padding: 0;
  display: table;
}
.navbar-brand span {
  color: #fff;
  display: inline-block;
  padding: 0 15px;
  height: 100px;
  vertical-align: middle;
  display: table-cell;
}
.navbar-brand span.logo {
  margin-right: 15px;
}
.navbar-brand span.sub-brand {
  font-size: 24px;
  line-height: 38px;
  vertical-align: middle;
  padding-left: 31px;
}

.navbar-brand span.verticalDivider {
  background-color: #4c3c8f;
  width: 1px;
  padding: 0;
  margin-top: 25px;
  display: inline-block;
  margin-bottom: 25px;
  height: 50px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.navbar-inverse .navbar-nav > li > a > svg.bd-icon {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 18px;
  fill: #fff;
}

.dashboard .navbar-nav.navbar-right > li > a > svg.bd-icon {
  display: block;
  margin: 0 auto 5px;
  text-align: center;
  width: 20px;
}
.dashboard .navbar-nav.navbar-right > li > a,
.dashboard .navbar-nav.navbar-right > li > a:focus {
  border-left: 1px solid #4c3c8f;
  font-size: 12px;
  padding-top: 28px;
  padding-bottom: 23px;
  border-bottom: 4px solid #250858;
}
.dashboard .navbar-nav.navbar-right > li:first-child > a {
  border-left: 0;
}
.dashboard .navbar-nav.navbar-right > li.userName {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 100px;
}

.dashboard .navbar-nav.navbar-right > li > a:hover,
.dashboard .navbar-nav.navbar-right > .open > a,
.dashboard .navbar-nav.navbar-right > .open > a:focus,
.dashboard .navbar-nav.navbar-right > .open > a:hover {
  color: #4c3c8f;
  background-color: #fff;
  border-bottom: 4px solid #fff;
  border-left: 1px solid #fff;
  fill: #4c3c8f;
}

.dashboard .navbar-nav.navbar-right > .active > a,
.dashboard .navbar-nav.navbar-right > .active > a:focus,
.dashboard .navbar-nav.navbar-right > .active > a:hover {
  background-color: #321566;
  border-bottom: 4px solid #07aa9b;
  color: #fff;
  border-left: 1px solid #4c3c8f;
}

.dashboard .navbar-nav.navbar-right > li > a:hover svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .open > a svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .open > a:focus svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .open > a:hover svg.bd-icon {
  /*background-color:#4c3c8f;*/
  fill: #4c3c8f;
}
.dashboard .navbar-nav.navbar-right > .active > a svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .active > a:focus svg.bd-icon,
.dashboard .navbar-nav.navbar-right > .active > a:hover svg.bd-icon {
  /*background-color:#fff;*/
  fill: #fff;
}

.dashboard .navbar-nav.navbar-right > li > .dropdown-menu {
  min-width: 204px;
  border: 0;
  border-radius: 1px;
}
.dashboard .navbar-nav.navbar-right > li .dropdown-menu > li > a {
  font-size: 13px;
  color: #121113;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
  width: 100%;
}
.dashboard .navbar-nav.navbar-right > li .dropdown-menu > li > a > svg.bd-icon {
  margin-right: 10px;
  float: left;
}
.dashboard .navbar-nav.navbar-right > li .dropdown-menu > li > a > span {
  float: left;
}
.dashboard .navbar-nav.navbar-right > li .dropdown-menu > li > a:focus,
.dashboard .navbar-nav.navbar-right > li .dropdown-menu > li > a:hover {
  background-color: #f3f5fc;
}

.fixed-navigation #left-panel {
  position: fixed;
  z-index: 998;
}
nav.left-nav ul {
  width: 100%;
  padding: 40px 28px 25px 0;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 0.5em;
  list-style: none;
  position: relative;
  background-color: transparent;
  border: 0;
}
nav.left-nav li.open > .dropdown-menu {
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: none;
  border-radius: 0;
}
nav.left-nav ul .active > a {
  color: #4c3c8f;
  position: relative;
  background-color: transparent;
}
/*nav.left-nav ul li.active>a:before {content:"\f0d9";font-family:FontAwesome;display:block;height:27px;line-height:normal;width:27px;position:absolute;right:-21px;font-size:20px;color:#eee}*/
nav.left-nav ul li.active.open > a:before {
  content: "";
}
nav.left-nav > ul > li:last-child.open {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
nav.left-nav ul li {
  overflow: hidden;
}
nav.left-nav ul li.dropdown.open.active,
nav.left-nav ul li.dropdown.open {
  background-color: #fff;
  border-radius: 0;
}
nav.left-nav ul li a,
nav.left-nav ul li.dropdown a:focus,
nav.left-nav ul li a:focus {
  line-height: normal;
  font-size: 13px;
  padding: 16px 15px 18px 15px;
  color: #4c3c8f;
  display: block;
  font-weight: 400;
  text-decoration: none !important;
  position: relative;
  background-color: transparent;
}
/*nav.left-nav>ul>li>ul>li>a,nav.left-nav>ul>li>ul>li>ul>li>a {padding-top:7px;padding-bottom:7px}*/
nav.left-nav ul li a:hover,
nav.left-nav ul li a:active:focus,
nav.left-nav ul li.dropdown a:hover:focus {
  color: #4c3c8f;
  text-decoration: none;
  background-color: #d9dfed;
}
nav.left-nav ul li.active a,
nav.left-nav ul li.active a:active,
nav.left-nav ul li.active a:focus,
nav.left-nav ul li.active a:focus:hover {
  background-color: #47c1ad;
  color: #fff;
}
nav.left-nav ul b {
  float: right;
  font-size: 14px;
  margin-top: -1px;
}
nav.left-nav ul span.menu-item-parent {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
nav.left-nav ul li.open > a,
nav.left-nav ul li.open > a b,
nav.left-nav ul li.open > a:focus,
nav.left-nav ul li.open > a:hover:focus,
nav.left-nav ul li.open > a:hover {
  color: #fff !important;
  background-color: #47c1ad;
  padding-left: 15px;
  transition: none;
}
nav.left-nav ul li > a.dropdown-toggle.show,
nav.left-nav ul li > a b,
nav.left-nav ul li > a.dropdown-toggle.show:focus,
nav.left-nav ul li > a.dropdown-toggle.show:hover:focus,
nav.left-nav ul li > a.dropdown-toggle.show:hover {
    color: #fff !important;
    background-color: #47c1ad;
    padding-left: 15px;
    transition: none;
}
nav.left-nav > ul > li > a b {
  position: absolute !important;
  right: 10px;
  top: 10px;
}
nav.left-nav > ul > li > a > svg.bd-icon {
  margin-right: 1px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}

nav ul li li {
  border-bottom: 0;
  position: relative;
}
nav > ul > li > ul::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 23px;
  top: 0;
  bottom: 0;
  border-left: 3px solid #d9dfed;
}
nav.left-nav ul ul li > a:focus,
nav.left-nav ul ul li > a:hover {
  border-left: 3px solid #a3a8b1;
  background-color: #f3f5fc;
  z-index: 1;
  color: #4c3c8f;
}
nav.left-nav ul ul li.active > a:focus,
nav.left-nav ul ul li.active > a:hover {
  border-left: 0;
}
nav > ul ul li.active::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  left: 23px;
  top: 0;
  border-left: 3px solid #4c3c8f;
  z-index: 1;
  height: 100%;
}
nav > ul ul li.active::before a:focus,
nav > ul ul li.active::before a:hover {
  border-color: #4c3c8f;
}
nav > ul ul ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  left: 10px;
  top: 17px;
  border-top: 1px solid transparent;
}
nav ul ul {
  margin: 0;
  display: none; /*background:rgba(69,69,69,.6);*/
  padding: 7px 0;
}
nav ul ul ul {
  background: 0 0;
  padding: 0;
}
nav ul ul li {
  margin: 0;
  padding: 0;
}
nav.left-nav ul ul li > a {
  margin-left: 23px;
  font-size: 13px;
  font-weight: 400;
  outline: 0;
}
nav ul ul li > a:hover {
  background-color: rgba(69, 69, 69, 0.8);
  color: #fff;
}
nav ul ul ul li a {
  color: #bfbfbf;
  padding: 8px 10px 8px 70px;
  font-size: 14px;
}
nav ul ul ul li a:hover {
  background-color: #4c4f53;
  color: #fff;
}
nav ul ul ul ul li a {
  padding-left: 90px;
}
nav ul ul ul ul ul li a {
  padding-left: 110px;
}
nav ul ul ul ul ul ul li a {
  padding-left: 130px;
}
nav ul ul b {
  color: #b3b3b3;
}
nav ul ul > li:hover b {
  color: #d5d9e2;
}

nav.left-nav ul.dropdown-menu li a {
  color: #4c3c8f;
  background-color: #ffffff;
}
nav.left-nav ul.dropdown-menu li.active a:focus,
nav.left-nav ul.dropdown-menu li.active a:hover,
nav.left-nav ul.dropdown-menu li a:hover,
nav.left-nav ul.dropdown-menu li a:focus {
  background-color: #f3f5fc;
  border-left: 3px solid #4c3c8f;
  color: #4c3c8f;
  padding-left: 12px;
  transition: none;
}

nav.left-nav > ul > li.active a > svg.bd-icon,
nav.left-nav ul li.open a > svg.bd-icon {
  fill: #fff;
}
/*nav.left-nav>ul>li>a>i.home{ background-position:0 0;}
nav.left-nav>ul>li.active>a>i.home{background-position:-34px 0;}
nav.left-nav>ul>li>a>i.transact{ background-position:0 -50px;}
nav.left-nav>ul>li.active>a>i.transact,nav.left-nav>ul>li.open>a>i.transact{background-position:-34px -50px;}
nav.left-nav>ul>li>a>i.history{ background-position:0 -100px;}
nav.left-nav>ul>li.open>a>i.history,nav.left-nav>ul>li.active>a>i.history{background-position:-34px -100px;}
nav.left-nav>ul>li>a>i.documents{ background-position:0 -150px;}
nav.left-nav>ul>li.active>a>i.documents,nav.left-nav>ul>li.open>a>i.documents{background-position:-34px -150px;}
nav.left-nav>ul>li>a>i.offers{ background-position:0 -200px;}
nav.left-nav>ul>li.open>a>i.offers,nav.left-nav>ul>li.active>a>i.offers{background-position:-34px -200px;}
nav.left-nav>ul>li>a>i.voting{ background-position:0 -250px;}
nav.left-nav>ul>li.active>a>i.voting{background-position:-34px -250px;}
nav.left-nav>ul>li>a>i.contact{ background-position:0 -300px;}
nav.left-nav>ul>li.active>a>i.contact{background-position:-34px -300px;}*/

nav.left-nav ul li.active > .dropdown-menu {
  display: block;
  background-color: #fff;
  border-radius: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: none;
}

.hidden-menu #left-panel {
  right: -210px;
  z-index: 99999;
}
.hidden-menu #main {
  margin-left: 10px;
}
.hidden-menu #left-panel:hover {
  right: 0;
}
.hidden-menu .minifyme,
.minified #hide-menu {
  display: none;
}

.footer p span.copy,
.footer p a,
.footer p span.abnNo {
  color: #fff;
  font-size: 13px;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 400;
}
.footer p span.copy {
  padding-left: 0;
}
.footerNav p {
  line-height: 80px;
  margin-bottom: 0;
  color: #9e95b6;
}
.footerNav p a {
  border-right: 1px solid #8679a3;
}
.footerNav p a:last-child {
  border-right: 0;
}
.footerLogo {
  margin-top: 30px;
  float: right;
  margin-right: 70px;
}

.border1px {
  border: 1px solid #e1e2ec;
}

#toTop {
  width: 44px;
  height: 42px;
  background-color: #ccc;
  background-color: rgba(127, 127, 127, 0.5);
  text-align: center;
  padding: 10px 9px;
  line-height: 26px;
  position: fixed;
  right: 30px;
  bottom: 16px;
  cursor: pointer;
  display: none;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  z-index: 99998;
}
#toTop:hover {
  background-color: #54b4ac;
  color: #fff;
}

.custom-bg1 {
  background: url(../images/log-in-bg.jpg) no-repeat top center;
  background-size: cover;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.custom-bg2 {
  background: url(../images/log-in-bg.jpg) no-repeat top center;
  background-size: cover;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.gray-bg {
  background-color: #fafafa !important;
}
.light-gray-bg {
  background-color: #f3f5fc !important;
}
.skybludBg {
  background-color: #f3f5fc !important;
}
.skybludBg.bd-Widget > div,
.skybludBg.bd-Widget > header {
  background-color: transparent;
}
.whiteBg {
  background-color: #fff !important;
}
.border-right {
  border-right: 1px solid #c4c9d2;
}

/*.row {margin-right: -30px;margin-left: -30px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9,.container-fluid{padding-right: 30px;padding-left: 30px;}*/

.cover-container {
  max-width: 800px;
  margin: 0 auto;
}
section.cover-container {
  padding-bottom: 60px;
}

.logIn .panel-group .panel {
  border-radius: 0;
  border: 0;
  margin-bottom: 20px;
}
.panel-default > .panel-heading {
  background-color: #250858;
  color: #fff;
  border: 0;
  padding: 0;
}
.panel-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0px;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.panel-title > small > a,
.panel-title > a:focus,
.panel-title > a:active {
  color: #fff;
}
.panel-title > a {
  display: block;
  padding: 13px 18px 15px 30px;
  background-color: #3f2174;
}
.panel-title > a.collapsed {
  background-color: #250858;
}
.panel-title > a:hover {
  background-color: #3f2174;
  text-decoration: none;
}
.panel-heading {
  padding: 14px 15px;
  border-radius: 0;
}
.panel-heading .accordion-toggle:after {
  font-family: "Glyphicons Halflings";
  content: "\e260";
  float: right;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
}
.panel-heading .accordion-toggle.collapsed:after {
  content: "\e259";
}
.logIn .panel-body p.lead {
  font-size: 16px;
  color: #4c3c8f;
  font-weight: 700;
}
.logIn .panel-body {
    padding: 15px;
    background-color: white;
}

.logInForm {
  padding: 15px;
}
.logInForm a {
  font-size: 13px;
}
.logInForm a i.tooltipInfo-icon,
a i.tooltipInfo-icon {
  vertical-align: middle;
  margin-left: 3px;
  height: 18px;
  width: 18px;
}
.logInForm button {
  padding: 8px 12px;
}
.logInAppadvertBanner-bg {
  background: url(../images/iphone-app-advert.png) no-repeat bottom right;
  background-size: cover;
  min-height: 422px;
/*  margin-top: -15px;*/
  margin-bottom: -15px;
}
.logInAppadvertBanner {
  padding: 0px 15px 2px;
}
.logInAppadvertBanner h2 {
  font-weight: 300;
  color: #4c3c8f;
  margin-bottom: 25px;
  line-height: 1.29em;
  margin-top: 50px;
  font-size: 28px;
}
.logIn .panel-body .logInAppadvertBanner p.lead {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 65px;
  color: #46484d;
}
.appButtons h6 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 14px;
  color: #46484d;
}
.appButtons a {
  padding: 6px 8px;
  border-radius: 500px;
  border: 1px solid #c5cad3;
  color: #4c3c8f;
  font-size: 22px;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
}

/*Dashboard Page*/
aside {
  width: 200px;
}
#left-panel {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 1;
  background-color: #f3f5fc;
  bottom: 80px;
  -webkit-box-shadow: 1px 0px 6px 1px rgba(214, 214, 214, 0.8);
  -moz-box-shadow: 1px 0px 6px 1px rgba(214, 214, 214, 0.8);
  box-shadow: 1px 0px 6px 1px rgba(214, 214, 214, 0.8);
  -webkit-transition: right 0.1s ease-out;
  transition: right 0.1s ease-out;
  overflow-y: auto;
}

#content,
#left-panel {
  -webkit-transition: right 0.1s ease-out;
  transition: right 0.1s ease-out;
}
#main {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  display: block;
  margin-left: 200px;
}
.cover-container #main {
  margin: 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
}
#content {
  padding: 20px 30px 30px;
  position: relative;
  left: 0;
}

#ribbon {
  min-height: 40px;
  background-color: transparent;
  padding: 0 30px;
  position: relative;
}
#ribbon .breadcrumb {
  display: block;
  margin: 0;
  padding: 15px 0 11px 0;
  background: 0 0;
  vertical-align: top;
}
#ribbon .breadcrumb,
#ribbon .breadcrumb a {
  color: #4c3c8f !important;
  text-decoration: none !important;
}
#ribbon .breadcrumb li:last-child,
#ribbon .breadcrumb > .active {
  color: #e4e4e4;
}
.fixed-ribbon #ribbon {
  position: fixed;
  right: 0;
  left: 220px;
  top: 49px;
  z-index: 999;
}
.container.fixed-ribbon #ribbon {
  width: 944px;
  left: 590px;
}
.fixed-ribbon #content {
  padding-top: 50px;
}
.minified.fixed-ribbon #ribbon {
  left: 45px;
}
.hidden-menu.fixed-ribbon #ribbon {
  left: 10px;
}

.section-title {
  color: #4c3c8f;
  margin-bottom: 10px;
}
.section-title h1 {
  font-weight: 300;
}
.section-title h4 {
  color: #121113;
  font-weight: 700;
}
.section-subtitle h4,
.section-title h3 {
  margin-top: 0px;
  margin-bottom: 15px;
  line-height: 1.45;
}
.content-Page .section-subtitle h5 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.45;
}
.section-title p {
  font-style: italic;
  line-height: 1.5em;
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 700;
}
.logIn .section-title h1.page-title,
.cover-container .section-title h1.page-title {
  margin-top: 23px;
  margin-bottom: 42px;
  font-size: 32px;
}
.logIn p.note {
  color: #fff;
}
p.note small {
  font-size: 13px;
}
.section-title h1.page-title {
  margin-top: 13px;
  font-size: 32px;
}

.bd-Widget {
  zoom: 1;
  margin: 0 0px 30px;
  position: relative;
  -khtml-border-radius: 0;
  border-radius: 0;
  padding: 0;
  -webkit-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  -moz-box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
  box-shadow: 0px 0px 8px 1px rgba(138, 138, 138, 0.4);
}
.bd-Widget > header {
  background-color: #fff;
  padding: 30px;
}
.bd-Widget > header > h2 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
}
.bd-Widget header h3 {
  margin: 0;
  font-weight: 400;
}
.bd-Widget > div {
  background-color: #fff;
  padding: 30px 30px 0;
  margin: 0;
  zoom: 1;
  overflow: visible;
}
.bd-Widget .widget-body {
  min-height: 100px;
  position: relative;
  padding-bottom: 30px;
  float: left;
  width: 100%;
}
.bd-Widget .widget-body h4 {
  color: #121113;
}

.widget > div {
  background-color: #ffffff;
}
.empDtlBody .empDtl {
  margin-bottom: 20px;
}
.empDtlBody h4 {
  font-weight: 700 !important;
  color: #121113;
}
.empDtlBody .empDtl p {
  margin-bottom: 4px;
}
.empDtlBody .empDtl p small {
  text-transform: uppercase;
  font-size: 11px;
}
.empDtlBody .empDtl p.lead {
  font-size: 16px;
  font-weight: 400;
}

.empQuesBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-top: 15px !important;
}
.bottomNote {
  margin-bottom: 30px;
}
.bottomNote p small {
  font-size: 12px;
}

.steps {
  margin: 0;
  padding: 0;
}
.steps label {
  line-height: 1;
  margin-bottom: 14px;
}
.steps > li {
  padding: 30px 30px 0px 74px;
  border-bottom: 1px solid #c4c9d2;
  counter-increment: step-counter;
  position: relative;
  list-style-type: none;
}
.steps li .form-group {
  margin-bottom: 30px;
}
.steps > li:last-child {
  border: 0;
  padding-bottom: 30px;
}
.steps > li::before {
  content: counter(step-counter);
  position: absolute;
  left: 22px;
  top: 22px;
  padding: 7px 12px;
  font-size: 20px;
  color: #4c3c8f;
  font-weight: bold;
  border-radius: 500px;
  border: 1px solid #4c3c8f;
  line-height: 1;
}
.steps > li > header > h4 {
  margin-bottom: 21px;
  line-height: 21px;
  margin-top: 0;
}
.steps > li > header > p {
  margin-bottom: 22px;
  line-height: 21px;
}
.steps li ul {
  margin-bottom: 20px;
}
.steps hr,
.logInForm hr {
  margin: 30px 0 20px;
  height: 0;
}

@media only screen and (max-width: 767px),
  (min-width: 768px) and (max-width: 1023px) {
  .table-res table,
  .table-res table thead,
  .table-res table tbody,
  .table-res table th,
  .table-res table td,
  .table-res table tr,
  .table-res table tfoot,
  .table tfoot {
    display: block;
    width: 100%;
  }
  .table-res table {
    width: 100%;
    border: 0;
  }
  .table-res table thead {
    display: none;
  }
  .table-res table tbody {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
  }
  .table-res table tr {
    margin-bottom: 0;
    display: block !important;
    border-bottom: 1px solid #c4c9d2;
  }
  .table-res table tr:last-child {
    border: 0;
  }
  .table-res table td {
    display: block;
    text-align: right;
    font-size: 13px;
    border: none;
    position: relative;
    padding-left: 50% !important;
    white-space: inherit;
  }
  .table-res table td:last-child {
    border-bottom: 0;
  }
  .table-res table td:before,
  .table tfoot td:before {
    content: attr(data-label);
    text-align: left;
    float: left;
    font-weight: bold;
    position: absolute;
    left: 15px;
    width: 43%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 21px;
  }
  .table-res table tfoot td,
  .table tfoot td {
    border: 0 !important;
  }
  .table-res table tfoot th,
  .table tfoot th {
    display: block !important;
  }

  .contributionTable.table > tbody > tr,
  .contributionTable.table > thead > tr {
    display: table;
    width: 100%;
  }
  .contributionTable.table > tfoot,
  .contributionTable.table > tfoot > tr,
  .emPlanLoan.table > tfoot,
  .emPlanLoan.table > tfoot > tr {
    background-color: #f3f5fc;
  }
  .contributionTable.table,
  .contributionTable.table > tfoot,
  .contributionTable.table > tfoot > tr,
  .contributionTable.table > tbody,
  .contributionTable.table > thead {
    display: block !important;
    width: 100%;
  }
  .contributionTable.table > tfoot > tr > th {
    border-bottom: 1px solid #d9dfed;
    border-top: 1px solid #d9dfed;
  }
  .contributionTable.table > tfoot > tr > td,
  .contributionTable.footable.table > tfoot > tr > th {
    display: block;
    width: 100%;
  }

  .contributionTable.table > tbody > tr > td {
    white-space: initial;
  }

  .allocationsTable.table > tbody > tr > td .form-control {
    text-align: right;
  }
  .allocationsTable.table > tfoot > tr > th {
    text-align: left;
  }
}

.date-range .input-group i.fa,
.dateInput.input-group i.fa {
  line-height: 38px;
  color: #7a7f88;
  outline: 0;
  height: 37px;
  width: 37px;
}
.date-range .input-group .form-control:not(:first-child):not(:last-child),
.date-range .input-group-addon:not(:first-child):not(:last-child),
.date-range .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 1px;
}
.date-range .input-group .form-control:focus {
  z-index: 2;
}
.date-range .input-group .form-control:hover + .ui-datepicker-trigger i {
  color: #3f2174;
}
.date-range .input-group .form-control:focus + .ui-datepicker-trigger i {
  background-color: #3f2174;
  color: #fff;
}

.date-range .input-group .ui-datepicker-trigger,
.dateInput.input-group .ui-datepicker-trigger {
  position: absolute;
  right: 1px;
  z-index: 99;
  padding: 0;
  top: 1px;
  border: 0;
  bottom: 1px;
}
.date-range .input-group .ui-datepicker-trigger:hover i.fa,
.dateInput.input-group .ui-datepicker-trigger:hover i.fa {
  color: #fff;
  right: 0;
  top: 0;
  bottom: 0;
}

.offerPlanTable.table > thead,
.allocationsTable.table > thead {
  background-color: #250858;
}
.offerPlanTable.table > thead > tr > th,
.allocationsTable.table > thead > tr > th {
  color: #fff;
}
.offerPlanTable.table > tbody > tr > td,
.allocationsTable.table > tbody > tr > td {
  font-size: 12px;
  vertical-align: middle;
}

.allocationsTable.table > tbody > tr > td,
.allocationsTable.table > tfoot > tr > td {
  background-color: #f3f5fc;
  border-top: 1px solid #fff;
}
.allocationsTable.table > tbody > tr > td .form input,
.allocationsTable.table > tbody > tr > td form select,
.allocationsTable.table > tbody > tr > td .form-control {
  height: 28px;
}
.allocationsTable.table > tfoot > tr > td,
.allocationsTable.table > tfoot > tr > th {
  border-top: 1px solid #d9dfed;
  background-color: #f3f5fc;
}

.sarShareQuote.table > thead {
  background-color: #250858;
}
.sarShareQuote.table > thead > tr > th {
  color: #fff;
}
.sarShareQuote.table > tbody > tr > td {
  font-size: 12px;
  vertical-align: middle;
}

.transTypeBox {
  background: #f3f5fc;
  border: 1px solid #c4c9d2;
  padding: 20px 20px 20px 56px !important;
  margin-bottom: 20px !important;
  line-height: 1.42857143;
}
.transTypeBox.selectedBdr,
.transTypeBox.selectedBdr:hover {
  border: 2px solid #4c3c8f;
}
.transTypeBox:hover {
  border: 1px solid #4c3c8f;
}
.transTypeBox strong {
  display: block;
  margin-bottom: 2px;
}
.transTypeBox i {
  top: 24px !important;
  left: 20px !important;
}
.addressLine {
  margin-bottom: 10px;
}

.thanksMessageBox {
  padding: 30px;
}
.thanksMessageBox h3 {
  font-weight: 400;
  margin: 15px 0 20px;
  line-height: 1.42857143;
}
.thanksMessageBox .userNameBox {
  border: 1px solid #c4c9d2;
  padding: 15px;
  margin-bottom: 30px;
}

.action h5 {
  margin-top: 0;
  margin-bottom: 25px;
}
.pwdChange blockquote {
  margin-bottom: 30px;
  margin-top: 30px;
}
.pwdChange blockquote h6 {
  color: #121113;
}
.pwdChange blockquote ul {
  margin-bottom: 15px;
}
.pwdChange blockquote ul li {
  font-size: 13px;
}

.contributionTable tfoot tr td {
  font-weight: 700;
}

.dashboard-plan-details h4 {
  color: #121113;
  margin-top: 0;
  font-weight: 400;
}
.dashboard-plan-details small {
  margin-bottom: 5px;
  display: block;
}

.contact-details .dl-horizontal dt {
  text-align: left;
  width: 100px;
}
.contact-details .dl-horizontal dt.additional-email-label {
  white-space: normal;
}
.contact-details .dl-horizontal dt.additional-email-label + dd::after {
  content: "";
  display: table;
  clear: both;
}
.contact-details .dl-horizontal dd {
  margin-left: 100px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .contact-details .registered-contact dt {
    width: 200px;
  }
  .contact-details .registered-contact dd {
    margin-left: 200px;
  }
}
.contact-details .d-flex-left,
.contact-details .media > .pull-left {
    padding-right: 12px;
}

.contact-details .widget-body {
  position: relative;
  min-height: 200px;
}
.contact-details .edit-btn {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.contact-details .edit-btn .edit-icon {
  vertical-align: middle;
  fill: #fff;
  margin-right: 3px;
  width: 16px;
  height: 16px;
}

#editNameAddress-container .popover,
#editContactDtl-container .popover {
  position: relative;
  left: 0 !important;
  top: 0 !important;
  max-width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}
#editNameAddress-container .popover-content,
#editContactDtl-container .popover-content {
  padding: 0;
}
#editNameAddress-container .popover.bottom > .arrow {
  left: 46% !important;
}
#editContactDtl-container .popover.bottom > .arrow {
  left: 97% !important;
}
button.close {
  font-weight: 400;
  line-height: 22px;
  outline: 0;
}
.contact-details h4.media-heading {
  color: #4c3c8f;
  margin-bottom: 11px;
}
.contact-details .media-body .dl-horizontal dt {
  text-align: left;
  width: 175px;
  font-weight: 400;
}
.contact-details .media-body .dl-horizontal dd {
  margin-left: 110px;
  margin-bottom: 4px;
}

.customAlert {
  display: none;
  position: fixed;
  padding: 0px;
  box-sizing: border-box;
  background: #fff;
  z-index: 9999999;
  border-radius: 4px;
  border: 0;
  width: 33%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 20%;
  overflow-x: hidden;
}

.customAlertWrapper.large-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 99999;
}

.customAlert.large-popup {
    position: relative;
    top: 0;
    width: 95%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 2%;
}

.customAlert h3 {
  margin-top: 5px;
  margin-bottom: 20px;
}
.customAlert svg.icon_alert,
.customAlert svg.icon_confirm,
.customAlert .icon_success {
  width: 44px;
  height: 44px;
}

.customAlert.alert-danger h3 {
  color: #d43814;
}
.customAlert.alert-notice h3 {
  color: #0d9c47;
}
.customAlert.alert-confirmation h3 {
  color: #4c3c8f;
}
.customAlert .alertMessageBox {
  padding: 30px;
}
.customAlert .alertBoxFooter {
  background-color: #f3f5fc;
  padding: 30px;
  position: relative;
}
.customAlert .alertBoxFooter:before {
  content: "";
  display: inline-block;
  border-top: 15px solid;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  position: absolute;
  top: 0;
  width: 20px;
  height: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.customAlert .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99999;
  display: block;
  cursor: pointer;
}
@media all and (max-width: 1300px) {
  .message {
    font-size: 14px !important;
  }
}
.message {
  color: #121113;
  font-size: 14px;
  line-height: 20px;
}
.rab {
  width: 200px;
  height: 30px;
  outline: 0;
  border: 0;
  color: white;
  background: darken(#04b486, 5%);
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.alertoverlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 99999;
}
.modal-header {
  padding: 30px;
  margin-bottom: 35px !important;
}
.print {
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 9999;
}
.print i {
  margin-left: 5px;
}

.reinvestTable.table > tbody > tr > td,
.bankInfoUpdate.table > tbody > tr > td,
.vestShedule.table > tbody > tr > td {
  background-color: #f3f5fc;
  border-top: 1px solid #fff;
}
/* ----------css-by-Rahul--------- */
.arrow-child {
  background-color: #e8edfe !important;
}
.arrow-child td ul {
  margin-left: 0 !important;
}
.arrow-child .btn-default {
  margin-left: -99px !important;
  margin-right: 37px !important;
}
/*************** Responsive CSS ***************/
@media (max-width: 767px) {
  body {
    padding-top: 100px;
  }
  #content {
    padding-top: 0;
    padding-bottom: 0;
  }
  .row,
  .form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
  }
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .container-fluid,
  .bd-Widget > div {
    padding-right: 10px;
    padding-left: 10px;
  }

  section {
    padding-bottom: 0;
    padding-top: 0px;
  }
  .custom-bg1,
  .custom-bg2 {
    background-size: inherit;
  }
  .wrapper {
    padding-bottom: 134px;
  }

  .navbar-inverse {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #3f2174;
  }
  .navbar-inverse .navbar-toggle {
    float: right;
    margin-left: 15px;
    margin-top: 18px;
    border: 0;
    z-index: 9999999;
    background-color: transparent;
    padding: 18px;
    border-radius: 0;
  }
  .navbar-inverse .navbar-brand {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
  }
  .navbar-brand span.logo {
    margin-right: 0;
    display: block;
  }
  .navbar-brand span.logo img.visible-xs {
    display: inline-block !important;
  }
  .navbar-brand span.sub-brand {
    font-size: 18px;
  }
  .logo-container .navbar-brand span.sub-brand {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    display: block;
    font-size: 17px;
    font-weight: 700;
    margin-top: 0;
    height: 38px;
  }
  .logo-container span.accName {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
  }
  .navbar-header {
    text-align: center;
  }

  .bd-Widget {
    zoom: 1;
    margin: 0 -30px 30px;
  }
  #main {
    margin-left: 0;
  }
  aside {
    width: 275px;
  }
  #left-panel {
    position: fixed;
    left: auto;
    right: -300px;
    background-color: #250858;
    bottom: 0;
    top: 0;
    -webkit-box-shadow: 1px 80px 10px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 80px 10px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 80px 10px 1px rgba(0, 0, 0, 0.8);
  }

  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #hide-menu i {
    color: #6d6a69;
    font-size: 121%;
  }
  .hidden-menu {
    overflow-x: hidden;
  }
  .hidden-menu .navbar-brand {
    display: none;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    right: 0;
  }
  .hidden-menu #main {
    position: relative;
    right: 210px;
  }
  .hidden-menu .navbar-toggle {
    position: absolute;
    right: 275px;
  }
  .fixed-navigation #left-panel {
    position: absolute !important;
  }
  .empQuesBox {
    position: relative;
  }
  .bd-Widget > header > h4 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 700;
  }
  .bd-Widget .widget-body h4 {
    font-size: 15px;
  }
  /*.bd-widget-ctrls{ float:left !important;}*/
  .footer {
    height: 134px;
  }
  .footerLogo {
    float: none;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .footerNav p {
    line-height: 22px;
    text-align: center;
  }
  .footer p span.copy,
  .footer p span.abnNo {
    display: block;
    text-align: center;
  }
  .steps > li > header > p,
  .steps label {
    line-height: 1.42857143;
  }

  .logo-container {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .logo-container .navbar-brand {
    float: none;
    display: inline-block;
    padding: 0;
    height: auto;
  }

  /* Hamburger-Cross */
  .hamburger {
    position: fixed;
    top: 0px;
    z-index: 9999;
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 15px;
    background: transparent;
    border: none;
    right: 0;
  }
  .hamburger.is-open {
    z-index: 99999999;
    top: 0px;
    width: 20px;
    height: 20px;
    right: 275px;
    background-color: #250858;
    padding: 18px;
    margin: 0;
  }
  .hamburger:hover,
  .hamburger:focus,
  .hamburger:active {
    outline: none;
    background-color: #3f2174;
  }
  .hamburger.is-closed {
    background-color: transparent !important;
    padding: 9px 20px;
  }
  .hamburger.is-closed:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(0, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(-100px, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(-100px, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 65%;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom {
    background-color: #fff;
  }
  .hamburger.is-closed .hamb-top {
    top: 2px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 3px;
    -webkit-transition: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #fff;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    -moz-transform: rotate(45deg);
    -moz-transform: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    transform: rotate(45deg);
    transform: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  }
  .hamburger.is-open .hamb-middle {
    display: none;
  }
  .hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    -moz-transform: rotate(-45deg);
    -moz-transform: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    transform: rotate(-45deg);
    transform: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  }
  .hamburger.is-open:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    transform: translate3d(0, 0, 0);
    transition: all 0.35s ease-in-out;
  }
  .hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(-100px, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(-100px, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }

  nav > ul > li > ul::before {
    border-color: #4c3c8f;
  }
  nav.left-nav ul li:first-child a {
    border-top: 1px solid #3a2069;
  }
  nav.left-nav ul li a {
    color: #fff;
    border-bottom: 1px solid #3a2069;
    background-color: #250858;
  }
  nav.left-nav ul li a svg.bd-icon {
    fill: #fff;
  }
  nav.left-nav ul li ul.dropdown-menu li a {
    border-bottom: 0;
  }
  nav.left-nav ul li.dropdown.open.active,
  nav.left-nav ul li.dropdown.open,
  nav.left-nav li.open > .dropdown-menu,
  nav.left-nav ul.dropdown-menu li a {
    background-color: #3a2069;
    color: #fff;
  }
  nav.left-nav ul li.open > a,
  nav.left-nav ul li.open > a b,
  nav.left-nav ul li.open > a:focus,
  nav.left-nav ul li.open > a:hover:focus,
  nav.left-nav ul li.open > a:hover {
    background-color: #3a2069;
    border-bottom-color: #2a0e5c;
  }
  nav.left-nav ul li.active a {
    background-color: #250858;
    border-left: 3px solid #47c1ad;
  }
  nav.left-nav ul li.active a:focus,
  nav.left-nav ul li.active a:hover,
  nav.left-nav ul li.active a:focus:hover,
  nav.left-nav ul li a:focus,
  nav.left-nav ul li a:hover,
  nav.left-nav ul li a:focus:hover,
  nav.left-nav ul li.active a:active,
  nav.left-nav ul li a:active,
  nav.left-nav ul li a:focus:hover:active {
    background-color: #3a2069;
    color: #fff;
  }
  nav.left-nav > ul ul li.active::before,
  nav.left-nav ul.dropdown-menu li.active a {
    border-left-color: #47c1ad;
    background-color: #3a2069;
    color: #fff;
  }
  nav.left-nav ul.dropdown-menu li.active a:focus,
  nav.left-nav ul.dropdown-menu li.active a:hover {
    border-left-color: #47c1ad;
    background-color: #4c3c8f;
    color: #fff;
  }
  nav.left-nav ul li ul.dropdown-menu li a:hover,
  nav.left-nav ul li ul.dropdown-menu li a:focus,
  nav.left-nav ul li.dropdown a:hover:focus {
    border-left-color: #a3a8b1;
    background-color: #4c3c8f;
    color: #fff;
  }

  .bd-Widget {
    box-shadow: none;
    border-bottom: 1px solid #c4c9d2;
    margin-bottom: 0;
  }
  .bd-Widget.payHistFilter,
  .bd-Widget.payHistFilter > header,
  .bd-Widget.payHistFilter > div {
    background-color: #f3f5fc;
  }
  .bd-Widget > header {
    padding: 21px 10px 11px;
  }
  .bd-Widget > header > h2 {
    margin-bottom: 11px;
    font-size: 17px;
    line-height: 23px;
  }
  .bd-Widget .widget-body h4 {
    font-size: 16px;
  }
  .logIn .section-title h1.page-title,
  .cover-container .section-title h1.page-title,
  .section-title h1.page-title,
  .section-title h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
    line-height: 30px;
  }
  .modal-header.section-title h1.page-title {
    margin: 0;
  }
  .logIn .section-title h1.page-title {
    margin-bottom: 16px;
    font-size: 20px;
  }
  .section-title.marginbot40 {
    margin-bottom: 0 !important;
  }
  .table-res {
    border-top: 0;
    margin-bottom: 20px;
    border: 0;
  }
  .table-res .table > tbody > tr > th {
    display: block;
    background-color: #250858;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .table-res .table > tbody > tr > th + th,
  .table-res .table > tbody > tr + tr > th,
  .table-res .table > tfoot > tr > th {
    background-color: #f3f5fc;
    color: #121113;
    font-size: 12px;
  }
  .table-res .table > tfoot > tr > th {
    border-bottom: 1px solid #d9dfed;
    border-top: 1px solid #d9dfed;
  }
  .table-res > .table > tbody > tr > td {
    background-color: #fff;
    white-space: inherit;
    word-break: break-word;
  }
  .reinvestTable.table > tbody > tr {
    margin-bottom: 20px;
  }
  .reinvestTable.table tr:last-child {
    margin-bottom: 0;
  }
  .reinvestTable.table > tbody > tr > td {
    background-color: #f3f5fc;
  }
  .profileDetails {
    display: none;
    text-align: center;
    z-index: 9;
    float: none;
    margin-bottom: 30px;
  }
  .profileDetails:before {
    position: absolute;
    top: -10px;
    left: 48%;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: "";
  }
  .profileDetails:after {
    position: absolute;
    top: -9px;
    left: 48.3%;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ffffff;
    border-left: 9px solid transparent;
    content: "";
  }
  .profileDetails .col-sm-4 {
    float: none;
    display: table;
    width: 100%;
    border-bottom: 1px solid #c4c9d2;
  }
  .profileDetails .empDtl {
    display: table-cell;
    width: 49%;
    padding: 15px;
  }
  .profileDetails .empDtl:first-child {
    border-right: 1px solid #c4c9d2;
  }
  .profileDetails.bd-Widget > div {
    padding-top: 20px;
  }
  .empDtlBody .empDtl p small {
    font-size: 11px;
  }
  .empDtlBody h4 {
    margin-top: 0;
  }
  #ribbon .breadcrumb {
    text-align: center;
  }
  .steps > li {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
  }
  .steps > li::before {
    left: 15px;
    font-size: 15px;
    padding: 4px 7px;
    top: 28px;
  }
  .steps > li > header > h4 {
    font-size: 15px;
    padding-left: 33px;
    margin-bottom: 22px;
  }
  .steps li .form-group {
    margin-bottom: 20px;
  }
  .steps hr {
    margin-top: 10px !important;
    margin-bottom: 20px;
  }

  .logInForm {
    padding: 0;
    padding-bottom: 12px;
    padding-top: 15px;
  }
  .logInForm .form-group.userName {
    margin-bottom: -1px;
  }
  .logInForm .form-group.userName .form-control {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .logInForm .form-group {
    margin-bottom: 21px;
  }
  #indInvestAccess .form-group {
    margin-bottom: 30px;
  }
  .logInForm p {
    margin-top: 27px;
    margin-bottom: 0;
  }
  .logInForm p a strong {
    display: block;
  }
  #loginAccordion .panel-title {
    font-size: 17px;
  }
  .panel-title > a {
    display: block;
    padding: 13px 20px 15px 20px;
  }
  .logIn .panel-body p.lead {
    font-size: 14px;
    margin-top: -4px;
    margin-bottom: 15px;
  }
  .logIn .panel-body {
    padding: 15px 20px;
  }
  .dwnMobBtn strong {
    width: 62px;
    overflow: hidden;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .footable.table > thead {
    background-color: #250858;
    color: #fff;
  }
  .footable.table > thead > tr > th {
    color: #fff;
  }
  .footable.table > tbody > tr > td,
  .footable.table > tbody > tr > th,
  .footable.table > tfoot > tr > td,
  .footable.table > tfoot > tr > th,
  .footable.table > thead > tr > td,
  .footable.table > thead > tr > th {
    padding: 10px;
  }
  .table-responsive {
    border: 0;
  }
  table.footable > tbody > tr.footable-detail-row > td {
    padding: 0;
  }
  .table > tbody > tr > td,
  .table > tfoot > tr > td,
  .table > thead > tr > td {
    font-size: 13px;
  }
  .table > tfoot > tr > td,
  .table > tfoot > tr > th {
    border-top: 1px solid #d9dfed;
  }
  table.footable-details > tbody > tr > th {
    color: #7a7f88;
    font-size: 13px;
    font-weight: 400;
    border-top: 0;
    background-color: #f3f5fc;
  }
  table.footable-details > tbody > tr > td {
    color: #121113;
    font-size: 13px;
    border-top: 0;
    background-color: #f3f5fc;
  }
  .footable.table > tbody > tr > td.footable-first-visible,
  .footable.table > tbody > tr > td.footable-last-visible,
  .footable.table > tbody > tr:first-child {
    color: #121113;
  }
  table.footable-details {
    border-bottom: 0;
  }

  /*form input, form select, .form-control{ height:30px;}*/
  .logIn form input,
  .logIn form select,
  .logIn .form-control,
  .logIn .direct-form .select {
    height: 38px;
  }
  .help-block {
    margin-top: 10px;
  }
  #toTop {
    bottom: 10px;
    right: 10px;
  }

  .offerPlanTable.table > tbody > tr > td {
    line-height: 1.42857143;
  }
  .btn-default.defaulthover,
  .defaulthover:focus {
    padding: 6px 8px 3px;
  }
  .direct-form .checkbox i,
  .direct-form .radio i {
    top: 2px;
  }
  .direct-form .checkbox,
  .direct-form .radio {
    line-height: 21px;
  }
  a#viewProfDetl {
    font-size: 11px;
  }
  .customAlert {
    width: 96%;
  }
  #ribbon {
    border-bottom: 1px solid #bec0d8;
    min-height: 30px;
  }
  #ribbon .breadcrumb {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .contact-details .media-body .dl-horizontal dd,
  .contact-details .dl-horizontal dd {
    margin-left: 0;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .contact-details .dl-horizontal dd {
    font-weight: 400;
  }
  .table-res .saleSummry.table > tbody > tr > th + th,
  .table-res .saleSummry.table > tbody > tr + tr > th,
  .table-res .saleSummry.table > tfoot > tr > th {
    display: block;
    background-color: #250858;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .investTable.table > thead {
    border: 1px solid #250858;
  }
  .investTable.table > tbody {
    border: 1px solid #c4c9d2;
  }
  .investTable.table > tbody > tr > td {
    border-top: 0;
  }
  #editContactDtl-container .popover.bottom > .arrow {
    left: 50% !important;
  }
  .customAlert,
  .tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span.docTitle,
  .tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span.date {
    width: 80%;
  }
  .tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span.docTitle,
  .tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span.date {
    font-size: 13px;
  }
  .tbl-accordion > tbody > tr.tbl-accordion-section > td > p > span.date {
    color: #7a7f88;
    font-size: 12px;
    margin-left: 12%;
  }
  .table-hover > tbody > tr > td > a.btn-default {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #07aa9b;
    border: 0;
    background-color: transparent;
  }
  .table-hover > tbody > tr > td > a.btn-default:hover,
  .table-hover > tbody > tr > td > a.btn-default:hover:focus,
  .table-hover > tbody > tr > td > a.btn-default:hover:active,
  .table-hover > tbody > tr > td > a.btn-default:focus:active {
    background-color: transparent;
    text-decoration: underline;
    color: #07aa9b;
    border: 0;
  }
  .tbl-accordion-nested .table > tbody > tr {
    border-bottom: 1px solid #d9dfed;
  }
  /* -------css-by-rahul----- */
  .arrow-child .btn-default {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .tbl-accordion-nested .table > tbody > tr > td > ul {
    margin-left: 0;
  }
}
@media only screen and (max-width: 320px) {
  #hide-menu > :first-child > a {
    width: 46px !important;
  }
  #hide-menu i {
    color: #6d6a69;
    font-size: 121%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    right: 0;
  }
  .hidden-menu #main {
    position: relative;
    right: 100px;
  }
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    color: #7a7f88;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
  .customAlert {
    width: 90%;
  }
  .bd-widget-ctrls {
    float: left !important;
  }
  /* ------rahul------- */
  .tbl-accordion-nested .table > tbody > tr > td > ul {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 321px) and (max-width: 399px) {
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    white-space: initial;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
    color: #121113;
  }
  .bd-widget-ctrls {
    float: left !important;
  }
}
@media screen and (min-width: 400px) and (max-width: 567px) {
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    white-space: initial;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
  .bd-widget-ctrls {
    float: left !important;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    white-space: initial;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
  .bd-widget-ctrls {
    float: left !important;
  }
}
@media screen and (min-width: 568px) and (max-width: 599px) {
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    white-space: initial;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
}
@media screen and (min-width: 600px) and (max-width: 699px) {
  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
    white-space: initial;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
}
@media screen and (min-width: 700px) and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  body {
    padding-top: 100px;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-inverse {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #3f2174;
  }
  .navbar-inverse .navbar-toggle {
    margin-left: 15px;
    margin-top: 18px;
    border: 0;
    z-index: 9999999;
    background-color: transparent;
    padding: 18px;
  }
  .navbar-inverse .navbar-brand {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
  }
  .navbar-brand span.logo {
    margin-right: 0;
    display: block;
  }
  .navbar-brand span.logo img.visible-xs {
    display: inline-block !important;
  }
  .navbar-brand span.sub-brand {
    border: 0;
    margin-top: 0;
  }
  .navbar-header {
    text-align: center;
  }

  #main {
    margin-left: 0;
  }
  aside {
    width: 270px;
  }
  #left-panel {
    right: -220px;
  }
  .minified #left-panel {
    right: 0;
  }
  #hide-menu > :first-child > a {
    margin-top: 9px;
    width: 40px;
  }
  #hide-menu i {
    color: #6d6a69;
    font-size: 100%;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    right: 0;
  }
  .hidden-menu #main {
    position: relative;
    right: 210px;
  }
  .footer {
    height: 134px;
  }
  .footerLogo {
    float: none;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .footerNav p {
    line-height: 22px;
    text-align: center;
  }
  .footer p span.copy,
  .footer p span.abnNo {
    display: block;
    text-align: center;
  }
  /*.navbar-brand span.sub-brand{ vertical-align:baseline;}*/

  .logo-container .navbar-brand span.sub-brand {
    vertical-align: baseline;
    font-size: 20px;
  }
  .logo-container .navbar-brand span.logo {
    margin-right: 0;
    display: block;
  }
  .logo-container .navbar-brand span.logo img.visible-xs {
    display: inline-block !important;
  }
  .logo-container .navbar-brand span.sub-brand {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    display: block;
    font-size: 17px;
    margin-top: 0;
    height: 38px;
    font-weight: 700;
  }
  .logo-container span.accName {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
  }
  .logo-container {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  .logo-container .navbar-brand {
    float: none;
    display: inline-block;
    padding: 0;
    height: auto;
  }

  .navbar-header {
    text-align: center;
  }

  .table-res table,
  .table-res table thead,
  .table-res table tbody,
  .table-res table th,
  .table-res table td,
  .table-res table tr,
  .table-res table tfoot {
    display: block;
    width: 100%;
  }
  .table-res table {
    width: 100%;
    border: 0;
  }
  .table-res table thead {
    display: none;
  }
  .table-res table tbody {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
  }
  .table-res table tr {
    margin-bottom: 0;
    display: block !important;
    border-bottom: 1px solid #c4c9d2;
  }
  .table-res table tr:last-child {
    border: 0;
  }
  .table-res table td {
    display: block;
    text-align: right;
    font-size: 13px;
    border: none;
    position: relative;
    padding-left: 50% !important;
  }
  .table-res table td:last-child {
    border-bottom: 0;
  }
  .table-res table td:before {
    content: attr(data-label);
    text-align: left;
    float: left;
    font-weight: bold;
    position: absolute;
    left: 15px;
    width: 43%;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 21px;
  }
  .table-res table tfoot td {
    border: 0 !important;
  }
  .table-res table tfoot th {
    display: block !important;
  }

  .table-res {
    border-top: 0;
  }
  .table-res .table > tbody > tr > th {
    display: block;
    background-color: #250858;
    color: #fff;
    font-size: 14px;
  }
  .table-res .table > tbody > tr > th + th,
  .table-res .table > tbody > tr + tr > th,
  .table-res .table > tfoot > tr > th {
    background-color: #f3f5fc;
    color: #121113;
  }
  .table-res .table > tfoot > tr > th {
    border-bottom: 1px solid #d9dfed;
    border-top: 1px solid #d9dfed;
  }
  .table-res > .table > tbody > tr > td {
    background-color: #fff;
  }
  .navbar-toggle {
    display: block;
    margin-top: 28px;
  }
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
  .wrapper {
    padding-bottom: 135px;
  }
  aside {
    width: 270px;
  }
  #left-panel {
    position: fixed;
    left: auto;
    right: -300px;
    background-color: #250858;
    bottom: 0;
    top: 0;
    -webkit-box-shadow: 1px 100px 10px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 1px 100px 10px 1px rgba(0, 0, 0, 0.8);
    box-shadow: 1px 100px 10px 1px rgba(0, 0, 0, 0.8);
  }
  .minified #left-panel {
    left: 0;
  }
  #hide-menu > :first-child > a,
  .btn-header a {
    margin-top: 5px !important;
    width: 40px !important;
    height: 39px !important;
    line-height: 38px !important;
  }
  #hide-menu > :first-child > a {
    width: 50px !important;
  }
  #hide-menu i {
    color: #6d6a69;
    font-size: 121%;
  }
  .hidden-menu {
    overflow-x: hidden;
  }
  .hidden-menu #hide-menu i {
    color: #fff;
  }
  #hide-menu i::before {
    content: "\f0c9";
  }
  .hidden-menu #left-panel {
    right: 0;
  }
  .hidden-menu #main {
    position: relative;
    right: 210px;
  }
  .hidden-menu .navbar-toggle {
    position: absolute;
    right: 275px;
    border-radius: 0;
  }
  .fixed-navigation #left-panel {
    position: absolute !important;
  }

  /* Hamburger-Cross */
  .hamburger {
    position: fixed;
    top: 0px;
    z-index: 9999;
    display: block;
    width: 22px;
    height: 22px;
    margin-left: 15px;
    background: transparent;
    border: none;
    right: 0;
  }
  .hamburger.is-open {
    z-index: 99999999;
    top: 0px;
    width: 20px;
    height: 20px;
    right: 270px;
    background-color: #250858;
    padding: 18px;
    margin: 0;
  }
  .hamburger:hover,
  .hamburger:focus,
  .hamburger:active {
    outline: none;
    background-color: #3f2174;
  }
  .hamburger.is-closed {
    background-color: transparent !important;
    padding: 9px 20px;
  }
  .hamburger.is-closed:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(0, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(0, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(-100px, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(-100px, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom,
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 3px;
    width: 65%;
  }
  .hamburger.is-closed .hamb-top,
  .hamburger.is-closed .hamb-middle,
  .hamburger.is-closed .hamb-bottom {
    background-color: #fff;
  }
  .hamburger.is-closed .hamb-top {
    top: 2px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-closed .hamb-bottom {
    bottom: 3px;
    -webkit-transition: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: all 0.35s ease-in-out;
    transform: all 0.35s ease-in-out;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-middle,
  .hamburger.is-open .hamb-bottom {
    background-color: #fff;
  }
  .hamburger.is-open .hamb-top,
  .hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
  }
  .hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    -moz-transform: rotate(45deg);
    -moz-transform: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    transform: rotate(45deg);
    transform: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  }
  .hamburger.is-open .hamb-middle {
    display: none;
  }
  .hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    -moz-transform: rotate(-45deg);
    -moz-transform: -moz-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    transform: rotate(-45deg);
    transform: transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  }
  .hamburger.is-open:before {
    content: "";
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    transform: translate3d(0, 0, 0);
    transition: all 0.35s ease-in-out;
  }
  .hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transform: translate3d(-100px, 0, 0);
    -moz-transform: all 0.35s ease-in-out;
    transform: translate3d(-100px, 0, 0);
    transform: all 0.35s ease-in-out;
  }
  .overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
  }

  nav > ul > li > ul::before {
    border-color: #4c3c8f;
  }
  nav.left-nav ul li:first-child a {
    border-top: 1px solid #3a2069;
  }
  nav.left-nav ul li a {
    color: #fff;
    border-bottom: 1px solid #3a2069;
    background-color: #250858;
  }
  nav.left-nav ul li a svg.bd-icon {
    fill: #fff;
  }
  nav.left-nav ul li ul.dropdown-menu li a {
    border-bottom: 0;
  }
  nav.left-nav ul li.dropdown.open.active,
  nav.left-nav ul li.dropdown.open,
  nav.left-nav li.open > .dropdown-menu,
  nav.left-nav ul.dropdown-menu li a {
    background-color: #3a2069;
    color: #fff;
  }
  nav.left-nav ul li.open > a,
  nav.left-nav ul li.open > a b,
  nav.left-nav ul li.open > a:focus,
  nav.left-nav ul li.open > a:hover:focus,
  nav.left-nav ul li.open > a:hover {
    background-color: #3a2069;
    border-bottom-color: #2a0e5c;
  }
  nav.left-nav ul li.active a {
    background-color: #250858;
    border-left: 3px solid #47c1ad;
  }
  nav.left-nav ul li.active a:focus,
  nav.left-nav ul li.active a:hover,
  nav.left-nav ul li.active a:focus:hover,
  nav.left-nav ul li a:focus,
  nav.left-nav ul li a:hover,
  nav.left-nav ul li a:focus:hover,
  nav.left-nav ul li.active a:active,
  nav.left-nav ul li a:active,
  nav.left-nav ul li a:focus:hover:active {
    background-color: #3a2069;
    color: #fff;
    border-radius: 0;
  }
  nav.left-nav > ul ul li.active::before,
  nav.left-nav ul.dropdown-menu li.active a {
    border-left-color: #47c1ad;
    background-color: #3a2069;
    color: #fff;
  }
  nav.left-nav ul.dropdown-menu li.active a:focus,
  nav.left-nav ul.dropdown-menu li.active a:hover {
    border-left-color: #47c1ad;
    background-color: #4c3c8f;
    color: #fff;
  }
  nav.left-nav ul li ul.dropdown-menu li a:hover,
  nav.left-nav ul li ul.dropdown-menu li a:focus,
  nav.left-nav ul li.dropdown a:hover:focus {
    border-left-color: #a3a8b1;
    background-color: #4c3c8f;
    color: #fff;
  }

  .footer {
    height: 134px;
  }
  .footerLogo {
    float: none;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 0;
  }
  .footerNav p {
    line-height: 22px;
    text-align: center;
  }
  .footer p span.copy,
  .footer p span.abnNo {
    display: block;
    text-align: center;
  }

  .empQuesBox {
    position: relative;
  }
  .section-title h1.page-title {
    text-align: center;
  }
  .bd-Widget > header > h2 {
    font-size: 17px;
  }
  .bd-Widget .widget-body h4 {
    font-size: 15px;
  }
  .offerPlanTable.table > tbody > tr > td {
    line-height: 1.42857143;
  }
  .btn-default.defaulthover,
  .defaulthover:focus {
    padding: 6px 8px 6px;
  }
  .footable.table > thead {
    background-color: #250858;
    color: #fff;
  }
  .footable.table > thead > tr > th {
    color: #fff;
  }
  .footable.table > tbody > tr > td,
  .footable.table > tbody > tr > th,
  .footable.table > tfoot > tr > td,
  .footable.table > tfoot > tr > th,
  .footable.table > thead > tr > td,
  .footable.table > thead > tr > th {
    padding: 10px;
  }

  table.footable-details > tbody > tr > th {
    text-align: right;
    width: 50% !important;
  }
  table.footable-details > tbody > tr > td {
    text-align: left;
  }
  .table-responsive {
    border: 0;
  }
  table.footable > tbody > tr.footable-detail-row > td {
    padding: 0;
  }
  .table > tbody > tr > td,
  .table > tfoot > tr > td,
  .table > thead > tr > td {
    font-size: 13px;
  }
  table.footable-details > tbody > tr > th {
    color: #7a7f88;
    font-size: 13px;
    font-weight: 400;
    border-top: 0;
    background-color: #f3f5fc;
  }
  table.footable-details > tbody > tr > td {
    color: #121113;
    font-size: 13px;
    border-top: 0;
    background-color: #f3f5fc;
  }
  .footable.table > tbody > tr > td.footable-first-visible,
  .footable.table > tbody > tr > td.footable-last-visible,
  .footable.table > tbody > tr:first-child {
    color: #121113;
  }
  table.footable-details {
    border-bottom: 0;
  }

  .allocationsTable.table > tbody > tr > td,
  .allocationsTable.table > tfoot > tr > td {
    border-top: 0;
    border-bottom: 1px solid #d9dfed;
  }
  .customAlert {
    width: 50%;
  }
}
/*@media screen and (min-width : 860px) and (max-width : 1023px) {
	
	.logo-container{ display:none !important;}
	.empQuesBox{ display:none;}
	
	table.footable-details>tbody>tr>th{ text-align:right; width:50% !important;}
	table.footable-details>tbody>tr>td{ text-align:left;}
	.table-responsive{ border:0;}
	table.footable>tbody>tr.footable-detail-row>td{ padding:0;}
	.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td{font-size:13px;}
	table.footable-details>tbody>tr>th{color:#7a7f88; font-size:13px; font-weight:400; border-top:0; background-color:#f3f5fc;}
	table.footable-details>tbody>tr>td{color:#121113;font-size:13px;border-top:0;background-color:#f3f5fc;}
	.footable.table>tbody>tr>td.footable-first-visible,.footable.table>tbody>tr>td.footable-last-visible,.footable.table>tbody>tr:first-child{ border-bottom:1px solid #d9dfed;color:#121113;}
	table.footable-details{ border-bottom:0;}
	
	.footable.table>tfoot,.footable.table>tfoot>tr{ background-color:#f3f5fc;}
	.footable.table,.footable.table>tfoot,.footable.table>tfoot>tr{ display:block !important; width:100%;}
	.footable.table>tfoot>tr>th{border-bottom:1px solid #d9dfed;border-top:1px solid #d9dfed;}
	.footable.table>tfoot>tr>td, .footable.table>tfoot>tr>th{ display:block; width:100%;}
	
	.allocationsTable.table>tbody>tr>td, .allocationsTable.table>tfoot>tr>td{ border-top:0;border-bottom:1px solid #d9dfed;}
	
	.table-res{ border-top:0;}
	.table-res .table>tbody>tr>th{ display:block; background-color:#250858; color:#fff; font-size:14px;}
	.table-res .table>tbody>tr>th+th,.table-res .table>tbody>tr+tr>th,.table-res .table>tfoot>tr>th{ background-color:#f3f5fc; color:#121113;}
	.table-res .table>tfoot>tr>th{ border-bottom:1px solid #d9dfed; border-top:1px solid #d9dfed;}
	.table-res>.table>tbody>tr>td{ background-color:#fff;}
	
	
	.wrapper{ padding-bottom:135px;}
	.footer{ height:134px;}
	.footerLogo{ float:none; margin-top:20px; margin-bottom:15px; margin-right:0;}
	.footerNav p{ line-height:22px; text-align:center;}
	.footer p span.copy,.footer p span.abnNo{ display:block; text-align:center}
	#toTop{top: -45px;right: 15px;}
	.customAlert{ width:50%;}

}*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
}
@media screen and (min-width: 1366px) and (max-width: 1535px) {
}
@media screen and (min-width: 1536px) and (max-width: 1918px) {
}
@media screen and (min-width: 1920px) and (max-width: 2500px) {
}
@media screen and (min-width: 2538px) {
}
/* ----------Mobile Menu--------- */
@media (max-width: 1023px) {
    .visible-xs {
        display: block !important;
    }

    .footerLogo.hidden-xs.hidden-sm {
        display: none !important;
    }
}
/*************** Responsive CSS ends ***************/

.numberList {
  counter-reset: listCounter;
  list-style: none;
  padding: 0;
}
@media (max-width: 767px) {
  .numberList {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (max-width: 991px) {
  .numberList {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.numberList > li {
  counter-increment: listCounter;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d9dfed;
  padding-left: 54px;
}
.numberList > li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .numberList > li {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .numberList > li {
    margin-bottom: 17.142px;
    padding-bottom: 17.142px;
  }
}
.numberList > li:before {
  content: counter(listCounter);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 500px;
  color: #4c3c8f;
  border: 2px solid #4c3c8f;
  padding: 8px 12px;
  font-size: 19.3844px;
  line-height: 1;
}
@media (max-width: 991px) {
  .numberList > li:before {
    left: 0;
  }
}
@media (max-width: 767px) {
  .numberList > li:before {
    width: 24px;
    height: 24px;
    font-size: 16.1532px;
    padding: 2px 0;
    text-align: center;
    left: 0;
  }
}
.numberList > li > div.listTitle {
  padding-top: 8px;
  padding-bottom: 8px;
}
.numberList > li > div.listTitle > h3 {
  margin-top: 0;
}
@media (max-width: 991px) {
  .numberList > li > div.listTitle {
    margin-left: 48px;
    margin-right: 16px;
  }
}
@media (max-width: 767px) {
  .numberList > li > div.listTitle {
    padding-top: 2px;
    margin-left: 32px;
    margin-right: 16px;
  }
}

.padding-bot15px {
    padding-bottom: 15px;
}

.padding-bot30px {
    padding-bottom: 30px;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.margin-top0 {
    margin-top: 0;
}

.margin-bottom0 {
    margin-bottom: 0;
}

.margin-bot20px {
    margin-bottom: 20px;
}

.field-validation-error {
    color: #d43814 !important;
    font-weight: normal !important;
}

ul.custom-alphabet-list {
    list-style-type: none;
    counter-reset: item;
}

    ul.custom-alphabet-list li {
        margin-bottom: 10px;
    }

        ul.custom-alphabet-list li:before {
            content: "(" counter(item, lower-alpha) ") ";
            counter-increment: item;
            padding-right: 5px;
        }

ul.custom-roman-number-list {
    list-style-type: none;
    counter-reset: item;
}

    ul.custom-roman-number-list li {
        margin-bottom: 10px;
    }

        ul.custom-roman-number-list li:before {
            content: "(" counter(item, lower-roman) ") ";
            counter-increment: item;
            padding-right: 5px;
        }







ul.dropdown-menu.opendropdown.show {
    position: relative !important;
    transform: translate(0px, 10px) !important;
}


.contact-details .media-left, .contact-details .media > .pull-left {
    padding-right: 12px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.hidden {
    display: none !important;
}


@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
@media (max-width: 1199px) {
    .content-Page.hidden-xs {
        display: none !important;
    }
}



.close {
    float: right;
    font-size: 30px;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .4;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}


@media (min-width: 768px) {
    .contact-details .d-flex-object {
        height: 80px;
        width: 80px;
    }
}


@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}

.modal-header > button.btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 99999;
    display: block;
    cursor: pointer;
}


@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contact-details h4.d-flex-heading {
    color: #4c3c8f;
    margin-bottom: 11px;
}

.contact-details .flex-grow-1 .dl-horizontal dt {
    text-align: left;
    width: 175px;
    font-weight: 400;
}



/*button.btn.btn-default.defaulthover.dwnMobBtn.btn-sm.dropdown-toggle.show {
    background-color: #07aa9b;
    color: #fff;
    box-shadow: none;
    outline: none;
    border: 2px solid #07aa9b;
}*/

.pull-right.dropdown.dropdown-btn .dropdown-menu > li > a {
    font-size: 13px;
    padding: 10px 10px;
    border-bottom: 0px solid #d9dfed;
    /* line-height: 2.5; */
    color: black;
    text-decoration: none;
    background-color: #f3f5fc;
    display: block;
    border-bottom: 1px solid #d9dfed;
}


ul.dropdown-menu.show:not(.employee-portfolio-dropdown-menu) {
    position: relative !important;
    inset: 0px auto auto 0px !important;
    margin: 15px 0 0 0 !important;
    transform: none !important;
}

/*New header Start*/

.notification-menu .dropdown-menu.show {
    overflow: visible !important;
}

.notification-menu #notificationList {
    max-height: 50vh;
    overflow-y: auto;
}

.notification-menu .notification-item {
    border-bottom: 1px solid;
    padding: 2px 16px;
}

    .notification-menu .notification-item:last-child {
        border-bottom: none;
    }

.notification-menu #notificationList .btn-view {
    white-space: nowrap;
}

.notification-menu #notificationFooter {
    text-align: center;
    border-top: 1px solid;
}

.notification-menu .btn-view {
    font-size: 0.85rem;
    cursor: pointer;
}

.notification-menu .notification-item p {
    white-space: normal !important;
    word-break: break-word;
    margin-bottom: 0.5rem;
}

.notification-menu .notificationbadge {
    padding: 0.4rem;
}

.user-menu .userinfo-item p {
    white-space: normal !important;
    word-break: break-word;
    margin-bottom: 0.5rem;
}

.user-menu .dropdown-menu.show {
    overflow: visible !important;
}

.user-menu #userInfoList {
    overflow-y: auto;
}

.user-menu .userinfo-item {
    border-bottom: 1px solid;
    padding: 2px 16px;
}

    .user-menu .userinfo-item:last-child {
        border-bottom: none;
    }

/*New header End*/