/* General -------------------------- */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');

a {
  color: #4A90E2; }

body {
    font-family: 'Jost', sans-serif;
    margin: 0;
    background-color: #f3f3f3;
    font-size: 14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Jost', sans-serif;
}

.bg-light {
  background-color: #D8D8D8 !important; }

h5 {
  font-size: 1.5rem;
  font-weight: 500;
  color: #212529;
  border-bottom: 1px solid #000; }
  h5.no-underline {
    border-bottom: 0; }

h6 {
  font-size: 14px;
  text-transform: uppercase;
  color: #696969; }

.underline {
  border-bottom: 1px solid #dee2e6; }

.badge-primary {
  background-color: #FF5A00; }

.btn-xs {
  padding: .3rem .5rem;
  font-size: .675rem;
  line-height: 1.2;
  border-radius: 12px;
  text-transform: uppercase; }

dd {
  font-size: 12px;
  color: #666; }

.form-group label {
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
}

.form-check {
  font-size: 14px; }

section {
  margin-bottom: 80px; }

.navbar {
  min-height: 90px; }

dt {
  margin-bottom: 10px;
  font-weight: normal; }

dd {
  margin-left: 20px; }

/* Header -------------------------- */
a.navbar-brand {
  background-color: transparent; }

.fa-bell {
  font-size: 24px;
  color: #000 !important; }

#subnavigation ul {
  margin-left: 360px;
  font-size: 14px; }

#loginlogo, #requestlogo {
  width: 251px;
  margin-top: 35px !important;
  text-align: center; }

.dropdown-item .fas {
  font-size: 12px; }

.nav a {
  color: #666; }
  .nav a:hover {
    color: #000;
    background-color: #fff;
    border-radius: 24px; }
  .nav a.active {
    background-color: #fff;
    color: #000;
    border-radius: 24px; }

a.dropdown-toggle {
  color: #000; }

a.navbar-brand:hover {
  background-color: #F6F9FA !important; }

#subnavigation {
  min-height: auto !important; }
  #subnavigation ul a:hover {
    color: #000; }
  #subnavigation ul a.active {
    font-weight: bold; }

/* Sidebar ------------------------- */
#sidebar {
  font-size: 12px; }
  #sidebar .date {
    font-size: 10px;
    color: #999; }
  #sidebar .indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px; }
    #sidebar .indicator.available {
      background-color: green; }
    #sidebar .indicator.unavailable {
      background-color: #ccc; }
  #sidebar li.nav-item {
    margin-bottom: 2px;
    font-size: 12px; }
    #sidebar li.nav-item span {
      font-size: 14px;
      margin-top: -3px; }
    #sidebar li.nav-item a.active {
      background-color: #4A90E2;
      color: white; }

/* Content --------------------------- */
.table-headers td {
  border-top: 0; }

.table {
  border-bottom: 1px solid #dee2e6; }

table th {
  border-top: 0 !important;
  font-weight: normal; }

.table {
  font-size: 13px; }
  .table thead td {
    vertical-align: middle;
    /*text-transform: uppercase;*/
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #9e9e9e; }
  .table .form-group {
    margin: 0; }

.table tr.table-headers td {
  font-size: 14px;
  font-weight:bold;
  /*text-transform: uppercase;*/
  color: #333;
}

.table td {
  padding: 5px;
  text-align: center;
  width: 25%; }
  .table td input {
    text-align: center; }

#options-configuration table {
  border-top: 1px solid #dee2e6; }
  #options-configuration table thead {
    font-size: 10px;
    text-align: center; }
  #options-configuration table td {
    padding: .45rem; }

#recommended-options {
  border-bottom: 0; }
  #recommended-options td {
    padding: .2rem; }
  #recommended-options em {
    font-size: 10px;
    color: #666; }
  #recommended-options .recommended-results {
    font-size: 14px;
    padding: 5px; }

.current-stock-price h6 {
  display: inline; }

/* Modal ------------------------------ */
.modal {
  font-size: 12px; }

#equity-value td {
  width: 20%; }

