/* You can add global styles to this file, and also import other style files */
/* .active{
  color: #057293 !important;
  font-weight: bold;
} */
body 
{
  /* transition: background-color 0.6s cubic-bezier(0.7, 0, 0.7, 1); */
  background-color: #f4f6f9;
  font-family: 'Baloo Bhai 2', cursive;
}
div#usertable_info 
{
  font-size: 13px;
}
div#usertable_paginate 
  {
    font-size: 13px;
    margin-top: 4px;
  }
/* datatable*/
div#usertable_length 
{
  font-size: 12px;
  /* float: right; */
  margin-right: 29px;
}
.dataTables_wrapper .dataTables_length select
  {
    padding: 0px !important;
  }
.dataTables_wrapper .dataTables_paginate .paginate_button
  {
    padding: 0px !important;
  }
td.ceoiMin 
  {
    border-top: none;
    padding: 5px !important;
  }
body.dark 
  {
    background-color: #17a2b7;
  }
.chart_card_body
  {
    padding: 3px !important;
  }
/* body.dark span {
    color: #fff;
  } */
td.details-control 
  {
    background: url('plus.png') no-repeat center center;
    cursor: pointer;
    background-size: 18px;
  }
tr.shown td.details-control 
  {
    background: url('minus.png') no-repeat center center;
    background-size: 18px;
  }
#ivchartdetails
  {
  width: 100%;
  height: 400px;
  margin: 0;
  padding: 0;  
 }
.ivchartsymbol
{
  width: 100%;
}
.prevsstock
{
  display:none;
}
.notrdetails
{
  background-color: #fff !important;
}
/* testing */
#searchtable_wrapper
{
  display: none;
}
td
{
  text-align: center;
}
/* .disBorder{
  border: 1px solid #ccc !important;
} */
.strikeDetColor{
  background-color: #ccf6cc;
}
th.callsDetails {
  font-size: 13px;
  font-weight: 400;
}
th.putsDetails {
  font-size: 13px;
  font-weight: 400;
}
tr.callsBorder {
  font-size: 12px;
  background: #057293;
  color: #fff;
  box-shadow: inset 0 1px 0 #00aade, inset 0 0px 0 #000000;
}
tr.optionDataDet{
  font-size: 12px;
}
.table-bordered td, .table-bordered th{
  border: none !important;
}
.optionPageStrike td, .optionPageStrike th{
  border-top: 1px solid #ccc !important;
}
/* progress {
  text-align: center;
  padding: 5px;
  height: 30px;
  width: 100%;
}

progress {
  color: #000;
}

progress::-webkit-progress-value {
  background: lightblue;
}

progress::-moz-progress-bar {
  background: lightcolor;
} */
/* progress {
  border: none;
  width: 400px;
  height: 60px;
  background: crimson;
}

progress {
  color: #000;
}

progress::-webkit-progress-value {
  background: lightblue;
}

progress::-moz-progress-bar {
  background: lightcolor;
}
progress:before {
  content: attr(value);
  font-size: 0.8em;
  vertical-align: 0;
  position:absolute;
  left:0;
  right:0;
} */
progress {
  text-align: center;
  height: 13px;
  width: 100%;
  margin-left: -24px;
  -webkit-appearance: none;
  border: none;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  /* Set the progressbar to relative */
  position:relative;
}
progress:before {
  content: attr(data-label);
  /* font-size: 0.8em; */
  font-size: 12px;
  vertical-align: 0;
  
  /*Position text over the progress bar */
  position:absolute;
  /* left:0;
  right:0; */
}
progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.5);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
progress::-webkit-progress-value {
  background-color: rgb(164, 230, 11);
  /* border-radius:100px; */
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
progress::-moz-progress-bar {
  background-color: rgb(164, 230, 11);
}
progress.progressDet {
  text-align: center;
  height: 13px;
  width: 100%;
  margin-left: -24px;
  -webkit-appearance: none;
  border: none;
  
  /* Set the progressbar to relative */
  position:relative;
}
progress.progressDet:before {
  content: attr(data-label);
  /* font-size: 0.8em; */
  font-size: 12px;
  vertical-align: 0;
  
  /*Position text over the progress bar */
  position:absolute;
  /* left:0;
  right:0; */
}
/* progress.progressDet::-webkit-progress-bar {
  background-color: #FFF;
} */
progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.5);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
progress.progressDet::-webkit-progress-value {
  background-color: rgb(255, 128, 128);
}
progress.progressDet::-moz-progress-bar {
  background-color: rgb(255, 128, 128);
}
#right{
  border: 1px solid #fff;
  background-color: aqua;
  height: 30px;
}
/* .oiChange {
  border: unset;
} */
/* .oiChange{
  position: relative;
} */
.grey {
  background-color: rgba(128,128,128,.25);
}
.red {
  background-color: #3fff0045;
}
.blue {
  background-color: rgba(0,0,255,.25);
}
.dark{
  background-color: rgba(92, 92, 224, 0.25);
}
.orange{
  background-color: rgb(247 167 62 / 67%);
}
.yellow{
  background-color: rgb(247 247 0 / 46%);
}
tr.even {
  background: #ffffff1c !important;
}
/* .callOi{
  display: none;
} */
/* .perCallOi{
  display: none;
}
.awayCallOi{
  display: none;
} */
table#tests {
  width: 100% !important;
}
/* th{
  width: 20px !important;
} */
.table-bordered td, .table-bordered th{
  padding: 1px 12px;
}
/* #myTrend{

} */
th{
  padding: 10px !important;
}
.Failed {
  background: #f8f6ec;

}
.passed{
  background: #f8f6ec;
}
div#tests_filter label {
  font-size: 11px;
}
div#tests_length label {
  font-size: 11px;
}
.positive { 
  background : rgb(196 244 196);
}
.neg{
  background: rgb(255 137 137);
}
#TrendEMA, #TrendMA9, #TrendtrenHigh, #TrendAdxHigh, #TrendMadcHigh{
  color: green;
}
#TrendEMA1, #TrendMA9Det, #TrendTrenLow ,#TrendADxLow ,#TrendMadcLow
{
  color: red;
}
/* table#timeStrikeTable {
  display: flex;
} */
/* table td:nth-child(15)
{
  background-color:#909090;
} */
.timeDet{
  text-align: center;
}
.strikeTemp{
  background-color: #057293;
  position: sticky;
  top: 0;
  color: #fff;
  z-index: 100;
}
th.strikeTime.tablePosition {
  background: #057293;
}
.strikeTime{
  background-color: #c3e6cb;
  text-align: center;
  font-weight: bold;
}
.optionPageStrike
{
  font-size: 12px;
}
.tableFixHead
{ 
  overflow: auto; 
  height: 500px; 
}
.tableChainDet
{
  overflow: auto; 
  height: 590px;
}
.tableChartsCeoi { overflow: scroll; }
.ceoiMin{ min-width: 200px; }
.tableFixHead thead td { position: sticky; top: 0; z-index: 0;}
.tableChainDet thead tr th { position: sticky; top: 0; z-index: 0;text-align: center;}
/* chart */
.div_chart
{
  width: 100%;
  height: 100px;
}
.ceoiTable{
  width: 100%;
}
.option_chain_head
{
  /* background-color: #a6dce4; */
  position: sticky;
  top: 0;
  z-index: 99;
}
/* options card */
.cardOptions{
  /* border: 1px solid #0000006e; */
  border-radius: 10px;
  height: 200px;
  background-color: #f6f6f6f0;
}
.bearLtp{
  margin-left: 54px;
  font-size: 16px;
}
.bear_oichange_header,.bear_color{
  color: #1986db;
}
.bear_oichange_span,.bull_oichange_span{
  color: #000 !important;
}
.bull_oichange_header,.bull_color
{
  color: red;
}
.bearHeader
{
  font-size: 16px;
}
.bullid
{
  font-size: 16px;
  margin-left: 10px;
}
.optionsData{
  overflow: auto; 
  height: 500px;
  padding: 20px;
}
table#tests thead tr th 
{
  background-color: #057293;
  position: sticky;
  color: #fff;
  z-index: 0;
  text-align: center;
  top: -21px;
  border-color: #057293;
}
td.ceioChange.price 
{
  text-align: right;
}
td.ceioChange.secondprice 
{
  text-align: right;
}
/* thead tr th {

} */
.strikeBgDet
{
  background-color: #9e9e9e!important;
}
/* div#countdown {
  display: none;
} */
.newEdit,.newEdit1
{
  border: none;
}
#addSTrategyDet
{
  font-size: 17px;
  font-weight: bold;
}
input.newEdit1 
{
  width: 50px;
}
.strategyLTP
{
  width: 68px;
  height: 26px;
  font-size: 12px;
}
input.form-control.minus 
{
  height: 26px;
  width: 32px;
  padding: 0;
  background: #cccccc;
  border: none;
  color: #fff;
}
input.form-control.input-text.qty.text 
{
  width: 62px;
  height: 26px;
  font-size: 12px;
  border-color: #cccccc;
}
input.form-control.plus 
{
  height: 26px;
  width: 31px;
  padding: 0;
  background: #cccccc;
  border: none;
  color: #fff;
}
#mytable td, #mytable th
{
  vertical-align: middle !important;
}
#total{
  background-color: #f6e3c8;
}
td#total1 {
  background-color: #f6e3c8;
}
/* straegy css */
button#edit,button#edit1,button#delete,button#addEdit,button#addSave,button#saveStrategy,button#addDelete 
{
    border: none;
    background: none;
}
button#edit:hover,button#edit1:hover,button#delete:hover,button#addEdit:hover,button#addSave:hover,button#saveStrategy:hover,button#addDelete:hover
{
    color: unset !important;
}
/* button#save   
{
    border: none;
    background: none;
    margin-bottom: 7px;
}
button#save:hover
{
    color: unset !important;
} */
/* .orderBtn
{
    background: #fff;
    color: #000;
    border-color: #00000052;
    font-size: 13px;
} */
/* .orderBtn:hover
{
  background-color: #000;
  color: #17a2b7 !important;
  cursor: pointer;
} */
.control-label .text-info { display:inline-block; }
i
{
    color: #057293;
}
#strategyButtonDet,#analyzeSet
{
    display: none;
}
.mySave
{
  display: none;
}
.myEdit, .mySave ,.mybuttonDetelet{
  width: 20px;
  height: 20px;
}
button.mySave,button.myEdit
{
    border: none;
    background: none;
    margin-bottom: 7px;
}
button.mySave:hover,button.myEdit
{
    color: unset !important;
}
#save,#addSave,#saveStrategy
{
    display: none;
}
.decrease-btn,.increase-btn
{
    border: 1px solid silver;
}
.profitDets{
  margin-left: 0;
}
#option_strategy_table
{
  height: 500px !important;
}
/* model css add strategy */
#MyModal
{
  padding-right: unset !important;
}
.modal-footer.text-center 
{
  justify-content: center;
}
.strategy_chain_modal_dialog
{
    max-width: 100%;
    margin: 6px;
}
.buyDetimg
{
  width: 20px;
  margin-left: 20px;
}
.spinner 
{
  display:    none;
  position:   fixed;
  z-index:    9999;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 ) 
              url('http://i.stack.imgur.com/FhHRx.gif') 
              50% 50% 
              no-repeat;
}
/* When the body has the loading class, we turn
 the scrollbar off with overflow:hidden */
