.dq-padder .highcharts-range-selector-buttons {display: none !important;}
.header-right-section ul li .dropdown-menu.show {width: 215px !important;}
.header-right-section ul li .dropdown-menu.show a:hover {background: #30b983 !important;}
ul.dropdown-user {padding: 10px;}
ul.dropdown-user li {display: inline-block !important;min-width: 200px;}
#loader {position: fixed;top: 0%;left: 0%;overflow: hidden;z-index: 99999999999999999999 !important;display: none;width: 100% !important;height: 100vh !important;background: rgba(00,00,00,0.4) !important;padding: 5px 20px;color: #1ECD93;}
#loader img {height: 130px !important;width:130px !important;position: absolute;top: 35% !important;left: 47% !important;-webkit-animation: spin 14s linear infinite;-moz-animation: spin 14s linear infinite;animation: spin 14s linear infinite;}

@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}

@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}

@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

/*Auto Complete*/
.autocomplete {padding: 10px !important;border: 1px solid #dcdcdc !important; /* border-right: solid 5px #dcdcdc !important; */display: block !important;/*margin: 20px 0 !important;*/ -webkit-transition: all 1s linear !important;transition: all 1s linear !important;width: 100% !important;}
.autocomplete:focus {border: 1px solid #30b983 !important; /* border-right: solid 5px #f5d642 !important; */}
.autocomplete-suggestions {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #999;background: #FFF;cursor: pointer;overflow: auto;/*-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);*/width: 450px !important;position: absolute !important;z-index: 999 !important;/*top: 114px !important;left: 120px !important;*/}
.autocomplete-suggestion {padding: 5px;white-space: nowrap;overflow: hidden;font-size: 14px !important;}
.autocomplete-suggestions:nth-child(odd) {/*top: 114px !important;left: 120px !important;*/width: 450px !important;position: absolute !important;}
.autocomplete-suggestion:hover {/*background: #f5d642 !important;*/background: #eee !important;}
.autocomplete-no-suggestion {padding: 2px 5px;}
.autocomplete-selected {-webkit-transition: all 1s linear !important;transition: all 1s linear !important;background: #f0f0f0;}
.autocomplete-suggestions strong {font-weight: bold;color: #30b983 !important;font-size: 14px !important;}
.autocomplete-group {padding: 2px 5px;font-weight: bold;font-size: 16px !important;color: #000;display: block;border-bottom: 1px solid #000;}
span.resetautocomplete {position: absolute;right: 25px;top: 2px;background: #DCDCDC;border-radius: 0;padding: 9px 8px;font-weight: bold;cursor: pointer;}


/* Stock Market Visualization Chart*/
text {pointer-events: none;}
.grandparent text {font-weight: bold;fill: white;}
rect {stroke: #fff;}
rect.parent,
.grandparent rect {stroke-width: 2px;}
.grandparent rect {fill: #30b983;height: 50px;}
.grandparent:hover rect {fill: #ee9700;}
.children rect.parent,
.grandparent rect {cursor: pointer;}
.children rect.parent {fill-opacity: 0;}
.children:hover rect.parent {fill: black;fill-opacity: 0.5;}
.children:hover .ptext {word-wrap: break-word;overflow: visible;font-size: 20px;fill: yellow;}
.ptext {font-weight: bold;fill: white;font-size: 15px;}
.ctext {font-weight: bold;fill: white;font-size: 12px;}
#legend text {font-size: 13px;}
div#container-piechart {margin-top: 80px !important;}
.filter-option .button {margin-top: 0 !important;}
#treemap-caption {background-color: #e5e5e5;padding: 10px;color: crimson;}

/*New Tree Map*/
#treemap input, #treemap select {font-size: 0.9em;}
#treemap table {margin-top: -10px;margin-left: 7px;}
#treemap h4 {font-size: 1.1em;text-decoration: none;font-weight: normal;color: #23a4ff;}
#treemap #container {width: 1000px;height: 1000px;margin: 0 auto;position: relative;}
#treemap #left-container, #treemap #right-container, #treemap #center-container {height: 1000px;position: absolute;top: 0;}
#treemap #left-container, #treemap #right-container {width: 200px;color: #686c70;text-align: left;overflow: auto;background-color: #fff;background-repeat: no-repeat;border-bottom: 1px solid #ddd;}
#treemap #left-container {left: 0;background-image: url('col2.png');background-position: center right;border-left: 1px solid #ddd;}
#treemap #right-container {right: 0;background-image: url('col1.png');background-position: center left;border-right: 1px solid #ddd;}
#treemap #right-container h4 {text-indent: 8px;}
#treemap #center-container {width: 600px;left: 200px;background-color: #1a1a1a;color: #ccc;}
#treemap .text {margin: 7px;}
#treemap #inner-details {font-size: 0.8em;list-style: none;margin: 7px;}
#treemap #log {position: absolute;top: 10px;font-size: 1em;font-weight: bold;color: #23a4ff;}
#treemap #infovis {position: relative;width: 600px;height: 1000px;margin: auto;overflow: hidden;}
#treemap .tip {color: #111;width: 139px;background-color: #fff;border: 1px solid #ccc;-moz-box-shadow: #555 2px 2px 8px;-webkit-box-shadow: #555 2px 2px 8px;-o-box-shadow: #555 2px 2px 8px;box-shadow: #555 2px 2px 8px;opacity: 0.9;filter: alpha(opacity=90);font-size: 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 7px;}
#treemap #minute-tree-chart .node {font-size: 9px;color: #fff;border: 1px solid transparent;text-align: center;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -moz-flex;display: -ms-flexbox;
display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;}
#treemap #minute-tree-chart .node.active {border: 1px solid #ffd614;}
#treemap #minute-tree-chart .node.sector {display: inline-block;text-transform: uppercase;font-weight: bold;text-align: left;}
#treemap #minute-tree-chart .node.sector.active {border: 3px solid #ffd614;}
#treemap #minute-tree-chart .node.sector > div {display: block;margin: 0;text-align: left;padding-left: 10px;word-break: break-all;height: 13px;overflow: hidden;}
#treemap #minute-tree-chart .node.sector > div:before {content: "";width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #414554;position: absolute;top: 13px;left: 6px;}
#treemap #minute-tree-chart .node.sector.active div {background-color: #ffd614;color: #000;}
#treemap #minute-tree-chart .node.sector.active div:before {border-top-color: #ffd614;}
#treemap #textSize {position: absolute;visibility: hidden;height: auto;width: auto;white-space: nowrap;}
#treemap #mapInfo {color: #707990;padding: 10px 0px 0px 0px!important;display: block;float: left;width: 100% !important;}
#treemap #mapInfo i.fa {font-size: 16px;margin-top: 6px;}
.indices.nepse-performance.sub-indices-performance .history-data #treemap #mapInfo i.fa {margin-top: 3px !important;}
#treemap #mapInfo .scale {text-align: right;}
#treemap #mapInfo .step {color: #fff;width: 45px;padding-left: 6px;padding-right: 6px;display: inline-block;}
#treemap #popover {border: 4px solid #ffd614;background: #fff;position: fixed !important;min-width: 300px;z-index: 99999999999999999999;max-width: 600px;top: 0px;
left: 0px;display: none;overflow: visible !important;}
#treemap #popover:hover{display: block !important;}
/* #treemap:hover #popover table{left: 100px !important;} */
#treemap #popover.arrow-left:before {content: "";width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-right: 20px solid #ffd614;position: absolute;top: 25px;left: -21px;}
/* #treemap #popover.arrow-right:after {content: "";width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #ffd614;position: absolute;top: 25px;right: -21px;} */
#treemap #popover h3 {font-size: 13.5px;font-weight: 700;color: #25262b;margin: 0;line-height: 30px;padding: 0 10px;text-transform: uppercase;white-space: nowrap;width: 100% !important;}
#treemap #popover table {width: 100%;border-collapse: collapse;border-spacing: 0;margin: 0;}
#treemap #popover table tr {border-bottom: 2px solid #e3e4e9;height: 30px;}
#treemap #popover table tr:last-child {border-bottom: none;}
#treemap #popover table tr.hovered td {color: #fff !important;}
#treemap #popover table tr.hovered td a {color: #fff !important;}
#treemap #popover table .ticker {padding-left: 10px;}
#treemap #popover table .price {text-align: right;padding-left: 4px;padding-right: 4px;}
#treemap #popover table .change {text-align: right;padding-right: 10px;}
#treemap #popover table .hovered {color: #fff !important;font-size: 21px;font-weight: 700;border-bottom: none;height: 21px;}
#treemap #popover table .hovered.is-description .change {text-align: right;}
#treemap #popover .sparkline {vertical-align: middle;}
#treemap #popover .sparkline path {fill: none;stroke: #000;stroke-width: 0.5px;}
#treemap #popover .sparkline.white path {stroke: #fff;stroke-width: 1.5px;}
#treemap .aspect16-9wrap {position: relative;padding-top: 56.25%;height: 800px;}
.sub-indices-performance #treemap .aspect16-9wrap {height: 575px !important;}
#treemap .aspect16-9 {overflow: hidden;position: absolute !important;top: 0;left: 0;bottom: 0;right: 0;}
#treemap .ob-right {text-align: right;}
#treemap .ob-center {text-align: center;}
#treemap .ob-left {text-align: left;}
#treemap .value_icon ul {list-style: outside none none !important;margin: 0 !important;padding: 0 !important;}
#treemap .value_icon ul li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;box-shadow: none !important;display: inline-block;list-style: outside none none;margin: 0 1px !important;padding: 0 !important;}
#treemap .value_icon ul li::before {position: static !important;}
#treemap .value_icon ul li a {padding: 1px;}
#treemap .value_icon ul li a:hover {background: #00778f none repeat scroll 0 0 !important;color: #fff !important;}
#treemap .value_icon ul li a i {font-size: 11px !important;}
#treemap a {color: #008cba;text-decoration: none;line-height: inherit;}
#treemap a:hover, #treemap a:focus {color: #007bff;}
#treemap .option_search {padding: 10px;}
#treemap .option_search input#symbol {background: #fff url(/Content/img/search-icon.png) no-repeat scroll left center;font-size: 12px;height: 30px;text-indent: 1.8em;}
#treemap .option_search span.k-widget.k-autocomplete {width: 16.8em;}

#div-gainer-loser-chart {height: 657px;}
#mytabs table tbody tr td .tooltip-listing a span.s-neutral {padding: 0px 12px;background: #4cb9df !important;}
#tv_chart_container {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3) !important;}

/*Stock Calendar*/
.stock-calender-section .tblbox {max-width: 750px !important;top: 25% !important;}
#stock-calendar-list {display: block;float: left;width: 100% !important;padding: 5px 20px !important;height: 420px !important;overflow: scroll !important;overflow-x: hidden !important;}
#stock-calendar-list .m-latest-events ul li {border-bottom: 1px dotted #ddd !important;padding: 0px 0px !important;display: block;float: left;width: 100% !important;margin-bottom: 10px !important;}
.m-latest-events ul li h3 a, .tblbox ul li h3 a {margin-bottom: 0px !important;font-size: 16px !important;display: block;float: left;width: auto !important;line-height: normal !important;/*color: #333 !important;*/color: #30b983 !important;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.m-latest-events ul li:hover {background-color: #fff;}
.m-latest-events ul li:hover h3 a {/*color: #30b983  !important;*/transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;cursor: pointer !important;}
.m-latest-events ul li span em, .tblbox ul li span em {border-left: 1px solid #ddd !important;padding-left: 10px !important;margin-left: 10px !important;}
.m-latest-events ul li span, .tblbox ul li span {color: #949494 !important;font-size: 13px !important;}
.m-latest-events h3, .tblbox h3 {font-weight: bold;}
.m-latest-events p, .tblbox p {padding: 10px 5px;line-height: 1.5em !important;font-weight: 100;}
#stock-calendar {display: block;float: left;width: 100%;box-shadow: 0 5px 20px -4px rgba(11,11,11,0.16) !important;}
#stock-calendar .pignose-calendar {max-width: 700px !important;box-shadow: none !important;margin: 10px !important;}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-top {background-color: #30b983 !important;}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {background-color: #30b983 !important;}
#divDocumentViewer {min-height: calc(100vh - 100px);width: 100%;border: 0px;padding: 0px;margin: 0px !important;}
#divDocumentViewer #iframe {width: 100%;height:100vh;}
/* .main-newsletter #divDocumentViewer #iframe {width: 100%;height: calc(100vh - 100px);} */

.dbCloser {display: none;}
div.bg-dark {background-color: #30b983 !important;}
.btn-outline-primary {border: 1px solid transparent;color: #000;}
.btn-outline-primary:hover {color: #fff !important;}
.btn-outline-warning {border: 1px solid transparent;color: red;}
.btn-outline-warning:hover {color: #fff !important;}
.btn-outline-secondary:hover {color: #fff !important;background-color: #30b983;border-color: #30b983;}
.btn-secondary {border-radius: 0;background-color: #30b983;border-color: #30b983;}
.btn-secondary:hover {background-color: #d8ba58;border: #d8ba58 solid 1px;}
.input-group-append {position: absolute;right: 0;height: 32px;z-index: 4;}
.btn-secondary svg {color: #fff;font-weight: bold;}
.btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle {background-color: #30b983;border-color: #30b983;}
.btn-outline-dark:hover svg {color: rgb(255, 255, 255) !important;}
.calculator-form, .portfolio-form {display: block;float: left;width: 100% !important;padding: 10px 10px !important;}
.calculator-form form .form-group input {display: block;float: left;width: 100% !important;border: 1px solid #ced4da;padding: 7px 10px !important;border-radius: 0px !important;font-size: 14px !important;}
.calculator-result table tr td {font-size: 1rem !important;color: #30b983 !important;font-weight: bold;padding: 12px 0 !important;}
.calculator-result table tbody tr:last-child {background-color: #d8ba58 !important;}
.calculator-result table tbody tr:last-child td, .calculator-result table tbody tr:last-child th {color: #fff !important;}

#resultModal .modal-dialog {width: 600px !important;}
#resultModal .modal-header {background-color: #30b983 !important;}
#resultModal .modal-header h5 {color: #fff !important;}
#resultModal button.close span {color: #fff !important;font-size: 20px !important;}
.calculator-form .sellrow {display: none;}
#div-company-chart {min-height: 700px !important;}
input.companyautocomplete {position: absolute;right: 1%;width: 300px !important;top: 1.5%;}
.dropdown-header {padding: .5rem 1rem !important;/*color: #06d69d;*/color: #000;font-weight: bold;}
.dropdown-divider {margin: 0 !important;}
.form-group button {border: none !important;box-shadow: none !important;color: #fff !important;padding: 8px 20px !important;cursor: pointer !important;overflow: hidden !important;}
.form-group button i {color: #fff !important;}

.pull-right {float: right;display: inline-block;margin: 5px 0px 0px 0px;}
.portfolio-form form .form-group input, .portfolio-form form .form-group select {display: inline-block;float: left;width: 90% !important;border: 1px solid #ced4da;padding: 5px 10px !important;border-radius: 0px !important;font-size: 14px !important;}
.portfolio-form form .form-group select {font-size: 14px !important;border-radius: 0px !important;}
.portfolio-form .form-group {margin-bottom: 20px !important;}
.calculator-form .modal-body, .portfolio-form .modal-body, .modal-body {height: 100% !important;/*min-height: 350px!important;*/}

.jqibutton {display: inline-block;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.jqidefaultbutton {background: #311e16;border: 1px solid #5c4ac7;-webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);-webkit-transition: 0.2s ease-in;-o-transition: 0.2s ease-in;transition: 0.2s ease-in;color: #fff;}
.jqidefaultbutton:hover, jqidefaultbutton:focus, jqidefaultbutton:active {color: #e5e5e5 !important}
.portfolio-data #tabs {padding: 0px 1px !important;margin-top: 20px !important;float: left;width: 100% !important;}
.portfolio-data #tabs li {display: inherit;float: left;width: auto !important;}
.portfolio-data #tabs li a.show {color: #555 !important;padding: 4px !important;border-bottom: 2px solid #30b983;}
.portfolio-data #tabs li a {margin-right: 5px !important;padding: 10px !important;font-weight: bold;color: #111 !important;font-size: 15px !important;}
.sales .modal-header {background-color: rgb(255, 90, 90);}
.purchase .modal-header {background-color: #30b983;}
.dividend .modal-header {background-color: #E3B72F;}
.portfolio-data .modal-title {color: #fff !important;font-weight: bold !important;}
.portfolio-data button.close span {color: #fff !important;}

.modal-header {border-radius: 0;padding: 12px !important;}
.modal-header h5 {color: #fff !important;font-weight: normal !important;}
.portfolio-data td label {font-weight: bold !important;}
.portfolio-data input[type="text"] {border: solid 1px #e5e5e5 !important;width: 100% !important;}
.portfolio-data td select, .select2-container {line-height: 1.1 !important;border-radius: 0 !important;}
.portfolio-data .modal-dialog {max-width: 80% !important;}
.portfolio-data td.optional {border-left: 2px solid #e5e5e5 !important;}
.portfolio-data th.optional::before {content: 'Optional';color: #d0d0d0 !important;position: relative;left: 112%;top: -30px;}
.portfolio-data td.td-delete a {position: absolute;left: 98.5%;}
.jqibox {z-index: 9999999 !important;}
.dbContainer_0, .jDatepicker-div, .select2-dropdown {z-index: 999999 !important;}
.select2-dropdown, .select2-container {width: 235px !important;}
.select2-container--default .select2-selection--single {border-radius: 0 !important;}
.select2-results__option {padding: 10px !important;border-bottom: 1px solid #e5e5e5;}
.highcharts-credits {display: none;}
label.error {display: block;color: #d40f0f !important;font-weight: 100 !important;width: max-content;font-size: 13px;}
.btn-link {color: #333;font-size: 14px !important;webkit-transition: all .5s linear !important;transition: all .5s linear !important;border-radius: 0;}

.btn-link:hover {text-decoration: none;color: #30b983;border-bottom: solid #30b983 1px;}
.btn-link.active {color: #30b983;border-bottom: solid #30b983 1px;text-decoration: none;}

/*Accordion*/
.transaction-history-details {display: block;float: left;width: 100% !important;}
.transaction-history-details .accordion {display: block;float: left;width: 100% !important;}
.transaction-history-details .accordion .card {display: block;float: left;width: 100% !important;margin-bottom: 10px !important;border: none !important;border-bottom: 1px solid #ddd !important;border-radius: 0px !important;}
.thd-title {display: block;float: left;width: 100% !important;padding: 15px 10px !important;background: #f5f5f5 !important;}
.thd-title ul {display: block;float: left;width: 100% !important;}
.thd-title ul li {display: block;float: left;width: 11% !important;font-weight: bold !important;}
.thd-title ul li p {margin-bottom: 5px !important;font-weight: normal !important;}
.transaction-record-details .accordion .card {padding: 20px 40px;border: none !important;}
.transaction-record-details .accordion .card .card-head h4 {margin-bottom: 15px !important;font-weight: bold !important;font-size: 15px !important;}
.transaction-record-details .accordion .card input, .transaction-record-details .accordion .card select {border: 1px solid #ddd !important;border-radius: 0px !important;width: 90% !important;height: 30px !important;padding: 0px 10px !important;}
.transaction-record-details .accordion .card .card-head ul {display: block;float: left;width: 100% !important;}
.transaction-record-details .accordion .card .card-head ul li {display: block;float: left;width: 12.5% !important;font-weight: normal !important;}
.transaction-record-details .accordion .card .card-head ul li p {margin-bottom: 5px !important;font-weight: normal !important;}
.transaction-record-details .card h2.mb-0 {background: none;border-bottom: solid 1px #e5e5e5;}
.transaction-record-details .card h2.mb-0 h4,
.transaction-record-details .card h2.mb-0 ul li,
.transaction-record-details .card h2.mb-0 ul li p {color: #fff !important;}
.transaction-record-details .card h2.mb-0.collapsed {background: #fff !important;}
.transaction-record-details .card h2.mb-0.collapsed h4,
.transaction-record-details .card h2.mb-0.collapsed ul li,
.transaction-record-details .card h2.mb-0.collapsed ul li p {color: #333 !important;}
.transaction-record-details .card .card-body {padding: 0px !important;}
.transaction-record-details .card h2.mb-0.collapsed {position: relative;}
.transaction-record-details .card h2.mb-0.collapsed:before {width: 30px;height: 30px;font: 19px fontawesome;color: #333;content: "\f0da";transition: all .3s ease;margin-right: 10px !important;background: #ddd !important;padding: 7px 12px !important;position: absolute;left: -30px !important;top: 24px !important;display: block !important;}
.transaction-record-details .card h2.mb-0.collapsed:after {width: 30px;height: 30px;font: 16px fontawesome;color: #333;content: "\f0da";transition: all .3s ease;margin-right: 10px !important;background: #ddd !important;padding: 8px !important;position: absolute;left: -30px !important;top: 24px !important;display: none !important;}
.transaction-record-details .card h2.mb-0:before {display: none !important;}
.transaction-record-details .card h2.mb-0:after {display: block !important;width: 30px;height: 30px;font: 19px fontawesome;color: #333;content: "\f0d7";transition: all .3s ease;margin-right: 10px !important;background: #ddd !important;padding: 7px 10px !important;position: absolute;left: -20px !important;top: 34px !important;}
.transaction-record-details .thd-section {display: block;float: left;width: 100% !important;padding: 10px;cursor: pointer !important;}
.transaction-record-details .thd-breakdown {display: block;float: left;width: 100% !important;padding: 10px !important;background: #efefef !important;}
.transaction-record-details .thd-breakdown h5 {display: block;float: left;width: 100% !important;margin-bottom: 10px !important;font-weight: bold !important;font-size: 15px !important;}
.transaction-record-details .thd-breakdown p {margin-bottom: 10px !important;}
.transaction-record-details .thd-breakdown table {border: 1px solid #ddd !important;margin-top: 10px !important;background: #fff !important;}
.transaction-record-details .thd-breakdown table thead {background-color: #ddd !important;}
.transaction-record-details .thd-breakdown table tbody tr:last-child {background: #ccc !important;}
.transaction-record-details .thd-breakdown table tbody tr:last-child td {font-weight: bold !important;}
/*#frmBuyForm p#option, #frmSellForm p#option {text-align: center;}
#frmBuyForm p#option:before, #frmBuyForm p#option:after, #frmSellForm p#option:before, #frmSellForm p#option:after {content: "";border: 1px solid #e5e5e5;position: absolute;width: 43%;}
#frmBuyForm p#option:before {top: 174px;left: 54px;}#frmBuyForm p#option:after{top: 174px;right: 54px;}
#frmSellForm p#option:before {top: 248px;left: 54px;}
#frmSellForm p#option:after {top: 248px;right: 54px;}*/

#accordionExample .select2-container .select2-selection--single {height: 30px !important;}
#accordionExample .select2-dropdown, #accordionExample .select2-container {width: 425px !important;}
.form-action-btn #btnUpdate {display: none;}
/*#tblSummary{display:none;}*/
#tblSummary tbody tr:last-child {background: #ccc !important;}
#dividendDetail {display: none;border: 1px solid #ddd !important;padding: 10px;}
td.cell-gain span, td.cell-loss span, td.cell-neutral span {font-weight: 100 !important;text-align: right;}
.agmbody h3 {padding: 15px;font-size: 15px;}
.agmbody span {font-weight: bold;}
.agmmodal .modal-header {background: #30b983;}
#gaining-stock {width: 100%;}
#gaining-stock .gainer {width: 100% !important;margin-right: 5px !important;}
#gaining-stock .looser {width: 100% !important;margin-right: 5px !important;}
#losing-stock .gainer, #losing-stock .looser {width: 33% !important;margin-right: 5px !important;}
#subscriptionModalCenter .modal-body {padding: 15px !important;}
#subscriptionModalCenter .modal-body h3 {margin-bottom: 10px !important;background: #e6781a;width: auto;padding: 5px 10px;color: #fff !important;}
div.sub-part {margin-bottom: 25px;}
div.plan {box-shadow: 0 3px  8px -3px rgb(11 11 11 / 20%) !important;min-height: 190px;width: 90%;margin: 0 10px;text-align: center;padding: 55px 0px;}
#div-plan .plan:hover h3.name,
#div-plan .plan:hover h3.amount {color: #30b983 !important;}
div.plan h2.name {font-weight: bold;font-size: 30px;}
div.plan h2.amount {font-weight: bold;font-size: 25px;}
.plan-wrapper {display: block;width: 400px;}

input[name="rbPlan"] { /* HIDE RADIO */height: 100%;width: 100%;opacity: 0;cursor: pointer;position: absolute; /* Remove input from document flow */}
.plan-wrapper > input + div.plan { /* DIV STYLES */cursor: pointer;border: 2px solid transparent;margin-bottom: 30px !important;}
.plan-wrapper > input:checked + div.plan { /* (RADIO CHECKED) DIV STYLES */background-color: #30B983;border: 1px solid #03A84E;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.plan-wrapper > input:checked + div.plan > h2.name {color: #fff !important;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/* Firefox */
input[type=number] {-moz-appearance: textfield;}
/*Registration Validation*/

.validation-summary-errors {position: absolute;background: #fff;z-index: 10;top: 18%;left: -49.4%;overflow-wrap: break-word;width: auto !important;}
.text-danger, .text-fp-danger.validation-summary-errors {top: 33% !important;padding: 0px 0px 10px 0px !important;}
.validation-summary-errors ul {padding: 0 20px;}
.validation-summary-errors ul li {color: red;list-style: circle !important;}
#spnWatchlist, #spnPortfolio {width: 80%;}
.label-info {background: #0daae6;padding: 2px 4px;}
input[type="text"]:disabled {background: #e5e5e5 !important;cursor: not-allowed;}
.more-fun {position: relative;top: 0px;}
.more-fun #btnGetHistory {display: none;}

a.text-green {color: #03a84e !important;}
label.errddlCompany {position: relative;top: 33px;}
td span.inv-st {text-transform: capitalize;}
.sh-table tbody tr td:nth-child(4) {text-transform: capitalize !important;}
.autocomplete-suggestions.header-search {top: 47px !important;left: -1px !important;}
#divMarketDepth{display:none;}
.marketdepth-search{top:60px!important;}
.search-company #txtStockSymbolFilter{width:500px;}

#divBaseSearchBox .base-search {left: 0px !important;top: 48px !important;width: 100% !important;text-align: left;}
#divBaseSearchBox {position: relative;}
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;z-index: 100;display: none;}

.popup-onload {width: 100%;margin: 0 auto;display: none;position: fixed;z-index: 999999;background: rgba(00,00,00,0.4);height: 100vh !important;overflow: scroll !important;}
.cnt223 {width: 60% !important;min-height: 300px;margin: 100px auto;background: #fff;position: relative;z-index: 103;padding:0px;top: -50px !important;box-shadow: 0px 1px 1px rgba(00,00,00,0.9) !important;text-align: center !important;}
.cnt223 a.close {font-size: 15px !important;position: absolute;right: 0px !important;top: 0px !important;padding: 14px 20px !important;background: #125a3e !important;text-shadow: none !important;color: #fff !important;font-weight: normal !important;opacity: 1 !important;}
.cnt223 a.close:hover {    background: #bb9e3e !important;}
.cnt223 h2 {text-align: center !important;font-size: 16px !important;line-height: 26px !important;color: #fff !important;font-weight: normal !important;background: #484848;padding: 10px;width: 100%;}
.cnt223 h4 {position: relative;font-weight:bold;text-align: center !important;font-size: 14px !important;line-height: 21px !important;margin-bottom: 30px !important;}
.cnt223 h4:before {    content: '';    position: absolute;    height: 1px;    width: 42% !important;    background: #ddd !important;    left: 0px !important;    top: 10px !important;}
.cnt223 h4:after {    content: '';    position: absolute;    height: 1px;    width: 42% !important;    background: #ddd !important;    right: 0px !important;    top: 10px !important;}
.po-popup .row.justify-content-center {    padding: 0px !important;}
.po-popup p.text-danger {    margin-top: 0px !important;}
.po-popup {display: block;float: left;width: 100% !important;}
.po-popup h1 {font-size:20px !important;}

.po-popup img {width: 100% !important;/* height: 130px !important; */margin-bottom: 10px !important;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;background: #f7f7f7 !important;}
.free-trial-left-ln a#aPopupLink2 img {width: 100% !important;}
.po-popup img:hover{background:#eee !important;}
.po-popup h3 {min-height: 40px !important;font-size: 16px !important;margin-bottom: 10px !important;font-weight: bold;color: #333 !important;border-bottom: solid #03a84e 1px;}
.po-popup p {font-size: 14px !important;line-height: 21px !important;}
.cont-btn {display: block;float: right;width: 100% !important;text-align: right;margin-top: 40px !important;}
.cont-btn a {background: #41b983 !important;color: #fff !important;padding: 10px !important;}
.cont-btn a:hover {background: #bb9e3e !important;}
div.indices > p > span{display:inline!important;}
.text-down {color: #f13a3a !important;}
.text-up {color: #30b983 !important;}
.text-neutral {color:#4586ad !important;}
.p-transaction-rec i{color:#000!important;font-weight: normal !important;}
h3.card-text.hidden-money.positive i:after {content: "\f06e" !important;}

.text-bold{font-weight:bold!important;}
#div-sectorwise-bar-chart, #div-sectorwise-pie-chart, #div-stockwise-bar-chart, #div-stockwise-pie-chart {overflow: visible !important;}
#tbdCgtReport tr td span {text-decoration: underline;cursor: help;}
.sh-table tbody tr:last-child th p {display: block;float: left;width: auto !important;background: none !important;padding: 0px !important;border-bottom: 1px solid #aaa !important;margin-bottom: 0px !important;margin-top: 0px !important;padding: 2px 0px !important;font-size: 13px !important;font-weight: bold !important;}
.sh-table tbody tr:last-child th span {display: block;float: left;width: 100%;padding: 2px 0px !important;font-size: 13px !important;font-weight: bold !important;color: #409fd8;}
p#c-title {color: #666 !important;font-weight: bold;font-size: 24px!important;line-height: 36px !important;margin-bottom: 5px !important;}
#announcement-details p#c-title {margin-bottom:5px !important;}
#announcement-details p.text-grey{margin-bottom: 0px !important;}
#announcement-details hr{margin: 10px 0px 20px 0px !important;}
.text-red {color: #F13A3A!important;}
.hide {display: none;}
.show {display: block;}
.img-circular{height:100%;width:100%;}


/*changes by smaran */
a.not-listed {padding-bottom: 1px !important;border-bottom: 1px red dashed !important;}
.broker-list ul#summary li {width: 20% !important;}

#divBrokerBreakDown .broker-list ul#summary li {
    width:16.6% !important;
}

.co-highlight .co-highlight-block span.zero {color: #4586ad !important;}
.summary-turnover span.zero {color: #4586ad !important;}
.broker-title {position: absolute;margin-left: 10px;top: 30px;}
.broker-company {font-weight: bold;padding-bottom: 5px !important;}
.width-auto {width: auto !important;}
.float-right {float: right !important}
.main-section:hover .indices-section .btn-collapse{background: #c19b19 !important;}
.main-section:hover .indices-section i.fa.fa-angle-left{transform: rotate(360deg) !important; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;    -o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.main-section .indices-section  {-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}

.btn-collapse {position: absolute;height: 30px;width: 30px;border: 3px solid #f9f9f9;background: #30b983;color: #fff;border-radius: 50% !important;top: 12px;transform: translateX(-50%);cursor: pointer;left: -10px;z-index: 10;}
.btn-collapse:hover {box-shadow: 0px 1px 4px 1px #30b983;}
.btn-collapse i.fa {color: #fff !important;font-weight: bold;font-size: 18px !important;}
.btn-collapse:hover i.fa {font-size: 20px !important;}
.btn-collapse.collapsed{left: 10px !important;}
/*changes by smaran */




/* document-viewer */
#doc-viewer #newsletter-details {display: block;float: left;width: 100% !important;background: #30b983 !important;height: 48px !important;}
#doc-viewer #divDocumentViewer{margin-top: 55px !important;}
#doc-viewer #newsletter-details ul li:last-child p{font-size: 14px !important;color: #fff !important;text-align: right !important;line-height: 27px !important;padding-right: 85px !important;}
#doc-viewer #newsletter-details ul li:last-child p img{width: 39px !important;height: auto !important;position: absolute;background: #185d42 !important;padding: 3px !important;
right: 60px !important;top: 0px !important;}
#doc-viewer .back-home {position: absolute !important;right: 0px !important;background: #c19b19 !important;padding: 10px 15px !important;top: 0px !important;-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#doc-viewer .back-home i {font-size: 25px !important; color: #fff !important;}  
/* document-viewer */

/* responsive */ 
    @media screen and (min-width: 1201px) and (max-width: 1400px) {   
        #loader img {
            left: 45% !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width:991px) {
    .cnt223 {width: 90% !important;}
    #loader img{left:calc(42% - 50px) !important;}
    }
    
    @media screen and (min-width: 480px) and (max-width:768px) {
    .cnt223 {width: 90% !important;}
    div#container-piechart {margin-top: 0px !important;}
    #loader img{left:calc(42% - 50px) !important;}
    }
    
    @media screen and (min-width: 0px) and (max-width:479px) {         
        #loader img{left:calc(45% - 50px) !important;}
        div#container-piechart {margin-top: 0px !important;}
    
        .cnt223 {width: 100% !important;}
        td.cell-gain span, td.cell-loss span, td.cell-neutral span {font-weight: 500 !important;}

        #accordionExample .select2-dropdown, #accordionExample .select2-container {display: block;float: left !important; width: 100% !important; font-weight: normal !important; margin: 0px 0px 10px 0px !important;}
        span#select2-txtStockSymbolFilter-container {padding: 4px 0px 0px 5px !important;font-family: "Montserrat", sans-serif !important;width: calc(100% - 50px) !important;}
        span.select2-dropdown.select2-dropdown--top{top:8px !important; width: 90% !important; margin: 0 auto !important;}
        span.select2-dropdown.select2-dropdown--below{top:8px !important; width: 89% !important; margin: 0 auto !important;}

        #accordionExample .select2-container .selection{display: block;float: left !important; width: 100% !important;margin:0px 0px -5px 0px !important;}
        #accordionExample .select2-container .select2-selection--single{height: 38px !important;}
       
        .select2-container--default.select2-container--disabled .select2-selection--single{background-color: #fff !important; height:38px !important;}
        .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: normal !important; font-weight: normal !important; padding: 4px 0px !important; margin: 0px !important;}

        .p-transaction-rec .select2-container--default .select2-selection--single .select2-selection__arrow{margin: 0px !important;height: 36px !important;width: 36px !important;text-align: center !important;display: block;float: left;top: 1px !important;right: 1px !important;}            
        .p-transaction-rec .select2-container--default .select2-selection--single .select2-selection__arrow:after{top: 10px !important;right: 10px !important;}
    }  
/* responsive */