/* Footer ----------------------------- */
footer {
  text-transform: none;
  color: #111; }
  footer a {
    color: #111;
    text-decoration: none; }
  footer .powered-by span {
    display: inline-block;
    padding-top: 5px; }
  footer .powered-by img {
    margin-top: -3px; }

a.navbar-brand:hover {
  background-color: #d8d8d8 !important; }

.updated_on {
  font-weight: 500; }
  .updated_on span {
    font-size: 14px; }

.btn, .custom-table {
    font-size: 16px;
}

label {
  font-size: 14px;
  font-weight: 500; }

p, .error {
  font-size: 12px; }

#tradingview > div {
  width: 100% !important; }

#tradingview > div > div {
  width: 100% !important; }

/*Built on BOS*/
.built_on_BOS {
  background-color: #f8f9fa;
  z-index: 9999;
  width: 100vw;
  height: 30px;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: right;
  padding-right: 22px; }
  .built_on_BOS span {
    margin-left: 22px;
    font-size: 12px;
    margin-top: 7px;
    font-weight: 400;
    color: #000; }
  .built_on_BOS a {
    text-transform: uppercase;
    color: #999; }
    .built_on_BOS a img {
      height: 12px;
      vertical-align: middle;
      margin-top: 5px; }

.alert {
  min-height: 72px; 
  position:fixed !important;
}

.alert-success, .alert-danger, .alert-dismissible {
    z-index: 120;
}

.dropdown-menu {
    padding: 0;
}
  .dropdown-menu .dropdown-item {
    font-size: 14px; }

option:checked, option:hover {
  color: white;
  background: #efefef; }

.remove_uploaded_profilepic {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important; }

.change_uploaded_profilepic {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important; }

select.form-control-sm, select.form-control {
  padding: 0 !important; }
  select.form-control-sm option, select.form-control option {
    padding: 5px !important; }
    select.form-control-sm option:checked, select.form-control option:checked {
      background: #dddddd; }
    select.form-control-sm option:hover, select.form-control option:hover {
      color: #000 !important; }
    select.form-control-sm option:focus, select.form-control-sm option.active, select.form-control-sm option.selected, select.form-control option:focus, select.form-control option.active, select.form-control option.selected {
      background: #dddddd;
      color: #000 !important; }

.table td, .table th {
  vertical-align: middle; }

#uploadNotification {
  display: none; }

/*Default Image*/
.default_image {
  width: 36px;
  height: 36px;
  border-radius: 50%; }

.profile_dropdown {
  padding: .5rem 5px; }

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

h4-heading {
  font-size: 20px;
  font-weight: 600; }

.total_value {
  font-size: 14px; }

select option:hover, select option:focus, select option.active, select option:checked {
  background: #cecece !important;
  color: #000 !important;
  font-weight: 600; }

.badge {
  padding: 4px;
  font-size: 10px; }

/*scrollable table*/
div.tableContainer {
  clear: both;
  max-height: calc(100vh - 300px);
  overflow: auto;
  width: 100%; }

html > body div.tableContainer {
  overflow: hidden;
  width: 100%; }

div.tableContainer table {
  float: left; }

html > body div.tableContainer table {
  /* width: 756px */ }

thead.fixedHeader tr {
  position: relative; }

html > body tbody.scrollContent {
  display: block;
  overflow: auto;
  width: 100%;
  padding-bottom: 50px; }

html > body thead.fixedHeader {
  display: table;
  overflow: auto;
  width: 100%; }

tbody.scrollContent tr.alternateRow td {
  background: #EEE;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DDD;
  padding: 2px 3px 3px 4px; }

.form-control-sm {
  font-size: 14px; }

#display_message, #display_message1 {
  /*position: fixed !important;*/
  text-align: center;
  font-size: 18px;
  line-height: 72px;
  height: 60px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  padding: 0; }
  #display_message .close, #display_message1 .close {
    top: -12px;
    right: 1px; }

.row_highlighted {
  background: #e2e2e2; }

.current_strike_price_row {
  background: #d9e8d9; }

.font_size18 {
  font-size: 18px; }

.font_size16 {
  font-size: 16px; }

.font_size14 {
  font-size: 14px; }

#tbody_callsrecommendation td, #tbody_putsrecommendation td {
  font-size: 14px; }

#tbody_callsrecommendation thead td, #tbody_putsrecommendation thead td {
  font-size: 14px !important; }

.higlight_line {
  border-top: 3px solid #28a745; }

.neg_percentage {
  color: #ff0000; }

.user_image_outside, .user_name_outside {
  float: left;
  width: calc(100% - 30px); }

/*auto complete*/
.ui-widget.ui-widget-content {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 30px;
  margin-right: 15px; }

.ui-widget.ui-widget-content {
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 35px;
  width: calc(100% - 30px) !important; }

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 28px !important; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #fff !important;
  background: rgba(73, 143, 226, 0.3) !important;
  color: #ffffff !important; }

.user_image_outside .image_div {
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 5px;
  background-color: #4A90E2;
  background-size: 40px; }

.user_name_outside h6:first-of-type {
  margin-top: 7px;
  margin-bottom: 7px;
  text-transform: capitalize; }

.user_name_outside h6:nth-of-type(2) {
  margin-top: 0; }

/*auto complete*/
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #ced4da 1px; }

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

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666; }

    [type="radio"]:checked + label:before,
    [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 4px;
        top: 3px;
        width: 15px;
        height: 15px;
        border: 1px solid #a5a4a4;
        border-radius: 100%;
        background: #fff;
    }

    [type="radio"]:checked + label:after,
    [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 9px;
        height: 9px;
        background: #7d7d7d;
        position: absolute;
        top: 6px;
        left: 7px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

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

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

.plus_minus {
  position: absolute;
  width: 70px;
  top: 38px;
  right: -64px;
  font-size: 20px;
  z-index: 3; }

.text-dark {
  color: #9c9c9c !important; }

.text-success {
  color: #3f7601 !important; }

#subnavigation {
  min-height: 53px !important; }
  #subnavigation ul a:hover {
    color: #000; }
  #subnavigation ul a.active {
    font-weight: bold; }

#subnavigation .nav a {
  color: #585858; }

.code-html {
  padding: 0 !important; }

.tui-chart {
    font-family:  'Jost', sans-serif;
}


/*path[fill='#ffffff'], path[fill="#ffffff"] {
    stroke: rgb(255, 255, 255);
    stroke-width: 0;
    d: path("M 284.178 109.58 A 165.008 165.008 0 0 1 284.178 109.58 L 272.574 157.703 A 115.505 115.505 0 0 0 272.574 157.703 Z");
    opacity: 0;
    stroke-miterlimit: 0 !important;
    filter: none;
}*/
/*By Market*/
/* Modal ------------------------------ */
.modal {
  font-size: 12px; }

#equity-value td {
  width: 20%; }

/* Footer ----------------------------- */
footer {
  text-transform: none;
  color: #111; }

footer a {
  color: #111;
  text-decoration: none; }

footer .powered-by span {
  display: inline-block;
  padding-top: 5px; }

footer .powered-by img {
  margin-top: -3px; }

a.navbar-brand:hover {
  background-color: #d8d8d8 !important; }

.download-notification {
  border-radius: 4px;
  background: #e4ecdc;
  text-align: center;
  padding: 15px; }

.grid-market-strike-expiry-premium-values tbody tr th.fixed-side {
  width: 98px;
  min-width: 98px !important; }
  .grid-market-strike-expiry-premium-values tbody tr th.fixed-side:before {
    content: '$'; }

/*table scroll*/
.table-scroll {
    position: relative;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.table-wrap {
  width: 100%;
  overflow: auto; }
    .table-wrap::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 6px;
    }

    .table-wrap::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .table-wrap::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

.table-wrap:hover {
    overflow-y: auto;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0; }

.clone {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; }
  .clone th {
    visibility: hidden; }
  .clone td {
    visibility: hidden;
    border-color: transparent; }
  .clone th {
    border-color: transparent; }
  .clone tbody th {
    visibility: visible;
    text-align: right; }
  .clone .fixed-side {
    visibility: visible;
    text-align: right; }
  .clone thead, .clone tfoot {
    background: transparent; }

/*table.data-grid tr.price td {
    border-bottom: 1px solid #bbb !important;
    background-color: #ffffff;
    color: #000000;
    border-left: 1px solid #bbb !important;
}*/
table.data-grid tr.price td {
    border-bottom: 1px solid #ADB5BD !important;
    background-color: #fff;
    color: #000;
    border-left: 1px solid #ADB5BD !important;
}

.calls-strike-price-data tr:first-of-type td {
    border-top: 1px solid #ADB5BD !important;
}

header {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #d8d8d8;
    height: 60px;
    padding: 0px 14px;
}

.main-menu {
    display: inherit;
    font-weight: 600;
    float: right;
    position: absolute;
    right: 0;
}

    .main-menu li {
        padding: 5px 10px;
    }

        .main-menu li a {
            color: #212529;
            font-size:16px;
        }

        .main-menu li.active a {
            border-bottom: 2px solid #2f3234;
            padding-bottom: 6px;
        }

.user-name {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 21px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.user-icon {
    padding-left: 10px;
    vertical-align: top;
    display: inline-block;
    margin-top: -10px;
}


.header-profile-picture {
    max-width: 41px !important;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #333;
}

a:hover {
    text-decoration: none !important;
    color: initial;
    cursor: pointer;
}

.user-dropdown,
.user-dropdown1 {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
    box-shadow: 0px 0px 15px 1px rgb(69 65 78 / 20%);
    margin-top: 24px;
    width: 320px;
    right: 0;
}

.user-details-bg-arrow {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 10px solid #a395c7;
    position: absolute;
    top: -10px;
    left: auto;
    right: 60.5px;
}

.user-dropdown .user-details-bg,
.user-dropdown1 .user-details-bg {
    background-image: url(user_profile_bg.jpg);
    padding: 20px 20px;
    border-radius: 4px 4px 0 0;
}

.user-details-bg img {
    max-width: 70px !important;
    margin-right: 16px;
}

.user-details-bg span {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
}

.user-dropdown ul {
    padding: 20px;
}

    .user-dropdown ul li {
        list-style-type: none;
    }

        .user-dropdown ul li a {
            display: flex;
            align-items: center;
        }

            .user-dropdown ul li a i {
                color: #192e57 !important;
                font-size: 24px !important;
                text-align: left;
                width: 35px;
                padding-right: 8px;
            }

.btn-logout {
    padding: 0.75rem 2rem;
    font-size: 1rem;
    border: 1px solid #eff0f3 !important;
    width: fit-content;
    border-radius: 25px;
    margin-top: 15px;
}

.create-acc {
    position: relative;
    margin-bottom: 10px;
    cursor:move;
}

.close {
    opacity: 1;
}

.create-acc .close .fa-minus-circle {
    position: absolute;
    width: 20px;
    height: 20px;
    color: red;
    right: -8px;
    text-align: center;
    top: -8px;
    font-size: 20px;
    border-radius: 10px;
    opacity: 1;
}

.create-acc .close .fa-plus-circle {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #28a745;
    font-size: 20px;
    border-radius: 10px;
    right: 20px;
    top: -8px;
}

.rank {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 18px;
    font-weight: 600;
    color: #d5d1d1;
}

.card {
    padding: 8px 12px;
}

.main-content {
    margin-top: 60px;
    background: #F3F3F3;
    min-height: 700px;
    padding-top:20px;
}

.admin-sub-content {
    display: none;
}

ul.admin-sub-content {
    padding: 10px 0 0 0 !important;
    position: absolute;
    background: #fff;
    width: 160px;
    list-style-type: none;
    top: 55px;
    box-shadow: 2px 2px 12px #DEDEDE;
    border-radius: 5px;
}

.admin-sub-content li a {
    border-bottom: 0 !important;
}

.icon-right {
    padding-left: 10px;
}

    .icon-right:after {
        content: "\203A";
    }

    .icon-right.active:after {
        transform: rotate(90deg);
    }

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #2F3234;
    border-color: #2F3234;
}
.right-content{
    padding-right:20px;
    padding-left:20px;
}

form.example input[type=text] {
    padding: 6px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #fff;
    border-radius: 4px 0 0 4px;
}

form.example button {
    float: left;
    width: 20%;
    padding: 6px;
    background: #000;
    color: white;
    font-size: 17px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
}

.custom-form label {
    font-size: 12px;
}
.formclass_household {
    max-width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.mt-20 {
    margin-top :20px;
}
/*.household-main{
    background:#f3f3f3;
}*/
.custom-table table table td {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 14px;
}
.custom-table td {
    vertical-align: middle;
}
.table td, .table th {
    padding: .75rem;
    border-top: 1px solid #DEE2E6;
    font-size:16px;
}
.table-headers td {
    border-top: 0;
    font-weight: 600;
}
.inner-table td {
    border-top: 0;
    padding: 0;
    font-size:14px;
}
.addAccount {
    width: 1020px;
    margin: auto;
    padding: 20px;
}

    .addAccount .card {
        padding: 8px 15px 8px 35px;
    }
        .addAccount .card * {
            color: #212529;
        }
        .lg-btn {
            margin-top: 30px;
            font-size: 30px;
            padding: 2px 12px 4px 12px;
            line-height: 29px;
            vertical-align: middle;
        }
.mt-6 {
    margin-top: 6px;
}
.addAccount .card label, .addAccount .card input {
    font-size: 14px !important
}
.addAccount .card .form-check-label {
    font-size: 12px !important
}

.user-dropdown .user-details-bg,
.user-dropdown1 .user-details-bg {
    background: #333;
    padding: 20px 20px;
    border-radius: 4px 4px 0 0;
}
.mh-520{
    min-height: 520px;
}
.tui-chart, .tui-chart svg {
    /*width: 100% !important;*/
}


.buttonConfiguration button {
    height: 150px;
    margin-bottom: 10px;
    border-radius: 0px 15px 15px 0px;
    width: 35px;
    outline: none;
}

    .buttonConfiguration button span {
        position: absolute;
        top: 127px;
        left: 5px;
        transform-origin: 0 0;
        transform: rotate( -90deg );
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

        .buttonConfiguration button span i {
            position: absolute;
            top: 19px;
            left: 97px;
            font-size: 15px;
            transform-origin: 0 0;
            transform: rotate( -90deg );
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
        }

.ConfigurationPos {
    width: 400px;
    position: absolute;
    top: 10px;
    background: #fff;
    z-index: 9;
    left: 109px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ccc;
}

#ConfigurationClose {
    float: right;
    width: 100%;
}

    #ConfigurationClose button {
        background: none;
        border: none;
        text-align: right;
        float: right;
        margin-bottom: 10px;
        padding-right: 12px;
        margin-top: -7px;
        outline: none;
    }

#ResultClose {
    float: right;
    width: 100%;
}

    #ResultClose button {
        background: none;
        border: none;
        text-align: right;
        float: right;
        margin-bottom: 10px;
        /*padding-right: 12px;
        margin-top: -7px;*/
        outline: none;
    }

.buttonConfiguration {
    position: absolute;
    z-index: 9;
    left: -5px;
    background: none;
    border: none;
}
.buttonConfiguration2 {
    position: absolute;
    z-index: 9;
    right: -5px;
    background: none;
    border: none;
}
.buttonConfiguration2 button {
    height: 150px;
    margin-bottom: 10px;
    border-radius: 15px 0px 0px 15px;
    width: 35px;
    outline: none;
}

    .buttonConfiguration2 button span {
        position: absolute;
        top: 127px;
        left: 5px;
        transform-origin: 0 0;
        transform: rotate( -90deg );
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
    }

        .buttonConfiguration2 button span i {
            position: absolute;
            top: 19px;
            left: 97px;
            font-size: 15px;
            transform-origin: 0 0;
            transform: rotate( -90deg );
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
        }

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.table-wrap table tbody.calls-strike-price-data {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 320px;
    display: block;
}
    .table-wrap table tbody.calls-strike-price-data::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .table-wrap table tbody.calls-strike-price-data::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .table-wrap table tbody.calls-strike-price-data::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

    .table-wrap table tbody.calls-strike-price-data:hover {
        overflow: scroll;
        overflow-x: hidden;
    }

.table-wrap table tbody.puts-strike-price-data {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 320px;
    display: block;
}
    .table-wrap table tbody.puts-strike-price-data::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .table-wrap table tbody.puts-strike-price-data::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .table-wrap table tbody.puts-strike-price-data::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

    .table-wrap table tbody.puts-strike-price-data:hover {
        overflow: scroll;
        overflow-x: hidden;
    }
.table-wrap table tbody.symbol-expiry-dates-data {
    display: block;
}
.dates th{
    width:98px;
    max-width:98px;
    display:block;
    padding-top:12px !important;
}
.cardResult {
    background: #f3f3f3;
    padding:10px;
    border-radius:8px;
}
.configurationValues {
    float: left;
    padding: 5px 5px;
    border-right: 1px dotted #003e80;
}
    .configurationValues h6 {
        margin-bottom: 3px;
        font-size: .875em;
    }
    .configurationValues small {
        font-size: 1rem;
        font-weight: 600;
        color: #0065d0;
    }
/*.filter {
    padding: 5px 0px !important;
}*/
.market-orders-clients-item h5 {
    font-size: 1rem !important;
    padding-bottom: 3px;
}
.market-orders-clients-item table td {
    font-size: 0.813rem !important;
}
.clientSection {
    padding: 8px;
    background: #f3f3f3;
    border-radius: .25rem;
    margin-bottom: 10px;
    border: 1px dotted #ccc;
    margin-right: 10px;
}
.market-orders-clients-item {
    max-height: 670px;
    overflow-y: scroll;
}
    .market-orders-clients-item::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .market-orders-clients-item::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .market-orders-clients-item::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

    .market-orders-clients-item:hover {
        overflow: scroll;
        overflow-x: hidden;
    }
.HouseHoldAcounts{
    margin:15px 0px;
}
.HouseHoldAcounts h5 {
    color: #003e80;
    font-size: 1.2rem !important;
    border-bottom: none;
    font-weight: 600;
}
.clientSection2 {
    padding: 8px;
    background: #eff1ff;
    border-radius: .25rem;
    margin-bottom: 10px;
    border: 1px dotted #ccc;
    margin-right: 10px;
}
.selectBtn {
    background-color: #0065d0 !important;
    color: #fff;
    border-radius: .25rem;
}
.btn-info {
    background: #0065d0 !important;
}
.modal-header h5{
    font-size:1.2rem !important;
}
    .tableSmartscroll:hover {
        overflow-y: auto;
    }
.positionValue {
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 16px;
    font-weight: 600;
}

.positionValue2 {
    position: relative;
    left: 86%;
    top: -33px;
    width: 20%;
    font-size: 16px;
    font-weight: 600;
}

.livevolTable {
    table-layout: fixed;
}

    .livevolTable tr td {
        text-align: left !important;
    }

.textEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 78%;
    float: left;
}

.f-16 {
    font-size: 16px;
    word-wrap: break-word;
}
.dataScroll {
    overflow: scroll;
    max-height: calc(100vh - 145px);
    overflow-x: hidden;
}
.modal-780{
    max-width:780px !important;
}
.monthlyPoints{
    text-align:right;
    font-size:16px !important;
}
    .monthlyPoints span {
        font-weight: 600;
        color: #0065d3 !important;
    }
.mt-24{
    margin-top:-24px;
}

/*.CurrentOptionscroll table {
    display: block;
}
.CurrentOptionscroll table tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
}

.CurrentOptionscroll table tbody{
    max-height: calc(100vh - 175px);
    overflow: scroll;
    width: 100%;
    position: absolute;
}

    .CurrentOptionscroll::-webkit-scrollbar-thumb {
        background: #B6B8BA !important;
    }

    .CurrentOptionscroll::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        right: 50px;
        border-radius: 5px;
    }

    .CurrentOptionscroll::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
        right: 50px;
    }

    .CurrentOptionscroll::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,.55);
        border: 0px none #FFFFFF;
        border-radius: 10px;
        right: 50px;
    }

        .CurrentOptionscroll::-webkit-scrollbar-thumb:hover {
            background: rgba(0,0,0,.65);
        }

        .CurrentOptionscroll::-webkit-scrollbar-thumb:active {
            background: rgba(0,0,0,.65);
        }

    .CurrentOptionscroll::-webkit-scrollbar-track {
        background: transparent;
        border: 0px none #FFFFFF;
        border-radius: 50px;
    }

        .CurrentOptionscroll::-webkit-scrollbar-track:hover {
            background: transparent;
        }

        .CurrentOptionscroll::-webkit-scrollbar-track:active {
            background: transparent;
        }

    .CurrentOptionscroll::-webkit-scrollbar-corner {
        background: transparent;
    }*/
.CurrentOptionscroll {
    height: calc(100vh - 160px);
}
.CurrentOptionscroll table {
    border: none !important;
}
    .CurrentOptionscroll table tr td {
        border-right: none !important;
        border-left: none !important;
        text-align: left !important;
        border-bottom: none;
        font-size: 14px;
    }
    .CurrentOptionscroll table tr th {
        /*padding: 1.5rem .75rem !important;*/
        border-right: none !important;
        border-left: none !important;
        text-align: left !important;
        font-weight: normal !important;
        border-bottom: none !important;
        font-size: 14px;
    }
.arrow-down {
    position: relative;
    top: -2px;
}
.text-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap !important;
    overflow: hidden;
    max-width:220px !important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    /*background-color: #fff !important;*/
}
.business_highlight {
    background-color: #ffffff !important;
    box-shadow: 0px 0px 27px rgba(0, 0, 0, 0.12);
}
.dataTables_scrollHead{
    position:absolute !important;
    height:69vh;
}
.dataTables_scrollBody{
    top:45px;
    border-bottom:none !important;
}
.lastFilter .dropdown-filter-content{
    left:-142px;
}
.priceRec {
    float: right;
    position: absolute;
    right: 14px;
    top: 2px;
}

/*Madhu Styles*/
.tui-chart, .tui-chart svg {
    width: 100% !important;
}

.mh-415 {
    min-height: 415px;
}

.mw-100 {
    max-width: 100%;
}

.divBorder {
    border-right: 1px solid #DEE2E6;
}

.tableSmartscroll {
    max-height: 218px;
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
}


    .tableSmartscroll::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .tableSmartscroll::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .tableSmartscroll::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }
.thWidth {
    width: 55px !important;
    text-align: center !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody table {
    width: 2131.62px !important;
}
/*.calls-strike-price-data tr td {
    /*.calls-strike-price-data tr td {
    padding: 5px 16px 5px 16px !important;
}

.puts-strike-price-data tr td {
    padding: 5px 16px 5px 16px !important;
}

.symbol-expiry-dates-data tr td {
    padding: 5px 4px !important;
}
*/
.optionsPutsTable thead tr td {
    padding: .3rem .1rem;
    width:auto;
}
.optionsPutsTable tbody tr td {
    font-size: 14px;
    padding: .3rem .1rem;
    width: auto;
}
.optionsCallsTable thead tr td {
    padding: .3rem .1rem;
    width: auto;
}
.optionsCallsTable tbody tr td {
    font-size: 14px;
    padding: .3rem .1rem;
    width: auto;
}

.recommendationsPutsScroll {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 340px;
    display: block;
}

    .recommendationsPutsScroll::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .recommendationsPutsScroll::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .recommendationsPutsScroll::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

    .recommendationsPutsScroll:hover {
        overflow: scroll;
        overflow-x: hidden;
    }



.table-fixed {
    width: 100%;
    margin-right:5px;
}

    .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
        display: block;
        font-size: 14px;
    }

.table-fixed tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.table-fixed thead th {
    height: 30px;
    /*text-align: left;*/
}


    .table-fixed tbody {
        overflow: scroll;
        overflow-x: hidden;
        max-height: 280px;
        display: block;
    }

        .table-fixed tbody::-webkit-scrollbar {
            width: 6px;
            border-radius: 6px;
            height: 0px;
        }

        .table-fixed tbody::-webkit-scrollbar-track {
            background-color: #F5F5F5;
            border-radius: 6px;
        }

        .table-fixed tbody::-webkit-scrollbar-thumb {
            width: 6px;
            background: #696969;
            border-radius: 6px;
            border: unset;
        }

        .table-fixed tbody:hover {
            overflow: scroll;
            overflow-x: hidden;
        }


.table-fixed thead {
    /* fallback */
}

    .table-fixed thead td {
        width: 16.6%;
        float: left;
    }
.table-fixed tbody td {
    width: 16.6%;
    float: left;
}
.loginWarning {
    position: relative !important;
    min-height: 53px !important;
}
    .loginWarning ul {
        margin-bottom: 0px !important;
        padding-left: 0px;
        text-align: center;
    }
    .loginWarning ul li {
        list-style:none;
    }

/*Current Options Puts table CSS*/
.currentOptTablefixed {
    width: 100%;
    margin-right: 5px;
}

    .currentOptTablefixed thead, .currentOptTablefixed tbody, .currentOptTablefixed tr, .currentOptTablefixed td, .currentOptTablefixed th {
        display: block;
        font-size: 14px;
    }

        .currentOptTablefixed tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        .currentOptTablefixed thead th {
            height: 30px;
            /*text-align: left;*/
        }


    .currentOptTablefixed tbody {
        overflow: scroll;
        overflow-x: hidden;
        max-height: 160px;
        display: block;
    }

        .currentOptTablefixed tbody::-webkit-scrollbar {
            width: 6px;
            border-radius: 6px;
            height: 0px;
        }

        .currentOptTablefixed tbody::-webkit-scrollbar-track {
            background-color: #F5F5F5;
            border-radius: 6px;
        }

        .currentOptTablefixed tbody::-webkit-scrollbar-thumb {
            width: 6px;
            background: #696969;
            border-radius: 6px;
            border: unset;
        }

        .currentOptTablefixed tbody:hover {
            overflow: scroll;
            overflow-x: hidden;
        }


    .currentOptTablefixed thead {
        /* fallback */
    }

        .currentOptTablefixed thead td {
            width: 25% !important;
            float: left;
            padding:10px
        }
    .currentOptTablefixed tbody td {
        width: 25% !important;
        float: left;
        padding:5px
    }
.modalPopupHead{
    font-size:15px;
    padding:15px;
}
.strategyPopupScroll {
    overflow: scroll;
    overflow-x: hidden;
    max-height: 270px;
}

    .strategyPopupScroll::-webkit-scrollbar {
        width: 6px;
        border-radius: 6px;
        height: 0px;
    }

    .strategyPopupScroll::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 6px;
    }

    .strategyPopupScroll::-webkit-scrollbar-thumb {
        width: 6px;
        background: #696969;
        border-radius: 6px;
        border: unset;
    }

    .strategyPopupScroll:hover {
        overflow: scroll;
        overflow-x: hidden;
    }