body.loading .spinner 
{
  overflow: hidden;   
}
/* body.loading .spinner {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0,0,0,0.6);
} */
/* Anytime the body has the loading class, our
 modal element will be visible */
body.loading .spinner
{
  display: block;
}
.square_off_header
{
  background-color: #00aade;
  color: #fff;
  padding: 0.4rem 0.8rem;
  font-size: 18px;
}
.square_model_content{
  height: 240px;
}
.ltpSquareOffDet
{
  border-color: #00aade;
  background: #00aade;
  color: #fff;
  height: 25px;
  width: 75%;
  margin-left: 3px;
}
/* togle name display */
.toggleSwitch 
  {
    display: inline-block;
    height: 2px;
    position: relative;
    overflow: visible;
    padding: 0;
	top: 2px;
    /* margin-left: 50px; */
    cursor: pointer;
    width: 40px;
  }
.toggleSwitch * 
  {
    box-sizing: border-box;
  }
.toggleSwitch label,
  .toggleSwitch > span 
  {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
  }
.toggleSwitch input:focus ~ a,
  .toggleSwitch input:focus + label {
    outline: none;
  }
.toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
.toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
.toggleSwitch > span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
  }
.toggleSwitch > span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 50px;
    text-align: left;
    font-size: 12px;
    width: 100%;
    left: 15%;
    top: 0px;
    opacity: 0;
  }
.toggleSwitch a {
	position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 16px;
    padding: 0px;
    left: 2px;
    top: 1px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
  }
.toggleSwitch > span span:first-of-type {
    color: #fff;
    opacity: 1;
    left: 45%;
  }
.toggleSwitch > span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -1px;
    background-color: red;
    border: 1px solid red;
    border-radius: 30px;
    transition: all 0.2s ease-out;
  }
.toggleSwitch input:checked ~ a 
  {
    border-color: #fff;
    left: 100%;
    margin-left: -8px;
  }
.toggleSwitch input:checked ~ span:before 
  {
	border-color: #fff;
    /* border: 2px solid #000; */
    padding: 0px;
    border: 1px soild #000;
    box-shadow: inset 0 0 0 30px #0097d1
  }
