.cotTop_3.cotTop_3Desk + div .newWisiwig{border:1px solid var(--red-1);padding:10px;font-weight:700}
table.cotTableNew{line-height:18px!important}
.cotTop_0{display:flex;margin:0 0 10px;align-items:center;justify-content:space-between;gap:20px}
.cotTop_0 .btn.btn-green-fill{margin-right:0}
#cb-content .cotTop_0 h1{display:block;margin:0!important;text-align:center;text-transform:uppercase}
.cotTop_1{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-content:center;align-items:center;margin:0 0 20px}
.cotTop_1>span{background:#d0ccd1;width:1px;height:48px;margin:0 15px}
.cotTop_1>div{width:calc(50% - 41px);border-radius:10px;font-weight:700;font-size:12.5px;display:flex;align-items:center;align-content:center;justify-content:flex-start;white-space:nowrap}
.cotTop_1>div .line{width:1px;height:30px;margin:0 15px;display:block}
.cotTop_1>div .button{background:#e31029;font-size:14px;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;padding:8px;display:flex;text-align:center;justify-content:center;width:100%}
.cotTop_1>div:last-of-type .button{color:#e31029;background-color:#fff;border:1px solid #e31029}
.cotTop_2 h1{font-size:24px;font-weight:700;text-transform:uppercase;color:#333;margin:0 0 10px}
.cotTop_3{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-content:flex-end;align-items:flex-end;margin:0 0 10px}
.cotTop_3a{display:block;width:100%;margin:-10px 0 20px;font-size:12px;font-style:italic;color:#424242}
.cotTop_3 .txt{font-size:12px;color:#424242;padding:4px 0;text-align:left;width:60%;border-radius:10px}
.cotTop_3 .exs{border-right:0 solid #bee4a3;padding:2px 0;display:flex;align-items:flex-end;align-content:flex-end}
.cotTop_3 .exs span.txt_short{color:var(--black);font-size:12px;display:block;margin:0 10px 0 0}
.cotTop_3 .exs span.block{background:#7fce46;color:#000;font-size:10px;color:#333;padding:4px;display:block}
table.cotTableNew,table.cotTableNew tr:nth-child(1) th:nth-child(1){border-left:1px solid #d0ccd1!important}
table.cotTableNew tr:nth-child(1) th{border-top:1px solid #d0ccd1!important}
table.cotTableNew tr td:nth-child(1){border-left:1px solid #d0ccd1!important}
table.cotTableNew tr td:last-child{border-right:1px solid #d0ccd1!important}
table.cotTableNew tr:last-child td{border-bottom:1px solid #d0ccd1!important}
table.cotTableNew{border:0 solid #bee4a3!important;border-radius:10px;margin:0;width:100%;border-collapse:separate;border-spacing:0}
table.cotTableNew th{border-right:1px solid #d0ccd1!important;margin:0;width:100%}
table.cotTableNew th{color:#000;font-size:12px;font-weight:700;text-align:left;padding:4px 8px!important;background:#fff!important}
.vertCol{padding:0!important}
.vertCol span{transform:rotate(270deg);white-space:nowrap;display:block}
table.cotTableNew th.greenCol{background:#ECF1F5!important}
.smallFont{font-size:11px!important}
.greyCol td{background:#ECF1F5}
.cotTableNew .greenColor a{color:#006055!important}
.cotTableNew .redColor a{color:#CA1F22!important}
.cotTableNew td.greenColorrField{background:#33BBA5!important}
.cotTableNew td.redColorField{background:#d90429!important;color:#fff!important}
.cotTableNew td.redColorField a,table.cotTableNew td.redColorField a:visited{color:#fff!important}
table.cotTableNew td{text-align:left;padding:15px 7px!important;white-space:nowrap}
table.cotTableNew td a{color:#000!important;font-size:10px;font-weight:400;text-decoration:none}
table.cotTableNew td a:visited{color:#000!important}
table.cotTableNew td a:hover{text-decoration:underline}
table.cotTableNew .name a{text-decoration:underline;text-underline-offset:2px;transition:.3s}
table.cotTableNew td.name a:hover{color:#98C1D9!important}
table.cotTableNew td img{max-height:13px;max-width:15px;margin:0!important}
table.cotTableNew td.graph img{max-width:22px}
table.cotTableNew td.name{text-align:left}
table.cotTableNew td.tablePart{padding:20px 4px 0!important;text-align:center}
table.cotTableNew td.tablePart span{display:inline-block;border-top-left-radius:10px;border-top-right-radius:10px;color:#12px;font-weight:600;padding:3px 10px 10px}
table.cotTableNew td.indexCol,table.cotTableNew th.indexCol{width:40px;max-width:40px;text-align:center}
table.cotTableNew th.indexCol span{margin:42px 0 0}
.cotTableWrapper{position:relative;width:100%;margin:0 0 20px;z-index:1}
.cotTableWrapper .cotTableNew1{position:-webkit-sticky;position:sticky;top:50px;left:0;width:100%;z-index:10000;display:none}
.cotTableWrapper .widthCol1{width:5%}
.cotTableWrapper .widthCol2{width:13.4%}
.cotTableWrapper .widthCol3{width:4%;text-align:center}
.cotTableWrapper .widthCol3:nth-of-type(3),table.cotTableNew tr:nth-child(1) .widthCol3:nth-of-type(2){text-align:left}
.cotTableWrapper .widthCol4{width:15.72%}
.cotTableWrapper .widthCol5{width:7.86%}
.cotTableWrapper .widthCol6{width:11.79%}
.cotTableWrapper .widthCol7{width:10%}
.cotTableWrapper .widthCol8{width:3.4%}
.cotTableWrapper .cotTableNew2 tr:nth-child(1) th{position:-webkit-sticky;position:sticky;top:55px;transition:.3s;z-index:998}
.cotTableWrapper .cotTableNew2 tr:nth-child(2) th{position:-webkit-sticky;position:sticky;top:135px;z-index:998;font-weight:400;white-space:nowrap;transition:.3s;border-top:1px solid #d0ccd1}
.cotTableWrapper .cotTableNew2 tr:nth-child(1) .widthCol4,.cotTableWrapper .cotTableNew2 tr:nth-child(1) .widthCol5,.cotTableWrapper .cotTableNew2 tr:nth-child(1) .widthCol6{margin-bottom:28px}
.greenColorText{color:#27e34f}
.redColorText{color:#e31029}
.cotTop_4{flex-wrap:wrap;width:100%;justify-content:space-between;align-content:flex-end;align-items:flex-start;margin:0 0 20px}
.cotTop_4>div{display:flex;align-items:center;align-content:center;justify-content:flex-start;white-space_:nowrap;color:#424242;font-size:14px;flex-direction:column;align-items:flex-start}
div.cotTop_4-row{display:flex;align-items:center;flex-direction:row;justify-content:space-between}
.cotTop_4 h1{font-size:24px;font-weight:700;color:#424242;margin:0}
.cotTop_4 h2{text-align:center;margin:0 0 10px}
.cotTop_4 .backbutton_cot,.cotTop_4 .backbutton_cot:hover .cotTop_4 .backbutton_cot:visited{border:1px solid #008B7D;color:#000!important;border-radius:10px;padding:2px 10px;margin:0;display:inline-block;font-size:14px;text-decoration:none}
.graphWrapper{border:1px solid #008B7D;border-radius:10px;background:#eee;padding:0 20px 20px 6px;width:calc(100% - 0px);margin:0!important}
.graphWrapper .loadingGif{display:none}
#price-graph{height:1000px;border-radius:10px}
#selectordiv-price-graph{background:#eee;padding:20px 0 0}
.amcharts-range-selector-wrapper.amcharts-range-selector-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;align-items:center}
.amcharts-range-selector-period-wrapper{text-align:right}
.amcharts-range-selector-period-button{background:#fff!important;color:#000!important;font-size:14px!important;border:1px solid #008B7D!important;padding:4px 10px!important;margin:0 5px 0 0;border-radius:10px!important}
.amcharts-range-selector-from-input{background:#fff!important;color:#000!important;font-size:14px!important;border:1px solid #008B7D!important;padding:4px 10px!important;margin:0 5px 0 0;border-radius:10px!important;width:95px!important}
.amcharts-range-selector-to-input{background:#fff!important;color:#000!important;font-size:14px!important;border:1px solid #008B7D!important;padding:4px 10px!important;margin:0 5px 0 0;border-radius:10px!important;width:95px!important}
.amcharts-range-selector-period-button:last-child{margin:0}
.amcharts-range-selector-title.amcharts-range-selector-period-title{display:none}
.cotTop_3Desk .exs{display:block}
.cotTop_3Mob{display:none}
.cotTop_4a{display:flex;flex-wrap:wrap;width:calc(100% - 0px);justify-content:flex-start;align-content:center;align-items:center;margin:10px 0;color:#424242;font-size:14px}
.cotTop_4a a{border:1px solid #008B7D;color:#000;border-radius:10px;padding:2px 10px;margin:0 0 0 10px;display:inline-block;font-size:14px;text-decoration:none}
.graphWrapper .btn{display:none}
.page-id-8580 .cb-module-custom{background:none!important}
.design-2022 .graphWrapper{border:0;padding:20px 0;border-radius:0}
.design-2022 .news-note{margin:10px 0 30px}
.design-2022 #selectordiv-price-graph{background:transparent}
.design-2022 .amcharts-range-selector-from-input,.design-2022 .amcharts-range-selector-period-button,.design-2022 .amcharts-range-selector-to-input{border-color:var(--black)!important;border-radius:0!important;background-color:#fff!important}
.design-2022 .amcharts-range-selector-period-button{cursor:pointer}
.content .design-2022 .graphWrapper .amcharts-range-selector-period-button.is-disabled{color:var(--lightblue-8)!important;border-color:var(--lightblue-8)!important;position:relative;background:var(--lightblue-4)!important}
.amcharts-range-selector-period-button.is-disabled:after{content:"";z-index:1;margin:0 -1px 0 5px;background-image:url(/modules/myiw_cotdata/assets/images/lock.svg?3);width:10px;height:10px;background-position:center;background-size:contain;background-repeat:no-repeat;display:inline-block;vertical-align:initial}
.design-2022 .backbutton_cot{border-color:var(--black)!important;border-radius:0!important;background-color:#fff!important;font-size:16px}
.design-2022 .cotTop_4a a{border-color:var(--black)!important;border-radius:0!important;background-color:#fff!important}
.design-2022 .amcharts-range-selector-period-button{padding:4px 14px!important}
.design-2022 .redColorText{color:#e31029}
.design-2022 .backbutton_cot.all_dataClick{border:1px solid var(--black)!important;border-radius:0!important;background-color:#fff!important;padding:2px 10px;margin:0 0 0 10px;cursor:pointer}
.is-safari .cotTableWrapper .cotTableNew2 tr:nth-child(2) th{top:135px}
.graphWrapperLoading #price-graph{background-position:center top;background-size:contain;background-repeat:no-repeat;background-image:url(../images/gr1.svg)}
.btn.loading:after{content:"";margin:0 0 4px 7px;display:inline-block;width:16px;height:16px;z-index:2;background-image:url(/assets/images/icons/loading-icon.png);background-repeat:no-repeat;background-size:contain;animation:load-animation 3s linear infinite;vertical-align:middle;filter:invert(1)}
a.btn.cotToPdfSave,a.btn.btn-green-fill:not(.btn-big),button.btn.cotToPdfSave,button.btn.btn-green-fill:not(.btn-big){font-size:16px;text-decoration:none;padding:3.5px 12px;color:#fff;margin:10px auto 10px 0}
a.btn.cotToPdfSave:hover,a.btn.btn-green-fill:hover,button.btn.cotToPdfSave:hover,button.btn.btn-green-fill:hover{background-color:var(--green-2);color:#fff}
a.btn.cotToPdfSave.is-loading,button.btn.cotToPdfSave.is-loading{font-size:14px}
a.btn.cotToPdfSave.is-loading .btn-icon,button.btn.cotToPdfSave.is-loading .btn-icon{animation:load-animation-2 3s infinite linear;margin-top:-4px}
a.btn.btn-pdf.is-loading:before{display:none}
.cot-tabs-nav-small .active .btn{background-color:#fff;color:var(--blue-2)}
.cot-tabs-nav-small .active .btn:before{content:'';width:11px;height:11px;display:inline-block;background-image:url(/assets/images/icons/btn-yes.svg);background-repeat:no-repeat;background-size:contain;background-position:center;margin:0 7px 0 0}
@keyframes load-animation {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes load-animation-2 {
0%{transform:rotate(0deg)}
25%{transform:rotate(180deg)}
50%{transform:rotate(180deg)}
75%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}
@media (min-width: 1681px) {
.is-safari .cotTableWrapper .cotTableNew2 tr:nth-child(2) th{top:136px}
}
@media (max-width: 1439px) {
table.cotTableNew th{padding:4px!important}
table.cotTableNew td{text-align:left;padding:15px 3px!important}
}
@media only screen and (max-width: 1280px) {
.cotTableWrapper{overflow-x:scroll}
.cotTop_1>div{white-space:initial}
.cotTop_4a>div{display:flex;align-items:center}
}
@media (max-width: 992px) {
.amcharts-range-selector-range-wrapper{width:100%}
.cotTop_3.cotTop_3Desk + div .newWisiwig p{font-size:16px}
.cotTop_3.cotTop_3Desk + div .newWisiwig p a{word-break:break-all}
}
@media only screen and (max-width: 768px) {
.cotTop_0{flex-direction:column;gap:0;align-items:flex-start}
.cotTop_1>div{white-space:normal;border:0;flex-wrap:wrap;text-align:left}
.cotTop_1>div:last-of-type .button{}
.cotTop_1>div:nth-child(1){padding:8px 0;width:calc(50% - 20px)}
.cotTop_1>div:nth-child(3){padding:8px 0;width:calc(50% - 20px)}
.cotTop_1>div .txt{width:100%;color:#333;font-weight:400}
.cotTop_1>div .txt span{display:block;width:100%}
.cotTop_1>div .line{display:none}
.cotTop_1>div .button{text-align:center;justify-content:center;padding:8px;font-weight:700;margin:15px 0 0}
.cotTop_1>span{height:68px}
.cotTop_3 .txt{width:calc(100% - 16px);margin:0}
.cotTop_3 .exs{border:0}
.cotTop_3 .exs span.block{display:none!important}
table.cotTableNew td{text-align:center}
table.cotTableNew td:nth-child(3){padding:3px}
table.cotTableNew td.tablePart{text-align:left;padding:20px 4px 0 14px!important}
table.cotTableNew tr td:nth-child(1){position:sticky;left:0;background-color:#fff}
table.cotTableNew td.tablePart span{position:sticky;left:0}
table.cotTableNew tr:nth-child(1) th:nth-child(1){left:0;z-index:999;border-right:0!important}
table.cotTableNew tr:nth-child(1) th:nth-child(2){border-left:1px solid #d0ccd1!important}
.cotTableWrapper .cotTableNew2 tr:nth-child(1) th{top:0}
.cotTableWrapper .cotTableNew2 tr:nth-child(2) th,.en .cotTableWrapper .cotTableNew2 tr:nth-child(2) th{top:0}
.cotTop_4>div{width:100%}
.cotTop_4 h1{margin:0 0 10px;white-space:normal}
.cotTop_3Desk .exs{display:none}
.cotTop_3Mob{display:flex}
.amcharts-range-selector-period-wrapper{width:100%;text-align:left;margin:10px 0 0}
.amcharts-range-selector-from-title{display:inline-block;width:100%}
.amcharts-range-selector-to-title{display:inline-block;width:100%;margin:10px 0 0}
.amcharts-range-selector-period-button{margin:0 5px 5px 0}
.graphWrapper{margin:0 0 20px}
.cotTop_4a a{margin:10px 0 0}
.cotTop_4a .backbutton_cot{display:flex!important;width:170px}
.graphWrapper{position:relative}
.graphWrapperOver{position:absolute;left:0;top:0;width:100%;height:70%;z-index:1}
.design-2022 .cotTop_1>div .button{text-decoration:none}
.design-2022 .graphWrapper{padding:7px 0}
.design-2022 .backbutton_cot.all_dataClick{margin:0}
.cotTop_4{flex-direction:column-reverse}
.cotTop_4 h2{text-align:left}
.cotTop_4-row div:last-child{display:none}
.graphWrapper .btn{display:inline-block}
}
@media only screen and (max-width: 400px) {
.cotTop_1>span{height:62px}
.cotTop_1>div{width:calc(50% - 26px)}
.cotTop_1>div .txt{font-size:12px;height:55px}
.cotTop_1>div .button{font-size:12px;font-weight:700}
.cotTop_1{align-content:flex-start;align-items:flex-start;margin:0}
}