.optionGraphColor {
    background-color: #00315D !important;
    color : white !important;
       
}
.manageColumnFilter{
    padding:10px;
    margin-top:5px;
    
}
    .manageColumnFilter .filtercheckboxScroll {
        overflow-y: scroll;
        max-height: 300px;
    }
        .manageColumnFilter .filtercheckboxScroll::-webkit-scrollbar {
            width: 6px;
            border-radius: 6px;
            height: 0px;
        }

        .manageColumnFilter .filtercheckboxScroll::-webkit-scrollbar-track {
            background-color: #F5F5F5;
            border-radius: 6px;
        }

        .manageColumnFilter .filtercheckboxScroll::-webkit-scrollbar-thumb {
            width: 6px;
            background: #696969;
            border-radius: 6px;
            border: unset;
        }

        .manageColumnFilter .filtercheckboxScroll:hover {
            overflow: scroll;
            overflow-x: hidden;
        }
    .manageColumnFilter .dropdownCheckbox{
        display:flex;
    }
    .manageColumnFilter .dropdownCheckbox label {
        margin-left:5px;
    }
.appliedFilters{
    font-weight:600;
    margin:10px 0px;
}
.appliedFilters span {
    font-weight: normal;
}
.mainClass tr td {
    background: #F2F8FF;
}
.childTableBg tr td {
    background: #F2F8FF;
}