.toggleSwitch input:checked ~ span span:first-of-type 
  {
    opacity: 0;
  }
.toggleSwitch input:checked ~ span span:last-of-type
  {
    opacity: 1;
    color: #fff;
  }
/* Switch Sizes */
.toggleSwitch.large 
  {
    width: 60px;
    height: 27px;
  }
.toggleSwitch.large a {
    width: 27px;
  }
.toggleSwitch.large > span {
    height: 29px;
    line-height: 28px;
  }
.toggleSwitch.large input:checked ~ a {
    left: 41px;
  }
.toggleSwitch.large > span span {
    font-size: 1.1em;
  }
.toggleSwitch.large > span span:first-of-type {
    left: 50%;
  }
.toggleSwitch.xlarge {
    width: 80px;
    height: 36px;
  }
.toggleSwitch.xlarge a {
    width: 36px;
  }
.toggleSwitch.xlarge > span {
    height: 38px;
    line-height: 37px;
  }
.toggleSwitch.xlarge input:checked ~ a {
    left: 52px;
  }
.toggleSwitch.xlarge > span span {
    font-size: 1.4em;
  }
.toggleSwitch.xlarge > span span:first-of-type {
    left: 50%;
  }
button.btn.orderBtn 
{
  background: #fff;
  color: #000;
  border-color: #00000052;
  padding: 0rem 0.75rem;
}
button.btn.orderBtn.mr-3:hover
{
  background: #fff;
  color: #000;
  border-color: #00000052;
  cursor: pointer;
}
button.btn.orderBtn1 
{
  background: #fff;
  color: #000;
  border-color: #00000052;
  padding: 0rem 0.75rem;
}
button.btn.orderBtn1:hover
{
  background: #fff;
  color: #000;
  border-color: #00000052;
  cursor: pointer;
}
.strategyTr
{
  /* background: #FAFAFB; */
  background-image: linear-gradient(#e4e8ef54, #d0dbe6c9);
}
#form-error
{
  background-color: #fff;
  border: 1px solid #c64444;
  color: #c64444;
  display: none;
  font-size: 12px;
  font-weight: bold;
  /* margin-bottom: 40px; */
  padding: 10px 25px;
  max-width: 360px;
}
/* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content1 {
  /* background-color: #fefefe; */
  background-color: #03a9f4;
  margin: auto;
  color: #fff;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
  font-size: 22px;
}
/* The Close Button */
.close1 {
  /* color: #aaaaaa; */
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modal-content1 p{
  margin-top: 15px;
}
#anyalyzeChart{
  height: 350px;
}
/* new css for option chain */
tr.callsBorder th 
{
  font-size: 11px;
  font-weight: 300;
  border-color: #f7f7f7;  
  text-align: center;  
}
.volume_card_header
{
  padding: 2px !important;
}
.cardJsonDiv h6
{
  
  color: #000 !important;
  font-size: 12px;
  margin-top: 5px;
  /* padding-left: 5px; */
  padding-top: 2px;
}
.cardJsonDiv
{
  height: 170px;
  border-radius: 10px;
}
.emptyTr,.first_row_det{
  /* background-color: #FAFAFB; */
  background-image: linear-gradient(#f4f6f9, #f4f6f9);
  /* background: #f4f6f9; */
  font-size: 15px;
}
.strategy_main_table th,.strategy_main_table td{
  border: none !important;
  vertical-align: middle !important;
  font-weight: 200;
}
.delta_det
{
  font-size: 13px;
}
.strategy_main_table th
{
  font-size: 15px;
}
/* .strategy_main_table th{
  padding: 0 !important;
} */
#sample
{
  height:41px;
  display:table;
}
.vertical 
{
  display:table-cell;
  vertical-align:middle;
  font-weight: 700;
}
.new_strategy_api
{
  align-items: center;
  margin-left: 10px;
}
.new_strategy_api input
{
  margin-top: 0 !important;
}
.check_box_row_det{
  padding: 0 !important;
}
label.symbolLabel {
  display: unset;
  margin-left: 6px;
}
i.fa.fa-address-card-o {
  color: #000;
}
i.fa.fa-area-chart {
  color: #000;
}
.new_signout{
  color: #000;
}
i.fa.fa-times{
  color: #fff;
  font-size: 12px;
}
.inputEquareOffDet input{
  background-color: #00aade !important;
  color: #fff;
  border-color: beige;
}
.delete_strategy{
  border-radius: 12px;
  background-image: linear-gradient(#ff1010, #6a0909d6);
  color: #fff;
  /* background-image: linear-gradient( #ff1111, #181717de); */
  padding: 0px 0.25rem;
}
.delete_strategy:hover{
  background-image: linear-gradient(#ff1010, #6a0909d6);
  color: #fff;
  cursor: pointer;
}
/* .card-header.relative_card_header {
  padding: 7px;
} */
.square_off_modal_footer
{
  border-top: none;
}
.option_chain_strategy_model_footer
{
  justify-content: flex-start !important;
}
.btn_modify_positions
{
  background-color: #00aade;
  color: #fff;
  border-radius: 11px;
  font-size: 14px;
  padding: 0.125rem 0.35rem;
}
.btn_modify_positions:hover
{
  background-color: #00aade;
  color: #fff;
}
.square_off_close_button
{
  background-color: #346633;
  color: #fff;
  padding: 0rem 0.3rem;
}
.square_of_icon_close{
   color: #fff !important;
   text-shadow: unset;
   opacity: unset;
}
.squareoff_strategy_close{
  padding: 0rem 0.3rem;
}
.square_off_close_button:hover{
  background-color: #346633;
  color: #fff;
  cursor: pointer;
}
.strategy_chain_model_header{
  padding: 0px !important;
}
select#straddleChainNifty, select#straddleExpiryChainNifty {
  width: auto;
  font-size: 12px;
  height: 28px;
  border-radius: 8px;
  font-weight: unset;
  font-size: 13px;
  border-color: #00aade;
  padding: 0.275rem 1.75rem 0.375rem 0.75rem !important;
}
.btnRelative{
background-color: #00aade;
color: #fff;
border-color: #00aade;
border-radius: 8px;
font-size: 13px;
height: 26px;
padding: revert;
}
.btnRelative:hover{
  background-color: #00aade;
color: #fff;
}
div#jsonDataDiv {
  display: none;
}
.selectIndex
{
  padding: 5px !important;
}
.fii_label
{
  font-size: 13px;
}
#sample
{
  height:40px;
  width:100%;
  display:table;
}
.vertical 
{
  display:table-cell;
  vertical-align:middle;
  font-size: 14px;
  font-weight: 200;
}
.vertical2
{
display:table-cell;
vertical-align:middle;
font-size: 12px;
}
.strategy_modal_chain_body
{
  padding: 0 !important;
}
.btn_close_positions
{
  background-color: #cc0001;
  color: #fff;
  padding: 0.125rem 0.35rem;
  font-size: 14px;
  border-radius: 11px;
}
.btn_close_positions:hover
{
  background-color: #cc0001;
  color: #fff;
}
.popup_option_strategy_chain
{
  margin-top: 20px;
}
.strategy_chain_modal_dialog
{
  padding: 0 15px;
}
.optionchain_strategy_label
{
  font-size: 12px;
}
.first_minus{
  background-color: #00aade !important;
}
/* width */
#strategy_chain::-webkit-scrollbar 
{
  width: 5px;
  height: 10px;
}
/* Track */
/* ::-webkit-scrollbar-track 
{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
} */
/* Handle */
#strategy_chain::-webkit-scrollbar-thumb
{
  background: #00aade; 
  border-radius: 10px;
  width: 5px;
  height: 5px;
}
/* Handle on hover */
#strategy_chain::-webkit-scrollbar-thumb:hover 
{
  background: #00aade; 
}
#strategy_chain::-webkit-scrollbar-track {
  margin-top: 10px;
  margin-bottom: 10px;
}
#strategy_chain::-webkit-scrollbar-track-piece {
  width: 5px;
  height: 5px;
}
#strategy_chain::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}
/* width */
.tableChainDet::-webkit-scrollbar 
{
  width: 5px;
  height: 10px;
}
/* Track */
/* ::-webkit-scrollbar-track 
{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
} */
/* Handle */
.tableChainDet::-webkit-scrollbar-thumb
{
  background: #00aade; 
  border-radius: 10px;
  width: 5px;
  height: 5px;
}
/* Handle on hover */
.tableChainDet::-webkit-scrollbar-thumb:hover 
{
  background: #00aade; 
}
.tableChainDet::-webkit-scrollbar-track {
  margin-top: 10px;
  margin-bottom: 10px;
}
.tableChainDet::-webkit-scrollbar-track-piece {
  width: 5px;
  height: 5px;
}
.tableChainDet::-webkit-scrollbar-button {
  width: 5px;
  height: 5px;
}
.optionsCard_header{
  padding: 0px !important;
  height: 23px;
}
.optionsCard_header h5,.optionsCard_header p{
  font-size: 14px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{
  background: #00aade !important;
color: #fff !important;
border: #00aade !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  background: #00aade !important;
  color: #fff !important;
  border: #00aade !important;
}
table.dataTable.no-footer{
  border-bottom: none !important;
}
.options_oi_change h6{
  font-size: 12px;
}
.volume_card_header h6{
  font-size: 12px;
  line-height: unset;
}
.notrdetails input{
  font-size: 13px;
  border-radius: 12px;
  height: 28px;
}
.btn_iv_analysis{
  background-color: #00aade;
  color: #fff;
  padding: 0px 8px!important;
}
table.ivchartsymbol td, table.ivchartsymbol th
{
  border-top: none;
}
table.ivchartsymbol td
{
  background: #e2f0f7;
}
table.ivchartsymbol th
{
  background-color: #e2f0f7;
}
table#usertable td{
  border-top: none !important;
}
table#usertable th{
  border-top: none !important;
  text-align: center; 
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th 
{
  background-color: #bed8e566;
}
/* media query */
.option_chain_new_header
{
  position: relative;
  top: unset;
  z-index: unset;
}
.options_new_css
{
  position: relative;
  top: unset;
  z-index: unset;
}
@media screen and (max-width: 580px) {
  .card.previousStrategy1 {
    margin-top: 10px;
  }
  .btninputfield{
    margin-top: 5px;
    margin-left: 0 !important;
    width: 100%;
  }
  .positions_square_card{
    width: auto;
  }

  /* new css */
  .square_model_content{
    height: auto;
  }
  }
@media (min-width: 992px) and (max-width : 1024px)
{
  .option_chain_new_header
  {
    position: relative;
    top: unset;
    z-index: unset;
  }
}
@media (min-width: 768px) and (max-width : 991px) 
{
  /* new css */ 
  .vertical
  {
    font-size: 11px;
  }
  #option_strategy_table {
    height: 413px !important;
}
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url('sort_both.png');
}
table.dataTable thead .sorting_asc {
  background-image: url('sort_asc.png') !important;
}
table.dataTable thead .sorting_desc {
  background-image: url('sort_desc.png') !important;
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url('sort_asc_disabled.png');
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url('sort_desc_disabled.png');
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/*!
 * AnyChart is lightweight robust charting library with great API and Docs, that works with your stack and has tons of chart types and features.
 * Version: 2020-09-29
 * License: https://www.anychart.com/buy/
 * Contact: sales@anychart.com
 * Copyright: AnyChart.com 2020. All rights reserved.
 */
.anychart-ui-support{border-style:hidden;}
* [class^="anychart"]{outline:none;}
.anychart-inline-block{position:relative;display:-moz-inline-box;display:inline-block;}
* html .anychart-inline-block{display:inline;}
* :first-child+html .anychart-inline-block{display:inline;}
.anychart-hidden{display:none;}
.anychart-control-disabled{color:#cccccc;}
.anychart-label-input{border-radius:1px;border:1px solid #d9d9d9;border-top:1px solid silver;box-sizing:content-box;font-size:13px;height:16px;padding:5px 4px;}
.anychart-label-input:focus{border-color:#4d90fe;}
.anychart-label-input.anychart-label-input-label-disabled{color:#cccccc;}
.anychart-thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:2px;transition:border .2s ease-in-out;}
.anychart-thumbnail>img{margin-right:auto;margin-left:auto;display:block;max-width:100%;height:auto;}
.anychart-thumbnail:hover,.anychart-thumbnail:focus{border-color:#cccccc;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.anychart-thumbnail:active{box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);border-color:#489adc;}
.anychart-loader{background-color:rgba(255,255,255,.5);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;}
.anychart-loader .anychart-loader-rotating-cover{width:70px;height:70px;position:absolute;top:50%;margin-top:-35px;left:50%;margin-left:-35px;}
.anychart-loader .anychart-loader-rotating-plane{display:block;width:100%;height:100%;border-radius:20%;border:5px solid #1c75ba;margin:0 auto;position:relative;animation:anychart-loader-rotate-plane 3s infinite;}
.anychart-loader .anychart-loader-chart-row{position:absolute;top:10px;bottom:0;left:10px;right:10px;letter-spacing:-3px;line-height:0;font-size:0;white-space:nowrap;}
.anychart-loader .anychart-loader-chart-row .anychart-loader-chart-col{display:inline-block;width:25%;height:90%;background:#000000;margin:0 12.5% 0 0;vertical-align:bottom;}
.anychart-loader .anychart-loader-chart-row .anychart-loader-chart-col.anychart-loader-green{background:#26a957;height:50%;animation:anychart-loader-blink-plane 1.5s infinite;}
.anychart-loader .anychart-loader-chart-row .anychart-loader-chart-col.anychart-loader-orange{background:#ff8207;height:70%;animation:anychart-loader-blink-plane 1.5s infinite .25s;}
.anychart-loader .anychart-loader-chart-row .anychart-loader-chart-col.anychart-loader-red{background:#f0402e;height:90%;animation:anychart-loader-blink-plane 1.5s infinite .5s;}
@keyframes anychart-loader-rotate-plane{0%{transform:perspective(120px)rotateX(0deg)rotateY(0deg);opacity:1;}25%{transform:perspective(120px)rotateX(-180.1deg)rotateY(0deg);opacity:.3;}50%{transform:perspective(120px)rotateX(-180deg)rotateY(-179.9deg);opacity:1;}75%{transform:perspective(120px)rotateX(0deg)rotateY(-180.1deg);opacity:.3;}100%{transform:perspective(120px)rotateX(0deg)rotateY(0deg);opacity:1;}}
@keyframes anychart-loader-blink-plane{0%{opacity:1;}50%{opacity:.01;}100%{opacity:1;}}
.anychart-custom-button{margin:2px;border:0;padding:0;font-family:Arial,sans-serif;color:#000000;background:#dddddd url("https://cdn.anychart.com/ACDVF/button-bg.png") repeat-x top left;text-decoration:none;list-style:none;vertical-align:middle;cursor:pointer;outline:none;}
.anychart-custom-button-outer-box,.anychart-custom-button-inner-box{border-style:solid;border-color:#aaaaaa;vertical-align:top;}
.anychart-custom-button-outer-box{margin:0;border-width:1px 0;padding:0;}
.anychart-custom-button-inner-box{margin:0 -1px;border-width:0 1px;padding:3px 4px;white-space:nowrap;}
* html .anychart-custom-button-inner-box{left:-1px;}
* html .anychart-custom-button-rtl .anychart-custom-button-outer-box{left:-1px;}
* html .anychart-custom-button-rtl .anychart-custom-button-inner-box{right:auto;}
* :first-child+html .anychart-custom-button-inner-box{left:-1px;}
* :first-child+html .anychart-custom-button-rtl .anychart-custom-button-inner-box{left:1px;}
::root .anychart-custom-button,::root .anychart-custom-button-outer-box{line-height:0;}
::root .anychart-custom-button-inner-box{line-height:normal;}
.anychart-custom-button-disabled{background-image:none !important;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);cursor:default;}
.anychart-custom-button-disabled .anychart-custom-button-outer-box,.anychart-custom-button-disabled .anychart-custom-button-inner-box{color:#333333 !important;border-color:#999999 !important;}
* html .anychart-custom-button-disabled{margin:2px 1px !important;padding:0 1px !important;}
* :first-child+html .anychart-custom-button-disabled{margin:2px 1px !important;padding:0 1px !important;}
.anychart-custom-button-hover .anychart-custom-button-outer-box,.anychart-custom-button-hover .anychart-custom-button-inner-box{border-color:#99ccff #6699ee #6699ee #77aaff !important;}
.anychart-custom-button-active,.anychart-custom-button-checked{background-color:#bbbbbb;background-position:bottom left;}
.anychart-custom-button-focused .anychart-custom-button-outer-box,.anychart-custom-button-focused .anychart-custom-button-inner-box{border-color:orange;}
.anychart-custom-button-collapse-right,.anychart-custom-button-collapse-right .anychart-custom-button-outer-box,.anychart-custom-button-collapse-right .anychart-custom-button-inner-box{margin-right:0;}
.anychart-custom-button-collapse-left,.anychart-custom-button-collapse-left .anychart-custom-button-outer-box,.anychart-custom-button-collapse-left .anychart-custom-button-inner-box{margin-left:0;}
.anychart-custom-button-collapse-left .anychart-custom-button-inner-box{border-left:1px solid #ffffff;}
.anychart-custom-button-collapse-left.anychart-custom-button-checked.anychart-custom-button-inner-box{border-left:1px solid #dddddd;}
* html .anychart-custom-button-collapse-left .anychart-custom-button-inner-box{left:0;}
* :first-child+html .anychart-custom-button-collapse-left.anychart-custom-button-inner-box{left:0;}
.anychart-button{border-radius:2px;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,0.1);color:#333333;cursor:pointer;text-align:center;font-family:inherit;font-size:11px;font-weight:bold;height:29px;line-height:27px;margin-right:16px;min-width:52px;outline:0;padding:0 8px;white-space:nowrap;}
.anychart-button:focus{border-color:#4d90fe;}
.anychart-button:hover{box-shadow:0 1px 1px rgba(0,0,0,.1);}
.anychart-button:active{box-shadow:inset 0 1px 1px rgba(0,0,0,0.3);}
.anychart-button i{font-size:11px;}
.anychart-button.anychart-button-disabled:active{box-shadow:none;cursor:default;}
.anychart-button-primary{border-radius:2px;background-color:#4898e6;background-image:linear-gradient(to bottom,#4898e6,#4089d0);border:1px solid #1976d2;color:#ffffff;cursor:pointer;font-size:11px;font-weight:bold;height:26px;line-height:24px;margin:0 16px 0 0;min-width:70px;outline:0;padding:0 7px;}
.anychart-button-primary:hover,.anychart-button-primary:active{background-color:#4898e6;background-image:linear-gradient(to bottom,#4898e6,#387ec3);border:1px solid #1976d2;color:#ffffff;}
.anychart-button-primary:focus{box-shadow:inset 0 0 0 1px #ffffff;outline:0;}
.anychart-button-primary:active{box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);}
.anychart-button-primary.anychart-button-disabled{box-shadow:none;background:#4d90fe;background-image:linear-gradient(to bottom,#4d90fe,#4089d0);filter:alpha(opacity=50);opacity:0.5;cursor:default;}
.anychart-button-secondary{border-radius:2px;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);border:1px solid #dcdcdc;color:#333333;cursor:pointer;font-size:11px;font-weight:bold;height:26px;line-height:24px;margin:0 16px 0 0;min-width:70px;outline:0;padding:0 7px;}
.anychart-button-secondary:hover,.anychart-button-secondary:active{box-shadow:0 1px 1px rgba(0,0,0,0.1);background-color:#f8f8f8;background-image:linear-gradient(to bottom,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;color:#111111;}
.anychart-button-secondary:focus{border:1px solid #4d90fe;}
.anychart-button-secondary:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);}
.anychart-button-secondary.anychart-button-disabled{box-shadow:none;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);border:1px solid #f3f3f3;border:1px solid rgba(0,0,0,0.05);color:#b8b8b8;cursor:default;}
.anychart-button-standard{box-shadow:none;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);color:#333333;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,0.1);}
.anychart-button-standard:hover{box-shadow:none;background-color:#f8f8f8;background-image:linear-gradient(to bottom,#f8f8f8,#f1f1f1);border:1px solid #c6c6c6;color:#111111;}
.anychart-button-standard:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background:#f8f8f8;color:#111111;}
.anychart-button-standard.anychart-button-checked{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-color:#eeeeee;background-image:linear-gradient(to bottom,#eeeeee,#e0e0e0);border:1px solid #cccccc;color:#333333;}
.anychart-button-standard.anychart-button-disabled{box-shadow:none;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);border:1px solid #f3f3f3;border:1px solid rgba(0,0,0,0.05);color:#b8b8b8;cursor:default;}
.anychart-button-toggle{height:28px;line-height:24px;padding:0;min-width:27px;margin:0;vertical-align:middle;}
.anychart-button.anychart-button-toggle{z-index:auto;}
.anychart-button-collapse-left,.anychart-button-collapse-right{z-index:1;}
.anychart-button-collapse-left.anychart-button-checked,.anychart-button-collapse-right.anychart-button-checked{z-index:2;}
.anychart-button-collapse-left:hover,.anychart-button-collapse-right:hover{z-index:3;}
.anychart-button-collapse-left.anychart-button-disabled{z-index:0;}
.anychart-button-collapse-right{margin-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;}
.anychart-button-collapse-left{margin-left:-1px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;}
.anychart-menu{border-radius:0;box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,.2);cursor:default;font-size:13px;color:#222222;font-family:Arial,sans-serif;margin:0;outline:none;padding:6px 0;position:absolute;z-index:1003;line-height:normal;}
.anychart-menuitem{position:relative;color:#333333;cursor:pointer;list-style:none;margin:0;padding:6px 1em 6px 30px;white-space:nowrap;}
.anychart-menuitem.anychart-menuitem-rtl{padding-left:7em;padding-right:28px;}
.anychart-menu-nocheckbox .anychart-menuitem,.anychart-menu-noicon .anychart-menuitem{padding-left:12px;}
.anychart-menu-noaccel .anychart-menuitem{padding-right:20px;}
.anychart-menuitem-disabled{cursor:default;}
.anychart-menuitem-disabled .anychart-menuitem-accel,.anychart-menuitem-disabled .anychart-menuitem-content{color:#cccccc !important;}
.anychart-menuitem-disabled .anychart-menuitem-icon{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);}
.anychart-menuitem-highlight,.anychart-menuitem-hover{background-color:#eeeeee;border-color:#eeeeee;border-style:dotted;border-width:1px 0;padding-top:5px;padding-bottom:5px;}
.anychart-menuitem-checkbox,.anychart-menuitem-icon{background-repeat:no-repeat;height:21px;left:3px;position:absolute;right:auto;top:3px;vertical-align:middle;width:21px;}
.anychart-menuitem i{position:absolute;left:9px;}
.anychart-menuitem-link{padding:0;}
.anychart-menuitem-link a{text-decoration:none;color:inherit;display:inline-block;padding:6px 3em 6px 28px;width:100%;box-sizing:border-box;transition:none;}
.anychart-menuitem-link i{padding-top:7px;pointer-events:none;}
.anychart-menuitem-link.anychart-menuitem-highlight a{padding-bottom:5px;padding-top:5px;}
.anychart-menuitem-link.anychart-menuitem-highlight i{padding-top:6px;}
.anychart-menuitem-rtl .anychart-menuitem-checkbox,.anychart-menuitem-rtl .anychart-menuitem-icon{left:auto;right:6px;}
.anychart-menuitem-accel{color:#777777;direction:ltr;left:auto;float:right;padding:0 0 0 24px;position:relative;right:0;text-align:right;}
.anychart-menuitem-rtl .anychart-menuitem-accel{left:0;right:auto;text-align:left;}
.anychart-menuitem-mnemonic-hint{text-decoration:underline;}
.anychart-menuitem-mnemonic-separator{color:#999999;font-size:12px;padding-left:4px;}
.anychart-menuseparator{border-top:1px solid #ebebeb;margin-top:6px;margin-bottom:6px;}
.anychart-submenu-arrow{color:#000000;opacity:.5;filter:alpha(opacity=50);position:absolute;right:-6px;top:3px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;font-size:0;}
.anychart-menuitem-content{position:relative;}
.anychart-menuitem-highlight .anychart-submenu-arrow,.anychart-menuitem-hover .anychart-submenu-arrow{border-left-color:#333333;opacity:1.0;}
.anychart-menuitem-rtl .anychart-submenu-arrow{text-align:left;left:0;right:auto;padding-left:6px;}
.anychart-menuitem-disabled .anychart-submenu-arrow{border-left-color:#cccccc;opacity:1.0;}
.anychart-menu-scrollable{overflow-y:auto;}
.anychart-menu.anychart-menu-horizontal{padding-left:4px;padding-right:4px;}
.anychart-menu.anychart-menu-horizontal .anychart-menuitem{display:inline-block;padding:2px 3px;}
.anychart-menu.anychart-menu-horizontal .anychart-menuitem.anychart-menuitem-highlight,.anychart-menu.anychart-menu-horizontal .anychart-menuitem .anychart-menuitem-hover{padding-top:1px;padding-bottom:1px;}
.anychart-menuitem.anychart-option i{position:relative;left:1px;height:23px;padding-top:1px;width:23px;}
.anychart-menuitem.anychart-option i.ac-position-center{top:-1px;}
.anychart-menu-button{background:#dddddd url("https://cdn.anychart.com/ACDVF/button-bg.png") repeat-x top left;border:0;color:#000000;cursor:pointer;list-style:none;margin:2px;outline:none;padding:0;text-decoration:none;vertical-align:middle;}
.anychart-menu-button-outer-box,.anychart-menu-button-inner-box{border-style:solid;border-color:#aaaaaa;vertical-align:top;}
.anychart-menu-button-outer-box{margin:0;border-width:1px 0;padding:0;}
.anychart-menu-button-inner-box{margin:0 -1px;border-width:0 1px;padding:3px 4px;}
* html .anychart-menu-button-inner-box{left:-1px;}
* html .anychart-menu-button-rtl .anychart-menu-button-outer-box{left:-1px;right:auto;}
* html .anychart-menu-button-rtl .anychart-menu-button-inner-box{right:auto;}
* :first-child+html .anychart-menu-button-inner-box{left:-1px;}
* :first-child+html .anychart-menu-button-rtl .anychart-menu-button-inner-box{left:1px;right:auto;}
::root .anychart-menu-button,::root .anychart-menu-button-outer-box,::root .anychart-menu-button-inner-box{line-height:0;}
::root .anychart-menu-button-caption,::root .anychart-menu-button-dropdown{line-height:normal;}
.anychart-menu-button-disabled{background-image:none !important;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);cursor:default;}
.anychart-menu-button-disabled .anychart-menu-button-outer-box,.anychart-menu-button-disabled .anychart-menu-button-inner-box,.anychart-menu-button-disabled .anychart-menu-button-caption,.anychart-menu-button-disabled .anychart-menu-button-dropdown{color:#333333 !important;border-color:#999999 !important;}
* html .anychart-menu-button-disabled{margin:2px 1px !important;padding:0 1px !important;}
* :first-child+html .anychart-menu-button-disabled{margin:2px 1px !important;padding:0 1px !important;}
.anychart-menu-button-hover .anychart-menu-button-outer-box,.anychart-menu-button-hover .anychart-menu-button-inner-box{border-color:#99ccff #6699ee #6699ee #77aaff !important;}
.anychart-menu-button-active,.anychart-menu-button-open{background-color:#bbbbbb;background-position:bottom left;}
.anychart-menu-button-focused .anychart-menu-button-outer-box,.anychart-menu-button-focused .anychart-menu-button-inner-box{border-color:orange;}
.anychart-menu-button-caption{padding:0 4px 0 0;vertical-align:top;}
.anychart-menu-button-dropdown{height:15px;width:7px;background:url("https://cdn.anychart.com/ACDVF/editortoolbar.png") no-repeat -388px 0;vertical-align:top;}
.anychart-menu-button-collapse-right,.anychart-menu-button-collapse-right .anychart-menu-button-outer-box,.anychart-menu-button-collapse-right .anychart-menu-button-inner-box{margin-right:0;}
.anychart-menu-button-collapse-left,.anychart-menu-button-collapse-left .anychart-menu-button-outer-box,.anychart-menu-button-collapse-left .anychart-menu-button-inner-box{margin-left:0;}
.anychart-menu-button-collapse-left .anychart-menu-button-inner-box{border-left:1px solid #ffffff;}
.anychart-menu-button-collapse-left.anychart-menu-button-checked.anychart-menu-button-inner-box{border-left:1px solid #dddddd;}
.anychart-flat-menu-button{border-radius:2px;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);box-sizing:content-box;border:1px solid #dcdcdc;color:#333333;cursor:pointer;font-size:11px;font-weight:bold;line-height:27px;list-style:none;margin:0 2px;min-width:46px;outline:none;padding:0 18px 0 6px;text-align:center;text-decoration:none;}
.anychart-flat-menu-button-disabled{box-shadow:none;background-color:#f5f5f5;background-image:linear-gradient(to bottom,#f5f5f5,#f1f1f1);border:1px solid #f3f3f3;border:1px solid rgba(0,0,0,0.05);color:#b8b8b8;cursor:default;}
.anychart-flat-menu-button-disabled .anychart-flat-menu-button-dropdown{border-color:#b8b8b8 transparent;}
.anychart-flat-menu-button-hover{background-color:#f8f8f8;background-image:linear-gradient(to bottom,#f8f8f8,#f1f1f1);box-shadow:0 1px 1px rgba(0,0,0,.1);border-color:#c6c6c6;color:#111111;}
.anychart-flat-menu-button.anychart-flat-menu-button-open,.anychart-flat-menu-button.anychart-flat-menu-button-active{box-shadow:inset 0 1px 2px rgba(0,0,0,.1);background-color:#eeeeee;background-image:linear-gradient(to bottom,#eeeeee,#e0e0e0);border:1px solid #cccccc;color:#333333;z-index:2;}
.anychart-flat-menu-button-focused{border-color:#4d90fe;}
.anychart-flat-menu-button-caption{box-sizing:border-box;white-space:nowrap;padding-right:20px;text-overflow:ellipsis;overflow:hidden;width:100%;}
.anychart-flat-menu-button-dropdown{border-color:#777777 transparent;border-style:solid;border-width:4px 4px 0 4px;height:0;width:0;position:absolute;right:5px;top:12px;}
.anychart-flat-menu-button-active .anychart-flat-menu-button-dropdown,.anychart-flat-menu-button-open .anychart-flat-menu-button-dropdown,.anychart-flat-menu-button-selected .anychart-flat-menu-button-dropdown,.anychart-flat-menu-button-hover .anychart-flat-menu-button-dropdown{border-color:#595959 transparent;}
.anychart-combobox{background:0;background-color:whiteSmoke;background-image:linear-gradient(to bottom,whiteSmoke,#f1f1f1);border:1px solid gainsboro;border:1px solid rgba(0,0,0,0.1);border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-sizing:content-box;font:normal small arial,sans-serif;height:24px;color:#333333;line-height:24px;list-style:none;font-size:11px;font-weight:bold;text-decoration:none;vertical-align:middle;cursor:pointer;margin-left:4px;padding:1px 0;top:auto;}
.anychart-combobox:hover{box-shadow:0 1px 1px rgba(0,0,0,.1);background-color:#f8f8f8;background-image:linear-gradient(to bottom,#f8f8f8,#f1f1f1);border-color:#c6c6c6;color:#222222;}
.anychart-combobox:hover input{border-right-color:#d9d9d9;}
.anychart-combobox.anychart-combobox-disabled{background-color:whiteSmoke;background-image:linear-gradient(to bottom,whiteSmoke,#f1f1f1);border:1px solid #f2f2f2;opacity:1;box-shadow:none;cursor:default;}
.anychart-combobox.anychart-combobox-disabled input{color:#b8b8b8;border-right-color:transparent;}
.anychart-combobox.anychart-combobox-disabled .anychart-combobox-button{opacity:0.4;}
.anychart-combobox input{border-radius:1px;box-sizing:content-box;background:transparent;border:1px solid transparent;color:#333333;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;height:20px;overflow:hidden;padding:0 0 0 3px;position:relative;margin-right:18px;}
.anychart-combobox input:focus{box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-webkit-user-select:text;-moz-user-select:text;background:#ffffff;border:1px solid #4d90fe;height:20px;outline:none;}
.anychart-combobox-button{display:inline-block;border-color:#777777 transparent;border-style:solid;border-width:4px 4px 0 4px;height:0;width:0;position:absolute;right:5px;top:12px;}
.anychart-checkbox{cursor:pointer;display:inline-block;margin:2px 2px 2px 0;overflow:hidden;padding:0;position:relative;white-space:nowrap;vertical-align:middle;}
.anychart-checkbox .anychart-checkbox-element{border-radius:1px;box-sizing:content-box;background-color:rgba(255,255,255,.05);border:1px solid #c6c6c6;border:1px solid rgba(155,155,155,.57);height:11px;margin:0 4px 1px 1px;outline:0;vertical-align:text-bottom;width:11px;}
.anychart-checkbox-hover .anychart-checkbox-element{box-shadow:inset 0 1px 1px rgba(0,0,0,.1);border:1px solid #b2b2b2;}
.anychart-checkbox-focused .anychart-checkbox-element{border:1px solid #4d90fe;}
.anychart-checkbox-checked{background-color:#ffffff;background-color:rgba(255,255,255,.65);}
.anychart-checkbox-checked .anychart-checkbox-checkmark{display:inline-block;}
.anychart-checkbox-disabled{cursor:default;color:#b8b8b8;}
.anychart-checkbox-disabled .anychart-checkbox-element{background-color:#ffffff;border:1px solid #f1f1f1;cursor:default;}
.anychart-checkbox-checkmark{display:none;opacity:0.6;height:15px;outline:0;width:15px;left:0;position:relative;top:-3px;}
.anychart-palette{cursor:default;outline:none;}
.anychart-palette-table{empty-cells:show;margin:16px;}
.anychart-palette-cell{border:1px solid transparent;cursor:pointer;margin:0;position:relative;}
.anychart-plot-controls{position:absolute;}
.anychart-plot-controls .anychart-button{min-width:20px;height:20px;opacity:0.7;line-height:0;vertical-align:middle;margin:0;padding:0;display:inline-block;}
.anychart-plot-controls-hidden{visibility:hidden;}
.anychart-palette-colorswatch{border:none;font-size:14px;height:16px;position:relative;width:16px;display:block;}
.anychart-palette-colorswatch:before{display:none;position:relative;top:1px;left:2px;}
.anychart-palette-cell-hover{border:1px solid #000000;}
.anychart-palette-cell-selected{outline:1px solid #000000;}
.anychart-palette-cell-selected .anychart-palette-colorswatch:before{display:inline-block;}
.anychart-color-menu-button-indicator{height:14px;margin-left:4px;outline:1px solid #bbbbbb;width:14px;}
.anychart-color-menu-button .anychart-menu-button-inner-box,.anychart-toolbar-color-menu-button .anychart-toolbar-menu-button-inner-box{padding-top:2px !important;padding-bottom:2px !important;}
.anychart-toolbar{background-color:#f7f7f7;border:1px solid #d5d5d5;cursor:default;font:normal 12px Verdana,sans-serif;color:#7c868e;padding:2px;position:relative;}
.anychart-toolbar-button,.anychart-toolbar-menu-button{margin:0 2px;border:0;padding:2px 2px;text-decoration:none;vertical-align:middle;list-style:none;cursor:default;outline:none;}
.anychart-toolbar-button-inner-box,.anychart-toolbar-menu-button-inner-box{padding:3px 4px;}
.anychart-toolbar-button-hover,.anychart-toolbar-menu-button-hover{background-color:#eeeeee;}
.anychart-toolbar-menu-button-active,.anychart-toolbar-menu-button-open,.anychart-toolbar-button-active,.anychart-toolbar-button-checked,.anychart-toolbar-button-selected{background-color:#dddddd !important;}
.anychart-toolbar-menu-button-dropdown{margin-left:3px;padding-bottom:1px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #7c868e;vertical-align:middle;}
.anychart-toolbar-separator{margin:0 2px;border-left:1px solid #d6d6d6;border-right:1px solid #f7f7f7;padding:0;width:0;text-decoration:none;list-style:none;outline:none;vertical-align:middle;line-height:normal;font-size:120%;overflow:hidden;}
.anychart-toolbar-item-icon{padding:0 2px;font-size:13px;color:#2485d0;}
.anychart-toolbar-item-text{padding:0 2px;}
.anychart-toolbar-menu{background-color:#f7f7f7;border:1px solid #d5d5d5;cursor:default;font:normal 12px Verdana,sans-serif;color:#7c868e;margin:0;outline:none;padding:6px 0;position:absolute;z-index:1003;line-height:normal;}
.anychart-toolbar-menu .anychart-menuitem{color:#7c868e;}
.anychart-toolbar-menu-button-hover .anychart-toolbar-menu-button-dropdown,.anychart-toolbar-menu-button-open .anychart-toolbar-menu-button-dropdown{border-top:4px solid #000000;}
.anychart-toolbar-menu .anychart-menuitem i,.anychart-toolbar-menu .anychart-menuitem-content{display:inline;position:static;}
.anychart-toolbar-menu .anychart-menuitem{padding:6px 5px;padding-right:8px;border-style:none;}
.anychart-toolbar-menu .anychart-submenu-arrow{position:absolute;right:0;top:9px;padding:0 2px;}
.anychart-menuitem-content{margin-right:1rem;}
.anychart-option[role='menuitemradio']{padding-left:1.5rem;}
.anychart-option-selected .anychart-menuitem-checkbox:before{content:'\2713';display:block;width:100%;height:100%;text-align:center;}
.anychart-range-picker{font-family:Arial,sans-serif;font-size:11px;color:#7c868e;}
.anychart-range-picker.anychart-range-picker-inside{position:absolute;bottom:27px;left:20px;}
.anychart-range-picker .anychart-label-input{font-size:11px;margin:0 5px;height:13px;padding:3px 4px;width:90px;font-weight:normal;}
.anychart-range-picker .anychart-input-label{margin-bottom:0;font-weight:normal;}
.anychart-range-selector{font-family:Arial,sans-serif;font-size:11px;color:#7c868e;}
.anychart-range-selector.anychart-range-selector-inside{position:absolute;bottom:27px;right:25px;}
.anychart-range-selector .anychart-input-label{margin-right:5px;vertical-align:middle;margin-bottom:0;font-weight:normal;}
.anychart-range-selector .anychart-button{height:21px;line-height:19px;padding:0 5px;}
.anychart-zoom{position:absolute;left:10px;top:10px;}
.anychart-zoom .anychart-button{height:21px;width:21px;min-width:21px;padding:0;line-height:normal;display:block;margin:5px 0;}
.anychart-zoom .anychart-zoom-zoomIn{margin:2px 0;}
.anychart-zoom .anychart-zoom-zoomOut{margin:2px 0;}
.disable-selection{-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.anychart-tooltip{border-radius:3px;padding:5px 10px;background:rgba(33,33,33,0.7);border:none;display:inline-block;box-sizing:border-box;letter-spacing:normal;color:#ffffff;font-family:Verdana,Helvetica,Arial,'sans-serif';font-size:12px;position:absolute;pointer-events:none;margin:10px 0px 10px 10px;}
.anychart-tooltip-separator{color:rgba(206,206,206,0.3);border:none;height:1px;margin:5px 0;}
.anychart-tooltip-title{font-size:14px;}

/*# sourceMappingURL=styles.css.map*/