:root { --Color-EDF0F5:#EDF0F5; --Color-White: #ffffff; --Color-Secondary: #373B75; --Color-Primary-0-8:rgba(28, 61, 130, 0.08); --Color-Primary: #057887; --Color-PrimaryLight: #03616c; --Color-323232:#323232; --Color-000000:#000000; --Color-AAAAAA: #AAAAAA; --Color-E3E6F2:#E3E6F2; --Color-CBCCDB: #CBCCDB; --Color-D8D8D8:#D8D8D8; --Color-848484:#848484; --Color-CECECE: #CECECE; --Color-E3E6F2:#E3E6F2; --Color-F0F7F8:#F0F7F8; --Color-FFFFFF69:#FFFFFF69; --Color-EAEBF1:#EAEBF1; --Color-DCDCDC: #DCDCDC; --Color-646464:#646464; --Color-DBDBDB: #DBDBDB; --Color-d7e0f4:#d7e0f4; --Color-EFF1F6:#EFF1F6; --Font-10:0.625em; --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15: 0.9375em; --Font-16:1em; --Font-18:1.125em; --Font-20:1.25em; --Font-22:1.375em; --Font-24:1.5em; --Font-26: 1.625em; --Font-28:1.75em; --Font-32:2em; --Font-36:2.25em; --Font-46:2.875em; --Font-300:300; --Font-400:400; --Font-500:500; --Font-600:600; --Font-700:700; --Font-800:800; --Font-900:900; --FontFamily-primary: 'Lexend Deca'; --FontFamily-secondary: 'DM Sans'; --FontFamily-fontawesome: 'fontawesome'; --Transition-2sl: .2s all linear; --Transition-5sl: .5s all linear; --Transition-2s: .2s all; --Transition-3s: .3s all; --BoxShadow-1:0px 0px 24px #00000014; --BoxShadow-2:0px 0px 18px #0000001A; --BoxShadow-3:0px 0px 40px #00000024; --BoxShadow-4:0px 0px 30px #0000000D; /* Dashboard variables */ --BoxShadow-5:0px 0px 30px #0000001A; --Font-30:1.875em; --Color-5030AC: #5030AC; --Color-026B60:#026B60; --Color-558D00:#558D00; --Color-FB6A33:#FB6A33; --Color-144E65:#144E65; --Color-5B4268:#5B4268; --Color-3F96D5:#3F96D5; --Color-ECC52B: #ECC52B; --Color-3ABE76:#3ABE76; --Color-D9DDF2:#D9DDF2; --Color-BBEBE5:#BBEBE5; --Color-DCE6CE: #DCE6CE; --Color-F8DBD0:#F8DBD0; --Color-C5DCE5:#C5DCE5; --Color-D3D7DF: #D3D7DF; --Rounded-8:8px; --Rounded-22:22px; --Rounded-12:12px; --Color-FFFFFF-42:rgba(255, 255, 255, 0.42); --Color-FFFFFF-62:rgba(255, 255, 255, 0.62); --Color-FFFFFF-52:rgba(255, 255, 255, 0.52); } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Black.woff2') format('woff2'), url('../fonts/LexendDeca-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-ExtraBold.woff2') format('woff2'), url('../fonts/LexendDeca-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Medium.woff2') format('woff2'), url('../fonts/LexendDeca-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Light.woff2') format('woff2'), url('../fonts/LexendDeca-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Bold.woff2') format('woff2'), url('../fonts/LexendDeca-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-ExtraLight.woff2') format('woff2'), url('../fonts/LexendDeca-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Thin.woff2') format('woff2'), url('../fonts/LexendDeca-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-SemiBold.woff2') format('woff2'), url('../fonts/LexendDeca-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Lexend Deca'; src: url('../fonts/LexendDeca-Regular.woff2') format('woff2'), url('../fonts/LexendDeca-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'), url('../fonts/DMSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('../fonts/DMSans-SemiBold.woff2') format('woff2'), url('../fonts/DMSans-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } /* common style */ style>.font-normal { font-size: 95%; } .font-large { font-size: 100%; } .font-larger { font-size: 106.25%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } ::-moz-selection { color: var(--Color-White); background: var(--Color-Secondary); text-shadow: none; } ::selection { color: var(--Color-White); background: var(--Color-Secondary); text-shadow: none; } * { outline: none; } a { color: var(--Color-Secondary); display: inline-block; text-decoration: none; transition: var(--Transition-2s); line-height: 1.2; } a:hover, a:focus { color: var(--Color-Primary); } button{ border: none;} img { border: 0; vertical-align: top; height: auto; max-width: 100%; } img[alt="Coming Soon..."] { width: auto; height: auto; } .jsRequired { display: none; } p { padding: 0 0 15px; margin: 0px; } p:last-child { padding: 0 0 0px; } .no_records, .empty-search-results-text{ position: relative; text-align: center; font-size: var(--Font-24); display: block; font-style: normal;} .no_records:before, .empty-search-results-text:before{content: ""; display: block; background-image: url('../images/nodata.png'); background-size: 150px; background-repeat: no-repeat; background-position: center center; width: 100%; height: 150px;} .text-align-justify { text-align: justify; } .Paragraph_Style_1 { position: relative; padding-left: 25px !important; } .Paragraph_Style_1:before { content: "\f101"; position: absolute; left: 0; top: 1px; font-family: var(--FontFamily-fontawesome); } b, strong{ color: var(--Color-Primary); font-weight: var(--Font-700);} ul { list-style: none; padding: 0px; margin-bottom: 0px; } ul > li:not(.menu-item), ul>li:not(.am5exporting) { position: relative; padding-left: 15px; margin-bottom: 15px; } ul>li ul { margin-top: 15px; } ul > li:not(.menu-item):after, ul>li:not(.am5exporting):after { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: var(--Color-Secondary); border-radius: 50%; } .last-child-mb-0 > li:last-child, .last-child-mb-0>div:last-child, .last-child-mb-0>p:last-child { margin-bottom: 0px; } .ul-li-style-1 > li { color: var(--Color-646464); } .ul-li-style-1>li:after { background-color: var(--Color-646464)!important; } ul.bullteText{ width: 100%;} ul.bullteText li:after { width: auto; height: auto; content: "\f105"; background-color: transparent; font-family: var(--FontFamily-fontawesome); top: 1px;} ul.bullteText li { text-align: left; padding-left: 19px; } html, body { overflow-x: hidden; } body {background: var(--Color-White); color: var(--Color-323232); font-family: var(--FontFamily-primary); font-size: 100%; font-weight: var(--Font-400); line-height: 1.6; min-height: 100vh; } body.CursorAnimationON { cursor: url(../images/cursor-large.png), auto !important; } body.CursorAnimationON a, body.CursorAnimationON button, body.CursorAnimationON .Language .dropbutton, body.CursorAnimationON .SearchBox .form-submit, body.CursorAnimationON .view-filters form .js-form-submit, body.CursorAnimationON div#AccessibilityControl .fontScaler { cursor: url(../images/cursor-large-pointer.png), auto !important; } body.path-member.login { padding-top: 0 !important; } body.user-logged-in { padding-top: 0; } body .dialog-off-canvas-main-canvas { min-height: calc(100vh - 167px); display: flex; flex-wrap: wrap; flex-direction: column; } .FullBoxLink{position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0px;} .z-minus-1 { z-index: -1; } .z-1 { z-index: 1; } .z-11 { z-index: 11; } .z-111 { z-index: 111; } .z-9999 { z-index: 9999; } .img-padding { width: 100%; position: relative; padding-bottom: 100%; overflow: hidden; z-index: 1; } .img-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 101%; height: 101%; object-fit: cover; z-index: -1; } .img-padding-60 { padding-bottom: 60%; } .rounded-30 { border-radius: 30px; } .rounded-24 { border-radius: 24px; } .rounded-8 { border-radius: 8px; } .rounded-15 { border-radius: 15px; } .rounded-16 { border-radius: 16px; } .rounded-10 { border-radius: 10px; } .rounded-50 { border-radius: 50%; } .bg-cover { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-contain { background-position: center center; background-repeat: no-repeat; background-size: contain; } .heading-box { padding-bottom: 30px; } .white-space { white-space: nowrap; } .img-overlay:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: -1; } .ShadowBox { box-shadow: var(--BoxShadow-1); background-color: var(--Color-White); } .float-right-img, .float-left-img { margin-bottom: 15px; } .float-right-img { float: right; margin-left: 50px; } .float-left-img { float: left; margin-right: 50px; } .left-0 { left: 0; } .scale-effect img { transform: translate(-50%, -50%) scale(1); transition: var(--Transition-2sl); } .scale-effect:hover img { transform: translate(-50%, -50%) scale(1.1); } .text-hover:hover .cta-link { color: var(--Color-Primary); } .DateIcon:before { content: "\f073"; font-family: var(--FontFamily-fontawesome); margin-right: 5px; display: inline-block; } .PhoneIcon:before { content: "\f095"; font-family: var(--FontFamily-fontawesome); margin-right: 5px; display: inline-block; } .HR_Lines hr { margin: 10px 0px; } /* form css */ input, select, textarea, .form-select, .form-control, .form-text { height: auto; width: 100%; margin-top: 0px; border-radius: 0px; min-height: 45px; font-size: var(--Font-14); padding: 5px 15px; border: 1px solid; border-color: var(--Color-D8D8D8); color: var(--Color-848484); } input:focus, select:focus, textarea:focus, .form-select:focus, .form-control:focus { outline: none; box-shadow: unset; border-color: var(--Color-D8D8D8); } input::placeholder, select::placeholder, textarea::placeholder { color: var(--Color-848484); } .form-item { margin-bottom: 20px; } .form-select, select { padding-right: 30px; --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(100, 100, 100, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } label { margin-bottom: 6px; color: var(--Color-Secondary); width: 100%; font-weight: var(--Font-500); } label.error { font-weight: var(--Font-400); color: red!important; font-size: var(--Font-14); margin-bottom: 0; margin-top: 4px; } label.js-form-required:after { content: ""; display: inline-block; width: 6px; height: 6px; background-size: contain; margin-inline: 3px; vertical-align: text-top; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 7.562 1.114-3.438c2.565.906 4.43 1.688 5.59 2.35-.306-2.921-.467-4.93-.484-6.027h3.511c-.05 1.597-.234 3.6-.558 6.003 1.664-.838 3.566-1.613 5.714-2.325l1.113 3.437c-2.05.678-4.06 1.131-6.028 1.356.984.856 2.372 2.381 4.166 4.575l-2.906 2.059c-.935-1.274-2.041-3.009-3.316-5.206-1.194 2.275-2.244 4.013-3.147 5.206l-2.856-2.059c1.872-2.307 3.211-3.832 4.017-4.575-2.081-.402-4.058-.856-5.93-1.356' fill='red'/%3E%3C/svg%3E%0A"); } .DateCalander { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='21.5' viewBox='0 0 20.5 21.5'%3E%3Cg id='Icon_feather-calendar' data-name='Icon feather-calendar' transform='translate(-3.75 -2.25)'%3E%3Cpath id='Path_90448' data-name='Path 90448' d='M6.611,6H21.389A2.058,2.058,0,0,1,23.5,8V22a2.058,2.058,0,0,1-2.111,2H6.611A2.058,2.058,0,0,1,4.5,22V8A2.058,2.058,0,0,1,6.611,6Z' transform='translate(0 -1)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90449' data-name='Path 90449' d='M24,3V7' transform='translate(-5.778 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90450' data-name='Path 90450' d='M12,3V7' transform='translate(-2.222 0)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90451' data-name='Path 90451' d='M4.5,15h19' transform='translate(0 -4)' fill='none' stroke='%23057887' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); background-position: 95% 50%; background-repeat: no-repeat; background-size: 5%; padding-right: 45px; } .form-item__description{font-style: italic; font-weight: var(--Font-400); font-size: var(--Font-14); margin-bottom: 0; margin-top: 4px;} select, option { font-family: var(--FontFamily-primary); } /* captcha */ .captcha__title { font-weight: var(--Font-500); font-size: var(--Font-16); color: var(--Color-Secondary); } .captcha__element { display: unset !important; flex-wrap: unset !important; align-items: unset !important; justify-content: unset !important; } .captcha__element img { height: 45px; margin: 0; width: 125px; object-fit: contain; padding: 5px; border: 1px solid; border-color: var(--Color-D8D8D8); position: absolute; right: 45px; top: 65px; } .captcha__element .form-item-captcha-response.js-form-item-captcha-response input { width: calc(100% - 179px); margin-top: 0px; } .captcha__element .reload-captcha-wrapper { position: absolute; left: auto; right: 0px; top: 65px; width: 45px; height: 45px; background-color: var(--Color-D8D8D8); display: flex; justify-content: center; align-items: center; } .reload-captcha { opacity: 1; width: 100%; height: 100%; background-size: 35%; background-position: center center; } body[style="font-size: 95%;"] .captcha__element img { top: 63px; } body[style="font-size: 100%;"] .captcha__element img { top: 65px; } body[style="font-size: 106.25%;"] .captcha__element img { top: 68px; } body[style="font-size: 95%;"] .captcha__element .reload-captcha-wrapper { top: 63px; } body[style="font-size: 100%;"] .captcha__element .reload-captcha-wrapper { top: 65px; } body[style="font-size: 106.25%;"] .captcha__element .reload-captcha-wrapper { top: 68px; } .accordion-item { margin-top: 20px; } .accordion-button { background-color: var(--Color-D8D8D8); } .accordion-button:focus { box-shadow: none; } .accordion-button:not(.collapsed) { background-color: var(--Color-Secondary); color: var(--Color-White); } .accordion-item:first-of-type>.accordion-header .accordion-button { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion-item:last-of-type>.accordion-collapse { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion-item:last-of-type { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .accordion-button:not(.collapsed)::after{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");} /* FeedBackPage */ .FeedBackPage { background: var(--Color-F0F7F8); } .FeedbackFrom { max-width: 1055px; } .FeedbackFrom .Left { width: 56%; } .FeedbackFrom .Right { width: 44%; } .FeedbackFrom .Right img { z-index: unset; } .FeedbackFrom .js-form-submit { margin-top: 20px; background-color: var(--Color-Secondary); } .FeedbackFrom .js-form-submit:hover { background-color: var(--Color-Primary); } /* login form */ .LoginSection { min-height: 100vh; } .LoginSection .js-form-submit { margin-top: 20px; } .LoginSection .ashokChakra img { animation: rotate 40s infinite linear; width: 58%; } .LoginSection:after { background-image: url(../images/LoginBG.png); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.1; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .LoginSection .FeedbackFrom { max-width: 900px; } /* view-filters */ .view-filters { padding: 20px; background-color: #f6f6f6; margin-bottom: 36px; } .view-filters form .form-item .form-item__label { display: none; } .view-filters form { margin: -10px -5px 0px; display: flex; flex-wrap: wrap; } .view-filters form .form-item { width: calc((100% / 4) - 28px); margin-bottom: 0; margin-top: 10px; padding: 0px 5px; } .view-filters form .js-form-submit { border-radius: 0px; width: 45px; height: 45px; margin: 10px 5px 0px; font-size: 0; } .view-filters form .form-submit{ background-position: center center; background-size: 17px; background-repeat: no-repeat; } .view-filters form .form-submit[value="Search"], .view-filters form .form-submit[value="खोज"] { background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='rgb(255 255 255)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848, 23.658a.882.882, 0, 0, 1-.625-.259l-4.512-4.437a.884.884, 0, 0, 1, 1.25-1.25l4.512, 4.437a.883.883, 0, 0, 1-.625, 1.51Z' transform='translate(-3.658 -3.658)' fill='rgb(255 255 255)'/%3E%3C/svg%3E%0A"); } .view-filters form .js-form-submit[value="Reset"], .view-filters form .js-form-submit[value="रीसेट"] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.2 19.2' style='enable-background:new 0 0 19.2 19.2;' xml:space='preserve'%3E%3Cpath class='st0' fill='%23fff' d='M19.2,1.8c0-0.5-0.4-0.8-0.8-0.8c-0.5,0-0.8,0.4-0.8,0.8V4c-0.5-0.6-0.9-1-1.2-1.2c-3.7-3.7-9.8-3.7-13.6,0 s-3.7,9.8,0,13.6c1.9,1.9,4.3,2.8,6.8,2.8s4.9-0.9,6.8-2.8c0.3-0.3,0.3-0.9,0-1.2s-0.9-0.3-1.2,0c-1.5,1.5-3.5,2.3-5.6,2.3 c-4.4,0-7.9-3.6-7.9-7.9C1.7,7.5,2.5,5.5,4,4s3.5-2.3,5.6-2.3l0,0c2.1,0,4.1,0.8,5.6,2.3c0.4,0.4,0.9,0.9,1.3,1.4H14 c-0.5,0-0.8,0.4-0.8,0.8C13.2,6.6,13.5,7,14,7h4.4h0.1c0.1,0,0.1,0,0.2,0s0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1l0,0 c0-0.1,0-0.1,0.1-0.2c0,0,0,0,0.1-0.1c0-0.1,0-0.1,0.1-0.2c0,0,0,0,0-0.1l0,0l0,0V1.8H19.2z'/%3E%3C/svg%3E%0A"); } /*view-footer */ .view-footer, nav.pager { margin-top: 36px; } .view-footer { width: 100%; } .Pager_ViewFooter .view-footer { margin-top: 0px; order: 1; width: auto; } .coal-washeries .Pager_ViewFooter .view-footer { width: 100%; order: 2; margin-top: 15px; } /* search-form */ .path-search .section-padding .search-form { display: none; } .search-results { flex-wrap: wrap; list-style: none; padding: 0; margin-top: -30px; margin-bottom: 0px; display: flex; width: auto; } .search-results .search-results__item { position: relative; width: 100%; margin-top: 30px; border-bottom: 3px solid; border-bottom-color: var(--Color-Secondary); box-shadow: var(--BoxShadow-3); background-color: var(--Color-White); padding: 20px; } .search-results .search-result__title { font-size: var(--Font-20); margin-bottom: 10px; } /* 404 page */ .Page404 { max-width: 1000px; } .Page404 img { max-width: 450px; margin-bottom: 30px; } .Page404 .error { text-transform: uppercase; } .Page404 .Button { margin: 0px 5px; } .Page404.pageThankYou .TitleText { font-size: 80px; font-weight: 700; text-transform: uppercase; line-height: 0.9; color: var(--Color-Primary); max-width: 400px; margin: 0 auto; } .Page404.pageThankYou .TitleText:before { content: "\f058"; font-family: var(--FontFamily-fontawesome); display: block; margin-bottom: 25px; line-height: normal; } /* Swiper */ .swiper-pagination-bullet { display: inline-block; width: 7px; height: 7px; background-color: var(--Color-White); opacity: 0.5; } .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;} /* Arrow */ .ArrowPrev, .ArrowNext { overflow: hidden; background-color: transparent; transition: var(--Transition-2s); margin: 0px 5px; width: 35px; height: 35px; display: inline-block; border: 1px solid; border-color: var(--Color-Secondary); position: relative; color: var(--Color-Secondary); } .ArrowPrev:hover, .ArrowNext:hover { background-color: var(--Color-Secondary); color: var(--Color-White); } .ArrowPrev.swiper-button-disabled, .ArrowNext.swiper-button-disabled { opacity: 0.5; pointer-events: none; } .ArrowPrev:after, .ArrowNext:after, .ArrowPrev:before, .ArrowNext:before { line-height: normal; transition: var(--Transition-2s); font-size: var(--Font-12); font-family: var(--FontFamily-fontawesome); position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: var(--Transition-2sl); } .ArrowPrev:after, .ArrowPrev:before { content: "\f060"; } .ArrowNext:after, .ArrowNext:before { content: "\f061"; left: auto; } .ArrowPrev:after { left: 100%; } .ArrowPrev:before { left: 0; } .ArrowPrev:hover:after { left: 0; } .ArrowPrev:hover:before { left: -100%; } .ArrowNext:after { right: 100%; } .ArrowNext:before { right: 0; } .ArrowNext:hover:after { right: 0; } .ArrowNext:hover:before { right: -100%; } .border-bottom-3 { border-bottom: 3px solid var(--Color-Secondary); } .border-bottom-5 { border-bottom: 5px solid var(--Color-Secondary); } .border-top-9 { border-top: 9px solid var(--Color-Secondary); } .border-bottom-blue-3 { border-bottom: 3px solid var(--Color-Primary); } .border-bottom-blue-5 { border-bottom: 5px solid var(--Color-Primary); } .border-bottom-blue-sricky-5 { position: relative; margin-bottom: 5px; } .border-bottom-blue-sricky-5:after { top: 100%; content: ""; position: absolute; left: 5%; right: 5%; height: 5px; background-color: var(--Color-Secondary); } /* width class */ .w-36 { width: 36%; } .w-43 { width: 43%; } .w-57 { width: 57%; } /* padding and margin class */ .section-padding { padding: 70px 0; width: 100%; } .section-padding-top-0 { padding-top: 0px; } .section-padding-bottom-0 { padding-bottom: 0px; } .section-padding-50 { padding: 50px 0; } .section-padding-50-top-0 { padding-top: 0px; } .section-padding-50-bottom-0 { padding-bottom: 0px; } .padding-20-30 { padding: 20px 30px; } .padding-15 { padding: 15px; } .padding-25 { padding: 25px; } .padding-30 { padding: 30px; } .padding-35 { padding: 35px; } .padding-40 { padding: 40px; } .padding-50 { padding: 50px; } /* padding Top */ .padding-top-15 { padding-top: 15px; } .padding-top-20 { padding-top: 20px; } .padding-top-25 { padding-top: 25px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-90 { padding-top: 90px; } /* padding Bottom */ .padding-bottom-15 { padding-bottom: 15px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-90 { padding-bottom: 90px; } /* padding right */ .padding-right-15 { padding-right: 15px; } .padding-right-20 { padding-right: 20px; } .padding-right-25 { padding-right: 25px; } .padding-right-30 { padding-right: 30px; } .padding-right-40 { padding-right: 40px; } .padding-right-50 { padding-right: 50px; } .padding-right-90 { padding-right: 90px; } /* padding left */ .padding-left-15 { padding-left: 15px; } .padding-left-20 { padding-left: 20px; } .padding-left-25 { padding-left: 25px; } .padding-left-30 { padding-left: 30px; } .padding-left-40 { padding-left: 40px; } .padding-left-50 { padding-left: 50px; } .padding-left-90 { padding-left: 90px; } /* col padding */ .col-padding-10 { padding-left: 10px; padding-right: 10px; } .col-padding-15 { padding-left: 15px; padding-right: 15px; } .row-15 { margin-left: -15px; margin-right: -15px; } .row-10 { margin-left: -10px; margin-right: -10px; } .row-5 { margin-left: -5px; margin-right: -5px; } /* margin bottom */ .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-16 { margin-bottom: 16px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } /* margin top */ .margin-top--20 { margin-top: -20px; } .margin-top--30 { margin-top: -30px; } .margin-top--50 { margin-top: -50px; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } /* heading */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--Color-323232); margin-bottom: 20px; } @media (max-width:575px) { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: var(--Color-323232); margin-bottom: 15px; } } h1 { font-size: var(--Font-78); line-height: 1.1; font-weight: var(--Font-700); color: var(--Color-323232); } h2 { font-size: var(--Font-36); line-height: 1.3; font-weight: var(--Font-600); color: var(--Color-323232); } h3 { font-size: var(--Font-32); line-height: 1.2; font-weight: var(--Font-500); color: var(--Color-323232); } h4 { font-size: var(--Font-28); line-height: 1.2; font-weight: var(--Font-700); color: var(--Color-323232); } h5 { font-size: var(--Font-24); line-height: 1.2; color: var(--Color-323232); font-weight: var(--sttl-theme-font-600); } h6 { font-size: var(--Font-20); line-height: 1.2; color: var(--Color-323232); font-weight: var(--sttl-theme-font-600); } /* BG class */ .BG-White { background-color: var(--Color-White); } .BG-EE6700 { background-color: var(--Color-Secondary); } .BG-1C3D82 { background-color: var(--Color-Primary); } .BG-03616c { background-color: var(--Color-PrimaryLight); } .BG-F0F7F8 { background-color: var(--Color-F0F7F8); } .BG-EAEBF1 { background-color: var(--Color-EAEBF1); } .BG-EFF1F6 { background-color: var(--Color-EFF1F6); } .BG-calendar { background-color: #00000012; } .Color-EE6700 { color: var(--Color-Secondary); } .Color-1C3D82 { color: var(--Color-Primary); } .Color-White { color: var(--Color-White); } .Color-323232 { color: var(--Color-323232); } .font-0 { font-size: 0px; } .font-style-12 { font-size: var(--Font-12); } .font-style-14 { font-size: var(--Font-14); } .font-style-18 { font-size: var(--Font-18); font-weight: var(--Font-500); } .font-style-16 { font-size: var(--Font-16); font-weight: var(--Font-500); } .font-style-32, .search-form+h2 { font-size: var(--Font-32); font-weight: var(--Font-600); } .font-style-24 { font-size: var(--Font-24); font-weight: var(--Font-600); } .font-style-22 { font-size: var(--Font-22); font-weight: var(--Font-600); } .font-style-20 { font-size: var(--Font-20); font-weight: var(--Font-600); } /* Font class */ .font-10 { font-size: var(--Font-12); } .font-12 { font-size: var(--Font-12); } .font-13 { font-size: var(--Font-13); } .font-14 { font-size: var(--Font-14); } .font-15 { font-size: var(--Font-15); } .font-16 { font-size: var(--Font-16); } .font-18 { font-size: var(--Font-18); } .font-20 { font-size: var(--Font-20); } .font-24 { font-size: var(--Font-24); } .font-28 { font-size: var(--Font-28); } .font-32 { font-size: var(--Font-32); } .font-36 { font-size: var(--Font-36); } .font-400 { font-weight: var(--Font-400); } .font-500 { font-weight: var(--Font-500); } .font-600 { font-weight: var(--Font-600); } /* boerders */ .border-bottom-gray-1{ border-bottom: 1px solid rgb(216 216 216);} /* button and cta link*/ .js-form-submit { text-transform: uppercase; } .Button, .js-form-submit, .dialog.smoke button { text-align: center; border: none; line-height: 31px; transition: var(--Transition-2s); font-size: var(--Font-16); color: var(--Color-White); background-color: var(--Color-Primary); padding: 7px 20px; } .Button:hover, .Button:focus, .js-form-submit:hover, .js-form-submit:focus, .dialog.smoke button:hover, .dialog.smoke button:focus { background-color: var(--Color-Secondary); color: var(--Color-White); } .Button-Outline { text-align: center; line-height: 29px; min-height: 45px; color: var(--Color-Secondary); background-color: transparent; padding: 7px 20px; border: 1px solid; border-color: var(--Color-Secondary); } .Button-Outline:hover, .Button-Outline:focus { background-color: var(--Color-Secondary); color: var(--Color-White); } .PDFButton { text-align: center; border: none; line-height: 31px; transition: var(--Transition-2s); font-size: var(--Font-16); color: var(--Color-White); background-color: var(--Color-Secondary); padding: 7px 15px; position: relative; padding-right: 60px; } .PDFButton:hover,.PDFButton:focus { background-color: var(--Color-Primary); color: var(--Color-White); } .PDFButton:after { content: "\f1c1"; font-family: var(--FontFamily-fontawesome); width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; background-color: var(--Color-Primary); transition: var(--Transition-2s); } .PDFButton:hover:after, .PDFButton:focus:after { background-color: var(--Color-Secondary); } .cta-link { position: relative; color: var(--Color-Secondary); font-weight: var(--Font-500); transition: var(--Transition-2sl); } .cta-link:hover { color: var(--Color-Primary); } .cta-link:after { transition: var(--Transition-2sl); content: "\f061"; font-family: var(--FontFamily-fontawesome); margin-left: 7px; vertical-align: middle; position: relative; z-index: 1; } .cta-link:hover:after { right: 2px; } /* LI Padding */ .HeaderMenu ul li, .SocialFeed .NonResposniveTabs ul li, footer .SocialIcons ul li, .TabsButtons ul li { padding-left: 0px; margin-bottom: 0px; } footer .SocialIcons ul li:after, footer .Menu-1 ul li:after, div#AccessibilityControl ul li:after, .HeaderMenu ul li:after, .SocialFeed .NonResposniveTabs ul li:after, .TabsButtons ul li:after { display: none; } .TabsButtons{border-bottom: 1px solid var(--Color-DBDBDB); margin-bottom: 40px;} .TabsButtons ul { display: flex; flex-wrap: wrap; margin: -20px -10px 0px; } .TabsButtons ul li { display: flex; margin: 20px 10px 0px; } .TabsButtons ul li.Active { pointer-events: none; } .TabsButtons ul li a { background-color: var(--Color-DBDBDB); display: inline-block; color: var(--Color-323232); padding: 19px 39px; font-weight: var(--Font-500); font-size: var(--Font-20); } .TabsButtons ul li a:hover { background-color: var(--Color-Primary); color: var(--Color-White); } .TabsButtons ul li.Active a { background-color: var(--Color-Primary); color: var(--Color-White); } .TabsButtons ul li.Active a:hover{ background-color: var(--Color-Secondary); } /* header */ header { z-index: 999; position: absolute; background-color: var(--Color-White); left: 0; top: 0; width: 100%; transition: var(--Transition-2sl); } .HeaderBottom { background-color: var(--Color-Primary); } .HeaderTop { padding: 16px 0px; } .Logo { width: 304px; } .Logo h1 { line-height: 1; } .AccessibilityBox { width: calc(100% - 304px); } .StickyHeader header { top: -9px; animation: slideDownHeader 0.30s ease-out; transition: var(--sttl-themee-transition-2sl); position: fixed; box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5); } .StickyHeader .HeaderTop{padding: 10px 0px;} .StickyHeader .Logo a{ max-width: 290px;} body.user-logged-in header { position: relative; } @keyframes slideDownHeader { from { transform: translateY(-100%); } to { transform: translateY(0); } } /* Accessibility */ .Accessibility > button { width: 44px; height: 44px; background-color: var(--Color-Secondary); border-radius: 50%; position: relative; } .Accessibility > button:hover { background-color: var(--Color-Primary); } .Accessibility > button:after { content: ""; position: absolute; width: 35px; height: 35px; border: 2px solid var(--Color-White); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .Accessibility > button:before { content: ""; animation: tilt-shaking 0.9s infinite; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(0deg); border-radius: 50%; background-size: 44%; background-position: center center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255 255 255)' version='1.2' viewBox='0 0 21 23'%3E%3Cpath class='a' d='m12.6 5.3c-1.2 1.1-3.1 1.1-4.2 0-1.2-1.2-1.2-3 0-4.2 1.1-1.1 3-1.1 4.2 0 1.1 1.2 1.1 3 0 4.2z'/%3E%3Cpath class='a' d='m19.1 6.5q-2.1 0.4-4.3 0.6-2.2 0.2-4.3 0.2-2.2 0-4.4-0.2-2.1-0.2-4.3-0.6-0.4-0.1-0.7 0.1-0.3 0.3-0.4 0.6 0 0.4 0.2 0.7 0.2 0.3 0.6 0.4 0.7 0.1 1.5 0.2 0.7 0.1 1.4 0.2 0.7 0.1 1.5 0.2 0.7 0 1.5 0.1 0.2 0 0.5 0.1 0.3 0.2 0.4 0.4 0.2 0.2 0.3 0.5 0.1 0.3 0.1 0.6l-0.2 1.4q-0.1 0.9-0.3 1.8-0.1 0.8-0.3 1.7-0.2 0.8-0.5 1.7-0.2 0.8-0.5 1.6l-1.1 2.9q-0.1 0.3 0 0.7 0.2 0.3 0.5 0.4 0.4 0.2 0.7 0 0.3-0.1 0.5-0.5l0.2-0.5q1.3-2.8 2.4-5.6 0.1-0.1 0.2-0.2 0.1-0.1 0.2-0.1 0.1 0 0.2 0.1 0.1 0.1 0.1 0.2 1.1 2.8 2.4 5.6l0.3 0.6q0.1 0.1 0.1 0.2 0.1 0.1 0.2 0.2 0.1 0 0.3 0.1 0.1 0 0.2 0 0 0 0.1 0 0 0 0.1 0 0 0 0 0 0.1 0 0.1 0 0.2-0.1 0.3-0.2 0.1-0.1 0.2-0.3 0.1-0.2 0.1-0.3 0-0.2-0.1-0.4l-1-2.9q-0.3-0.8-0.6-1.6-0.2-0.9-0.4-1.7-0.2-0.9-0.4-1.7-0.1-0.9-0.2-1.8l-0.2-1.4q0-0.3 0-0.6 0.1-0.3 0.3-0.5 0.2-0.2 0.5-0.3 0.2-0.2 0.5-0.2 0.7 0 1.5-0.1 0.7-0.1 1.4-0.2 0.7-0.1 1.5-0.2 0.7-0.1 1.4-0.2 0.2 0 0.3-0.1 0.1-0.1 0.3-0.2 0.1-0.1 0.1-0.3 0.1-0.1 0.1-0.3 0-0.2-0.1-0.4-0.1-0.2-0.2-0.3-0.2-0.1-0.4-0.2-0.2 0-0.4 0z'/%3E%3C/svg%3E"); } .Accessibility > button img { display: none; } div#AccessibilityControl {box-shadow: var(--BoxShadow-1); width: 340px; position: fixed; right: -340px; top: 0; transition: var(--Transition-2sl); z-index: 9999; background-color: var(--Color-White); overflow: hidden; } .AccessibilityOpen div#AccessibilityControl { right: 0px; } div#AccessibilityControl ul { padding: 20px; background-color: var(--Color-White); margin: -10px -5px 0px; } div#AccessibilityControl ul li { padding: 10px; width: calc(50% - 10px); border: 1px solid var(--Color-CBCCDB); margin: 10px 5px 0px; min-height: 80px; } div#AccessibilityControl ul li .fontScalerGrp{ display: flex; flex-wrap: wrap; justify-content: center;} div#AccessibilityControl .fontScaler { padding: 0; min-height: unset; border: none; margin: 2px 4px; background-color: var(--Color-EAEBF1); width: 22px; height: 22px; color: var(--Color-323232); display: flex; justify-content: center; align-items: center; line-height: 1; font-size: var(--Font-12); } div#AccessibilityControl .fontScaler.current{ background-color: var(--Color-000000); color: var(--Color-White); } div#AccessibilityControl ul li span { width: 100%; display: block; font-weight: var(--Font-400); line-height: normal; } div#AccessibilityControl .Heading { align-items: center; z-index: 1; font-size: var(--Font-18); font-weight: var(--Font-500); background-color: var(--Color-Secondary); padding: 10px 15px; color: var(--Color-White); display: flex; justify-content: space-between; } div#AccessibilityControl .AccessibilityClick { color: var(--Color-White); } div#AccessibilityControl .contrastChanger { width: 19px; height: 19px; padding: 0; min-height: 0; font-size: 0; margin: 2px 4px; border-radius: 0%; border: none; } div#AccessibilityControl #mode_normal { border: 1px solid var(--Color-000000); background-color: var(--Color-White); } div#AccessibilityControl #mode_contrast { border: 1px solid var(--Color-000000); background-color: var(--Color-000000); } div#AccessibilityControl ul li .PauseAnimationAcc .StartAnimationIcon:after { content: "\f04c"; font-family: var(--FontFamily-fontawesome); } div#AccessibilityControl ul li .PauseAnimationAcc.paused .StartAnimationIcon:after { content: "\f04b"; } div#AccessibilityControl ul li .CursorAnimationAcc span:after { content: "\f245"; font-family: var(--FontFamily-fontawesome); } /* SearchBox */ .SearchBox { position: relative; margin-right: 15px; min-width: 319px; } .SearchBox .js-form-item { width: calc(100% - 60px); } .SearchBox form { display: flex; } .SearchBox .js-form-item input { border: 1px solid var(--Color-D8D8D8); width: 100%; border-right: none; font-size: var(--Font-12); } .SearchBox .form-submit {background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='%239e9e9e'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848,23.658a.882.882,0,0,1-.625-.259l-4.512-4.437a.884.884,0,0,1,1.25-1.25l4.512,4.437a.883.883,0,0,1-.625,1.51Z' transform='translate(-3.658 -3.658)' fill='%239e9e9e'/%3E%3C/svg%3E%0A"); border: 1px solid var(--Color-CECECE); width: 60px; height: 45px; min-height: 45px; background-position: center center; background-size: 20px; background-repeat: no-repeat; background-color: transparent; padding: 0; font-size: 0px; } .SearchBox .form-submit:hover { border-color: var(--Color-Secondary); background-color: var(--Color-Secondary); background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='rgb(255 255 255)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848, 23.658a.882.882, 0, 0, 1-.625-.259l-4.512-4.437a.884.884, 0, 0, 1, 1.25-1.25l4.512, 4.437a.883.883, 0, 0, 1-.625, 1.51Z' transform='translate(-3.658 -3.658)' fill='rgb(255 255 255)'/%3E%3C/svg%3E%0A"); } .SearchIconResponsive { font-size: var(--Font-16); background-color: var(--Color-Secondary); border-radius: 50%; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; color: var(--Color-White); margin-right: 6px; } .SearchBox .form-item { margin-bottom: 0px; } /* Language */ .Language { margin-right: 15px; } .Language .dropbutton-wrapper { --dropbutton--active-bg-color: transparent !important; } .Language .dropbutton-widget { height: auto; padding: 0; } .Language .dropbutton li { margin-bottom: 0px; width: auto; padding: 0px 0px; color: var(--Color-Primary); font-size: 14px; } .Language .dropbutton-action:first-child { background: transparent; border: none; border-radius: 0px; margin-inline-end: 0; } .Language .dropbutton-action:first-child:before { width: 13px; height: 13px; display: inline-block; position: absolute; right: -17px; top: 50%; transform: translateY(-50%); background-position: center center; background-repeat: no-repeat !important; content: ""; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(5 120 135)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } .Language .dropbutton li:after { display: none; } .Language .dropbutton { min-width: 115px; height: 45px; display: flex; align-items: center; flex-wrap: wrap; position: relative; border: 2px solid; border-color: var(--Color-Primary); padding-left: 25px; padding-right: 43px; } .Language ul .dropbutton-toggle button { border: none; outline: none; position: relative; background-color: transparent; width: 100%; height: 100%; } .Language ul .dropbutton-toggle button:before { display: none; } .Language ul .dropbutton-toggle { padding: 0px 0px; position: absolute; top: unset; transform: unset; margin-bottom: 0px; left: 0; width: 100%; height: 100%; } .Language .dropbutton .secondary-action { position: absolute; top: 100%; background-color: var(--Color-Primary); left: -2px; padding: 0px 0px; border: none; width: auto; right: -2px; visibility: visible; display: none; } .Language .dropbutton-wrapper.open .secondary-action { display: block; } .Language .dropbutton .secondary-action a { margin-bottom: 0px; font-weight: var(--Font-400); display: block; width: 100%; text-align: left; padding: 7px 20px; color: var(--Color-White); text-decoration: none; outline: none; padding-left: 27px; } /* BannerHome */ .BannerHome { height: 560px; width: 100%; } /* .BannerHome .Heading{text-align: center; margin: 0 auto;} */ .BannerHome .Heading{position: relative; top: 200px; opacity: 0; transition: .6s all; transition-delay: 0.5s; width: 100%; max-width: 600px;} .BannerHome .Heading h1,.BannerHome .Heading h2, .BannerHome .Heading h3, .BannerHome .Heading h4, .BannerHome .Heading h5,.BannerHome .Heading h6 { line-height: 1.3; color: var(--Color-White); margin: 0px 0px 5px; display: block; font-size: var(--Font-46); font-weight: var(--Font-700); } .BannerHome .Heading p{ color: var(--Color-White); font-size: var(--Font-18); padding-bottom: 25px;} .BannerHome .HeadingBox { z-index: 11; position: relative; width: 100%; overflow: hidden; } .BannerHome .img-center{ z-index: 1;} .BannerHome .BannerHomeBox { padding-bottom: 0px; } .BannerHome .views-element-container, .BannerHome .views-element-container>div, .BannerHome .HomeBannerSwiper, .BannerHome .BannerHomeSlider, .BannerHome > div { height: 100%; } .BannerHome .HomeBannerPagination {position: absolute; z-index: 1; right: 41px; background-color: rgba(0, 0, 0, 0.60); padding: 7px 6px; border-radius: 30px; margin: 7px 0px!important; top: calc(50% - 24px); } .BannerHome .BannerHomeBox .BannerHomeBoxIn { z-index: 1; } .BannerHome .BannerHomeBox .BannerHomeBoxIn:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); } .BannerHome .Heading .Button{margin-right: 5px;} .BannerHome .Heading .Button-Outline{ color: var(--Color-White); border-color: var(--Color-White);} .BannerHome .Heading .Button-Outline:hover, .BannerHome .Heading .Button-Outline:focus{ background-color: var(--Color-Secondary); border-color: var(--Color-Secondary);} .BannerHome .BannerHomeBox.swiper-slide-active .Heading{top: 0px; opacity: 1;} /* Marquee */ .Marquee { padding: 20px 0px; box-shadow: var(--BoxShadow-2); } .Marquee .MarqueeBox { width: 100%; overflow: hidden; white-space: nowrap; } .Marquee .MarqueeBox ul { display: inline-block; will-change: transform; -webkit-animation: marquee 35s linear infinite; animation: marquee 35s linear infinite; white-space: nowrap; } .Marquee .MarqueeBox ul li { margin-bottom: 0px; display: inline-block; margin-right: 30px; } .Marquee .MarqueeBox ul li:after { background-color: var(--Color-323232); border-radius: 0px; } .Marquee .MarqueeBox ul.MarqueePause { -webkit-animation-play-state: paused; animation-play-state: paused; } .Marquee .MarqueeWrap { display: flex; align-items: center; } .Marquee .cta-link { white-space: nowrap; margin-left: 54px; } .Marquee .Updates { margin-bottom: 0; margin-right: 30px; padding-right: 30px; position: relative; } .Marquee .MarqueeBtn:after { content: "\f04c"; font-family: var(--FontFamily-fontawesome); } .Marquee .MarqueeBtn.Play:after { content: "\f04b"; } .Marquee .Updates .MarqueeBtn { color: var(--Color-323232); position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; } /* LatestNewsSwiper */ .LatestNewsSwiper { height: 372px; } body[style="font-size: 106.25%;"] .LatestNewsSwiper { height: 425px;} .LatestNewsGrid .text p { line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .MediaGalleryGrid .Thumb { width: 100%; } .MediaGalleryGrid .text { line-height: 1.4; padding-top: 16px; } .MediaGalleryGrid .text p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .MediaGalleryGrid .LinkArrowBox, .LatestNewsGrid .LinkArrowBox { margin-top: 30px; } .MediaGalleryGrid .LinkArrowBox .ArrowBox, .LatestNewsGrid .LinkArrowBox .ArrowBox{ margin-right: -5px;} .SocialFeed { position: relative; } .SocialFeed .SocialFeedIn { height: 100%; overflow-y: auto; } .NotificationNew {background-color: var(--Color-Primary); } .NotificationBox .DateBox { width: 70px; height: 70px; background-color: var(--Color-Secondary); } .NotificationBox .text { width: calc(100% - 70px); padding-left: 20px; } .NotificationBox .DateBox span { display: block; line-height: 1; text-align: center; width: 100%; } .NotificationBox .DateBox .Day { font-size: var(--Font-26); } .NotificationBox .PDFDocIcon:after{width: 22px; height: 22px;} .NotificationNew .LatestNewsGrid, .NotificationNew .MediaGalleryGrid, .NotificationNew .SocialFeed { min-height: 502px; } /* ImageGridHome */ .ImageGridHome:after { background-color: var(--Color-White); height: 23%; bottom: 0; transform: unset; left: 0; top: auto; } .ImageGridHome { background-color: var(--Color-Primary-0-8); overflow: hidden; } .ImageGridHome .Thumb { padding-bottom: 55%; } .ImageGridHome .Thumb img { transition: var(--Transition-2s); } .ImageGridHome .Thumb:hover img { transform: translate(-50%, -50%) scale(1.1); } .ImageGridHome .Thumb:hover .SubHeading { bottom: 5px; color: var(--Color-White); } .ImageGridHome .Thumb:after { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .ImageGridHome .Thumb:hover:after { -webkit-animation: shine .75s; animation: shine .75s; } .ImageGridHome .SubHeading { transition: var(--Transition-2s); position: absolute; bottom: 0; left: 0; width: 100%; color: var(--Color-White); padding: 0px 15px 24px; text-align: center; font-family: var(--FontFamily-secondary); min-height: 82px; } /* AdvancedSearch */ .AdvancedSearch .ShadowBox{box-shadow: var(--BoxShadow-3);} .AdvancedSearch .AdvancedSearchBox { background-color: var(--Color-Primary); } .AdvancedSearch label { color: var(--Color-White); } .AdvancedSearchBox input, .AdvancedSearchBox select, .AdvancedSearchBox textarea, .AdvancedSearchBox .form-select { min-height: 60px; font-size: var(--Font-16); border: none; border-radius: 0px; color: var(--Color-AAAAAA); } .AdvancedSearchBox input::placeholder, .AdvancedSearchBox select::placeholder, .AdvancedSearchBox textarea::placeholder, .AdvancedSearchBox .form-select::placeholder { color: var(--Color-AAAAAA); } .AdvancedSearchBox .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(100, 100, 100, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important } .AdvancedSearchBox .button { color: var(--Color-White); width: 100%; text-align: center; min-height: 60px; align-items: center; display: flex; justify-content: center; background-color: var(--Color-Secondary); } .AdvancedSearchBox .button:hover, .AdvancedSearchBox .button:focus { background-color: #272c73; } .AdvancedSearchBox .col-field { width: 29%; } .AdvancedSearchBox .col-field.btn-field { width: 13%; } .AdvanceSearchItems { position: relative; display: flex; flex-wrap: wrap; align-items: center; border: 1.5px solid var(--Color-CBCCDB); transition: var(--Transition-2s); } .AdvanceSearchItems:after { transition: var(--Transition-2sl); content: ""; position: absolute; right: -2px; bottom: -2px; width: 0%; height: 0%; } .AdvanceSearchItems:hover:after { width: 30%; height: 50%; border-bottom: 3px solid var(--Color-Primary); border-right: 3px solid var(--Color-Primary); } .AdvanceSearchItems:before { transition: var(--Transition-2sl); content: ""; position: absolute; left: -2px; top: -2px; width: 0%; height: 0%; } .AdvanceSearchItems:hover:before { width: 30%; height: 50%; border-top: 3px solid var(--Color-Primary); border-left: 3px solid var(--Color-Primary); } .AdvanceSearchItems .Icons { background-color: var(--Color-F0F7F8); width: 90px; height: 90px; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .AdvanceSearchItems .Icons img { max-height: 60%; } .AdvanceSearchItems .BoxHeading { line-height: 1.2; padding-bottom: 0px; font-size: var(--Font-20); margin-bottom: 0px; width: calc(100% - 90px); padding-left: 38px; font-weight: var(--Font-500); } .AdvanceSearchItems:hover .BoxHeading { color: var(--Color-Primary); } .AdvancedSearchBox form { display: flex; flex-wrap: wrap; margin: -20px -10px 0px; } .AdvancedSearchBox .form-item{ margin-bottom: 0px;} .ContactBox .BoxHeading { font-size: inherit; width: calc(100% - 110px); } .ContactBox .AdvanceSearchItems .Icons { width: 110px; height: 110px; } .ContactBox .AdvanceSearchItems:hover .BoxHeading { color: var(--Color-323232); } /* DepartmentLogo */ .DepartmentLogo .DepartmentLogoA { margin: 0px; } .DepartmentLogo .DepartmentLogoA:after{ display: none;} .DepartmentLogo .swiper-slide { height: initial; padding: 0px 15px; } /* footer */ footer { background-color: var(--Color-Primary); padding: 28px 0px 20px; color: var(--Color-White); margin-top: auto; width: 100%; } footer .Address { font-size: var(--Font-14); } footer .SocialIcons ul li { display: flex; margin-left: 10px; } footer .SocialIcons ul { display: flex; flex-wrap: wrap; } footer .SocialIcons ul li a { width: 34px; height: 34px; border: 1px solid var(--Color-White); display: flex; justify-content: center; align-items: center; color: var(--Color-White); } footer .SocialIcons ul li a:hover { background-color: var(--Color-White); color: var(--Color-Primary); } footer .SocialIcons ul li a label { cursor: pointer; width: auto; height: auto; margin: 0px; color: inherit; } footer .SocialIcons a:after { content: none !important;} footer .SocialConnect { display: flex; justify-content: end; align-items: center; padding-bottom: 0px !important; } footer .SocialConnect .Heading { padding-bottom: 0px; font-size: var(--Font-20); margin-bottom: 0px; color: var(--Color-White); } footer .Menu-1 ul { display: flex; flex-wrap: wrap; margin-top: -5px; } footer .Menu-1 ul li a { color: var(--Color-White); } footer .Menu-1 ul li a:hover { color: var(--Color-000000); } footer .Menu-1.Menu-2 ul li a, footer .CopyRight { font-size: var(--Font-14); } footer .Menu-1 ul li { padding-left: 0px; margin-left: 0px; margin-bottom: 0px; padding-right: 10px; margin-right: 10px; border-right: 1px solid var(--Color-FFFFFF69); line-height: normal; margin-top: 5px; } footer .Menu-1 ul li:last-child { padding-right: 0px; margin-right: 0px; border: none; } footer .footer-col.LogoFooter { width: 30%; } footer .footer-col.AddressFooter { width: 52%; padding: 0px 60px; border-left: 1px solid var(--Color-FFFFFF69); } footer .footer-col.SocialFooter { width: 18%; padding-left: 42px; } footer .Visitors p, footer .Visitors { padding-bottom: 0; text-align: right; } footer .footer-col-4 { width: 78%; } footer .footer-col-5 { width: 22%; } /* BackToTop */ #BackToTop { transition: var(--Transition-2s); font-size: var(--Font-14); width: 35px; height: 35px; background-color: var(--Color-Secondary); border: 1px solid var(--Color-Secondary); position: fixed; bottom: 15px; right: 15px; z-index: 8; display: flex; justify-content: center; align-items: center; color: var(--Color-White); } #BackToTop:hover { background-color: transparent; color: var(--Color-Secondary); border-color: var(--Color-Secondary); } #BackToTop:after { animation: bounce 0.6s; animation-direction: alternate; animation-iteration-count: infinite; content: "\f062"; font-family: var(--FontFamily-fontawesome); } @keyframes bounce { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 2px, 0); } } /* widget */ .ui-widget.ui-widget-content { border: 1px solid var(--Color-EDF0F5); border-radius: 0px; box-shadow: var(--BoxShadow-1); } .ui-widget-header { border: 1px solid transparent; background: var(--Color-EDF0F5); color: var(--Color-323232); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid transparent; background: var(--Color-EDF0F5); font-weight: normal; color: var(--Color-323232); text-align: center; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid transparent; background: var(--Color-Primary); font-weight: normal; color: var(--Color-White); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: var(--Color-Primary); border-radius: 0px; } .ui-datepicker td { padding: 3px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { text-indent: unset !important; font-size: 0px } .ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:before { font-family: var(--FontFamily-fontawesome); font-size: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; } .ui-datepicker .ui-datepicker-prev span:after { content: "\f177"; } .ui-datepicker .ui-datepicker-next span:before { content: "\f178"; } /* Inner Page Design Satrt */ /* Icons for inner pages */ .file--application-pdf a, .file--x-office-spreadsheet a.XLSDocIcon{ font-size: 0px; margin-right: 5px;} .file--application-pdf a:after, .file--x-office-spreadsheet a.XLSDocIcon:after{ display: none;} .file--application-pdf .FileSizeDynamic, .FileSize, .file--x-office-spreadsheet .FileSizeDynamic{ font-size: var(--Font-14); } .file--application-pdf .FileSize{ display: none;} .file--application-pdf, .file--x-office-spreadsheet { display: inline-block; white-space: nowrap; } .file--application-pdf > a, .ExternalLink, .PDFLink, .PDFDocIcon, .XLSLink, .DOCLink, .XLSDocIcon, .DOCXDocIcon { position: relative; vertical-align: middle; } .ExternalLink:after, .PDFLink:after, .XLSLink:after, .DOCLink:after { margin-left: 5px; font-family: var(--FontFamily-fontawesome); } .ExternalLink:after { content: "\f08e"; font-family: var(--FontFamily-fontawesome); } .PDFLink:after { content: "\f1c1"; font-family: var(--FontFamily-fontawesome); } .ExcelLink:after { content: "\f1c3"; font-family: var(--FontFamily-fontawesome); } .DOCLink:after { content: "\f1c2"; font-family: var(--FontFamily-fontawesome); } .file--application-pdf a, .PDFDocIcon:after, .XLSDocIcon:after, .DOCXDocIcon:after, .file--x-office-spreadsheet a.XLSDocIcon { vertical-align: middle; content: ""; display: inline-block; width: 29px; height: 29px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .PDFDocIcon:after { background-image: url('../images/pdf.png');vertical-align: middle; } .file--application-pdf a { background-image: url('../images/pdf.png'); margin-left: 0px; width: 24px; } .XLSDocIcon:after { background-image: url('../images/xlsx.png'); } .DOCXDocIcon:after { background-image: url('../images/docx-file.png'); } .file--x-office-spreadsheet a.XLSDocIcon{background-image: url(../images/xlsx.png);} /* Table */ .table-responsive { width: 100%; } .table-responsive table { width: 100%; border: 1px solid var(--Color-DCDCDC); border-collapse: collapse; } .table-responsive tr th, .table-responsive tr td { vertical-align: middle; padding: 15px 20px; border-left: 1px solid var(--Color-DCDCDC); } .table-responsive tr th { line-height: 1.1; white-space: nowrap; font-weight: var(--Font-500); background-color: var(--Color-Secondary); color: var(--Color-White); padding-top: 23px; padding-bottom: 23px; } .table-responsive tr td { padding-top: 12px; padding-bottom: 12px; } .table-responsive tr:nth-child(even) td { background-color: var(--Color-EFF1F6); } .table-responsive tr th[data-heading="Sr. No."], .table-responsive tr th[data-heading="क्रमांक."], .table-responsive tr td[data-heading="अंतिम तिथि"], .table-responsive tr td[data-heading="आरंभ तिथि"] .table-responsive tr td[data-th="Sr. No."], .table-responsive tr td[data-th="Year"], .table-responsive tr td[data-th="Date"], .table-responsive tr td[data-th="Sr. No."], .table-responsive tr td[data-th="तारीख"], .table-responsive tr td[data-th="क्रमांक."], .table-responsive tr td[data-th="Start Date"], .table-responsive tr td[data-th="End Date"], .table-responsive tr td[data-th="State"], .table-responsive tr td[data-th="Year Category"] { white-space: nowrap; } .table-responsive tr th[data-heading="Title"], .table-responsive tr th[data-heading="शीर्षक"] { min-width: 300px; } .table-responsive tr td img { max-width: 50px; } .table-responsive tr th:nth-child(1) { width: 92px; white-space: nowrap; } .table-responsive tfoot td { font-weight: 700; background-color: var(--Color-DCDCDC); } /* page pagination */ .pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } .pager .pager__items { order: 2; display: flex; flex-wrap: wrap; justify-content: end; margin-right: -5px; margin-top: -10px; } .pager .pager__item { color: #666666; position: relative; width: 36px; height: 36px; padding: 0; border: 1px solid; border-color: #666666; display: flex; justify-content: center; align-items: center; margin: 10px 5px 0px; } .pager .pager__item:after { display: none; } .pager .pager__item .pager__link { color: #666666; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .pager .pager__item:hover { border-color: var(--Color-Secondary); } .pager .pager__item .pager__link:hover { background-color: var(--Color-Secondary); color: var(--Color-White); border-color: var(--Color-Secondary); } .pager .pager__item.pager__item--active { background-color: var(--Color-Secondary); color: var(--Color-White); border-color: var(--Color-Secondary); } .pager .pager__item svg, .pager .pager__item.pager__item--first, .pager .pager__item.pager__item--last { display: none; } .pager .pager__item.pager__item--previous a:before, .pager .pager__item.pager__item--next a:before { font-family: var(--FontFamily-fontawesome); } .pager .pager__item.pager__item--previous a:before { content: "\f060"; } .pager .pager__item.pager__item--next a:before { content: "\f061"; } .Pager_ViewFooter .pager { justify-content: space-between; } .coal-washeries .pager .pager__items { width: 100%; order: 1; } /* smokebg */ .smoke-base { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.69); } .smoke-base.smoke-visible { opacity: 1; visibility: visible; } .dialog.smoke { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); } .dialog.smoke .dialog-inner { font-weight: var(--Font-500); border-bottom: 5px solid var(--Color-Secondary); box-shadow: 0px 0px 24px #00000014; width: 100%; padding: 30px; background-color: var(--Color-White); max-width: 500px; text-align: center; } .dialog.smoke .dialog-buttons { padding-top: 10px; } .dialog.smoke button { margin: 0px 5px; padding: 4px 22px; } .dialog.smoke .dialog-inner:before { content: "\f360"; font-family: var(--FontFamily-fontawesome); font-size: 29px; line-height: 1; color: var(--Color-White); width: 60px; height: 60px; background-color: var(--Color-Secondary); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 15px; } /* BreadcrumbBanner */ .BreadcrumbBanner { min-height: 250px; width: 100%; } .BreadcrumbBanner img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: 100%; object-fit: cover; z-index: -1; } .BreadcrumbBox .PageTitle { margin-bottom: 62px; color: var(--Color-White); } .BreadcrumbBox ul { display: flex; flex-wrap: wrap; } .BreadcrumbBox ul li { padding: 0; color: var(--Color-White); margin-bottom: 0px; } .BreadcrumbBox ul li a { color: var(--Color-White); } .BreadcrumbBox ul li a:after, .BreadcrumbBox ul li a:before{ display: none;} .BreadcrumbBox ul li a:hover { color: var(--Color-Secondary); } .BreadcrumbBox ul li:after { border-radius: 0px; content: ""; width: 8px; height: 8px; display: inline-block; margin: 0px 10px 0px 3px; border-right: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg); position: relative; top: -2px; left: unset; background-color: transparent; } .BreadcrumbBox ul li:last-child:after { display: none; } .BreadcrumbBox nav.breadcrumb{ margin-bottom: 0px;} /* NewsBoxContent */ .NewsBoxContent .DateIcon { padding: 4px 9px; } .NewsBox.VideoBox .MediaIcon { left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 45px; height: 45px; transition: var(--Transition-2s); } .NewsBox.VideoBox .NewsBoxInner:hover .MediaIcon { transform: translate(-50%, -50%) scale(1); } .NewsBox.VideoBox .After.Thumb:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 60%) 100%); } .NewsBoxContent .SubHeading { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .NewsBox .NewsBoxInner{ transition: var(--Transition-2sl); top: 0;} .NewsBox .NewsBoxInner:hover{top: -5px; } .NewsBox.VideoBoxDetail .NewsBoxInner:hover { top: 0px; } /* PlayBtnSlider */ .PlayBtnSlider { overflow: hidden; background-color: transparent; position: relative; margin: 0px 5px; color: var(--Color-Secondary); width: 30px; height: 30px; border-radius: 50%; border: 1px solid; border-color: var(--Color-Secondary); } .PlayBtnSlider:hover { background-color: var(--Color-Secondary); color: var(--Color-White); } .PlayBtnSlider:focus { background-color: transparent; color: var(--Color-Secondary); } .PlayBtnSlider:before { line-height: normal; position: absolute; left: 0; top: 0%; font-size: var(--Font-14); content: "\f04c"; font-family: var(--FontFamily-fontawesome); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: var(--Transition-2sl); } .PlayBtnSlider:after { line-height: normal; position: absolute; left: 0; top: 100%; font-size: var(--Font-14); content: "\f04b"; font-family: var(--FontFamily-fontawesome); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: var(--Transition-2sl); } .PlayBtnSlider.paused:before { top: -100%; } .PlayBtnSlider.paused:after { top: 0; } .HomeBannerPlayBtn.PlayBtnSlider { position: absolute; right: 31px; bottom: auto; z-index: 1; border-color: var(--Color-White); top: 50%; transform: translateY(calc(-50% + 50px)); background-color: rgba(0, 0, 0, 0.60); color: var(--Color-White); border: none; } .HomeBannerPlayBtn.PlayBtnSlider:hover { background-color: rgba(0, 0, 0, 0.60); color: var(--Color-White); } .HomeBannerPlayBtn.PlayBtnSlider:focus { background-color: rgba(0, 0, 0, 0.60); color: var(--Color-White); } /* NewsDetail */ .NewsDetail .thumb img { width: 100%; } .NewsDetail .DateIcon { padding: 3px 14px; } .NewsDetail .file--application-pdf { display: flex; margin-bottom: 15px; } .NewsDetail .file--application-pdf>a { font-size: var(--Font-16); display: flex; align-items: center; } .NewsDetail .file--application-pdf>a> span { color: var(--Color-323232); } .NewsDetail .file--application-pdf>a:after { display: none; } .NewsDetail .file--application-pdf>a> span { display: flex; align-items: center; } .NewsDetail .file--application-pdf>a> span:before { margin: 0px 5px; content: ""; display: inline-block; background-image: url(../images/pdf.png); width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .NewsDetail .PDFButton { margin-bottom: 15px; } .NewsDetail .sub-text{ text-align: justify;} /* LinkBoxDesign */ .LinkBoxDesign .Box { text-align: center; } .LinkBoxDesign .Icon { min-height: 200px; background-color: var(--Color-EFF1F6); } .LinkBoxDesign .Icon img, .LinkBoxDesign .Icon svg { max-width: 70px; height: auto; } .LinkBoxDesign .Icon:hover .Heading {color: var(--Color-White); transition: var(--Transition-2s);} .LinkBoxDesign .Icon:hover{ background-color: var(--Color-Secondary); transition: var(--Transition-2s);} .LinkBoxDesign .Icon:hover svg path{ fill: var(--Color-White);} .LinkBoxDesign.Coalcompanies .Box{ position: relative; overflow: hidden;} .LinkBoxDesign.Coalcompanies .Icon { padding-bottom: 100px; display: block !important; min-height: auto; padding-top: 47px; position: relative; z-index: 1; overflow: hidden; } .LinkBoxDesign.Coalcompanies .Box .Heading { z-index: 1; padding: 15px 15px; margin-bottom: 0px; margin-top: 15px; } .LinkBoxDesign.Coalcompanies .Icon img{ max-width: unset; transition: var(--Transition-2s); } .LinkBoxDesign.Coalcompanies .Box:hover .Icon img{ transform: scale(1.1);} .LinkBoxDesign.Coalcompanies .Box:hover .Icon { background-color: var(--Color-EFF1F6); } .LinkBoxDesign.Coalcompanies .Icon .Heading { position: absolute; left: 0; bottom: 0; width: 100%; transition: var(--Transition-2s); margin: 0; font-size: var(--Font-18); } .LinkBoxDesign.Coalcompanies .Box:hover .Heading { background-color: transparent; opacity: 0; } .LinkBoxDesign.Coalcompanies .Icon:before { position: absolute; width: 100px; height: 100px; background-color: var(--Color-White); border-radius: 50%; content: ""; z-index: -1; transform: translate(-50%, -50%); top: 50%; left: 50%; opacity: 0; } .LinkBoxDesign.Coalcompanies .Box:hover .Icon:before { -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite; opacity: 1; } .LinkBoxDesign.Coalcompanies .Heading.HeadingEffect{transition: var(--Transition-2sl); transform: translateY(100%); background-color: var(--Color-Secondary); opacity: 1; bottom: 0px; left: 0; position: absolute; width: 100%; font-size: var(--Font-18);} .LinkBoxDesign.Coalcompanies .Box:hover .Heading.HeadingEffect{background-color: var(--Color-Secondary); color: var(--Color-White); opacity: 1; transform: translateY(0%);} .LinkBoxDesign.Coalcompanies .ExternalLink:after { content: "\f08e"; font-family: var(--FontFamily-fontawesome); right: 0; top: 0; position: absolute; font-size: initial; padding: 30px; color: #CFD1DF; transition: var(--Transition-2s); } .LinkBoxDesign.Coalcompanies .Box:hover .ExternalLink:after { color: var(--Color-Secondary); } .LinkBoxDesign.Coalcompanies .Box a { z-index: 1; position: relative; } .HeadingWithBg { background-color: var(--Color-Primary); font-size: var(--Font-20); color: var(--Color-White); padding: 15px 15px; margin-bottom: 30px; } /* section-padding */ .organizational-structure .section-padding { background-color: var(--Color-EDF0F5); } .about-us .section-padding { background-color: var(--Color-EFF1F6); } /* CustomTooltip */ .CustomTooltip p { padding-bottom: 0px; margin-bottom: 0px; width: 100%; } .CustomTooltip .Value { font-weight: var(--Font-700); font-size: var(--Font-20); } .CustomTooltip .Title { font-size: var(--Font-16); } .CustomTooltip .Box { border-right: 1px solid #d8d8d8; padding: 0px 15px; width: 50%; } .CustomTooltip .Box:last-child { border: none; } .CustomTooltip .Box-0 .Value { color: #45b7db; } .CustomTooltip .Box-1 .Value { color: #80b562; } .apexcharts-tooltip.apexcharts-theme-light { border: unset !important; background: unset !important; box-shadow: none !important; overflow: visible !important; } .CustomTooltip .CustomTooltipIn:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid white; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .CustomTooltip .CustomTooltipIn { background-color: var(--Color-White); box-shadow: var(--BoxShadow-2); border-radius: 0px; padding: 15px 0px; position: relative; border-radius: 8px; } /* MapMainBlock */ .MapMainBlock { padding: 63px 91px; box-shadow: var(--BoxShadow-4); } button.closePopup { color: var(--Color-Secondary); border-radius: 50%; background-color: var(--Color-White); font-size: var(--Font-18); position: absolute; top: 0; right: 0; transform: translate(50%, -50%); line-height: 1; display: none; } button.closePopup span { display: none; } button.closePopup:after { content: "\f057"; font-family: var(--FontFamily-fontawesome); } .organization-setup .section-padding, .main-office-and-regional-offices .section-padding { background-color: var(--Color-EDF0F5); } .MapSection path { fill: #DFE6F6; stroke: #C2CDE4; pointer-events: none; transition: all 0.3s ease; } .MapSection { position: relative; display: flex; flex-wrap: wrap; } .MapSection .LeftPart { position: relative; width: 600px; } .MapSection .LeftPart svg{ max-width: 100%; height: auto;} .MapSection .LeftPart svg path.state.active{ cursor: pointer; fill: #057887;} .MapSection .MapPopup { display: block; position: absolute; background-color: transparent; } .MapSection .state { cursor: pointer; transition: all 0.3s ease; } .MapSection .RightPart { width: calc(100% - 600px); } .locationIcon { transition: var(--Transition-2s); cursor: pointer; width: auto; height: auto; font-size: 28px; display: flex; justify-content: center; align-items: center; color: var(--Color-Secondary); display: none; } .locationIcon:after { content: "\f3c5"; font-family: var(--FontFamily-fontawesome); line-height: 1; } .HideShowDiv { z-index: 1; display: none; position: absolute; bottom: calc(100% + 14px); left: 50%; transform: translateX(-50%); background-color: rgba(255, 255, 255, 0.90); padding: 13px; min-width: 280px; max-width: 280px; text-align: left; color: var(--Color-323232); box-shadow: 0px 0px 30px #0000001A;} .HideShowDiv[style="display: block;"] + .locationIcon{animation: LocationScale 2s infinite;} .HideShowDiv h3 { font-weight: var(--Font-400); color: var(--Color-323232); font-size: var(--Font-15); border-bottom: 1px solid #DFE6F6; padding-bottom: 10px; margin-bottom: 10px; } .HideShowDiv h3 span { font-size: var(--Font-20); font-weight: var(--Font-600); } .HideShowDiv ul li, .HideShowDiv p { margin-bottom: 0; color: rgba(50, 50, 50, 0.75); padding-bottom: 0px; font-size: var(--Font-15); } .HideShowDiv ul li:after { width: 8px; height: 8px; background-color: transparent; border: 2px solid #057887; border-radius: 0px; top: 9px; } /* .HideShowDiv p { font-size: var(--Font-12); padding-bottom: 0px; line-height: 1.3; } */ .HideShowDiv:after { content: ""; position: absolute; bottom: 1px; left: 50%; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid rgba(255, 255, 255, 0.90); top: 100%; transform: translateX(-50%); } .MapSection .RightPartIn { width: 100%; max-width: 552px; } .MapSection .RightPartIn .state-button { font-weight: var(--Font-500); width: calc(50% - 24px); margin: 12px; font-size: var(--Font-24); padding: 22px 17px; background-color: #EDF0F5; color: var(--Color-323232); } .MapSection .RightPartIn .state-button:hover, .MapSection .RightPartIn .state-button.active { background-color: var(--Color-Primary); color: var(--Color-White); } .MapSection #State1Popup { left: 181px; top: 198px; } .MapSection #State2Popup { left: 222px; top: 359px; } .MapSection #State3Popup { left: 216px; top: 411px; } .MapSection #State4Popup { left: 299px; top: 323px; } .MapSection #State5Popup { left: 352px; top: 359px; } .MapSection #State6Popup { left: 341px; top: 310px; } .MapSection #State7Popup { left: 381px; top: 303px; } .MapSection #State8Popup { left: 496px; top: 258px; } body.state-State4 .MapSection #Path_62661, body.state-State4 .MapSection #State4, body.state-State8 .MapSection path#Path_62643, body.state-State7 .MapSection path#State8, body.state-State7 .MapSection path#State6, body.state-State7 .MapSection path#State7, body.state-State6 .MapSection path#State7, body.state-State6 .MapSection path#State6, body.state-State6 .MapSection path#Path_62661, body.state-State6 .MapSection path#Path_62647, body.state-State2 .MapSection path#Path_62661,body.state-State2 .MapSection path#Path_62648, body.state-State2 .MapSection path#Path_62662,body.state-State3 .MapSection path#Path_62669 { fill: #057887; } body.state-State8 .MapSection #State8{fill: #DFE6F6;} body.state-State1 .MapSection path{fill: var(--Color-Primary);} /* MainDashboard design start */ body.dashboard-0 .section-padding { padding: 0px !important; } body.dashboard-0 .section-padding>.container { max-width: 100% !important; padding: 0px !important; } /* switches-container */ .switches-container { padding: 4px; margin-left: 20px; width: 100%; max-width: 208px; position: relative; display: flex; position: relative; background-color: #F4F5EE; border-radius: 50px; } .switches-container input { visibility: hidden; position: absolute; top: 0; } .switches-container label { font-weight: var(--Font-500); width: 50%; margin: 0; text-align: center; cursor: pointer; color: var(--Color-323232); display: flex; justify-content: center; align-items: center; line-height: 1; padding: 14px 0px; font-size: var(--Font-20); font-weight: var(--Font-500); } .switch-wrapper { position: absolute; top: 0; bottom: 0; width: 50%; padding: 4px; z-index: 3; transition: transform .5s cubic-bezier(.77, 0, .175, 1); /* transition: transform 1s; */ } .switch { border-radius: 50px; background-color: #057887; height: 100%; } .switch div { width: 100%; text-align: center; opacity: 0; display: block; color: var(--Color-White); transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s; will-change: opacity; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: var(--Font-20); font-weight: var(--Font-500); } .switches-container input:nth-of-type(1):checked~.switch-wrapper { transform: translateX(0%); } .switches-container input:nth-of-type(2):checked~.switch-wrapper { transform: translateX(100%); } .switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) { opacity: 1; } .switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) { opacity: 1; } .switches-container .Link { width: 50%; font-size: var(--Font-20); font-weight: var(--Font-500); text-align: center; line-height: 1; color: var(--Color-323232); border-radius: 50px; padding: 10px 5px; } .switches-container .Link:hover{ color: var(--Color-Primary);} .switches-container .Link.Active { background-color: var(--Color-Primary); color: var(--Color-White); pointer-events: none; } /* DropdownBox */ .MapBlock .DropdownBox { padding-bottom: 25px; } .MapBlock .DropdownRow { margin: -20px -9px 0px; padding-bottom: 25px; } .MapBlock .DropdownCol { padding: 0px 9px; margin-top: 20px; } .MapBlock .Right { width: 59%; } .MapBlock .Left { width: 41%; padding-right: 36px; } .MapBlock svg{ width: 100%; max-width: 478px; height: auto;} /* DataBox */ .MainDashboard .DataBox{ transition: var(--Transition-2s); border-radius: var(--Rounded-22); padding: 23px 23px; height: 100%; overflow: hidden; position: relative;} .MainDashboard .DataBox:hover{ transform: scale(1.05);} .MainDashboard .DataBox.Production { background-color: var(--Color-D9DDF2); } .MainDashboard .DataBox.Despatch { background-color: var(--Color-BBEBE5); } .MainDashboard .DataBox.ImportExport { background-color: var(--Color-DCE6CE); } .MainDashboard .DataBox.ClosingStocks { background-color: var(--Color-F8DBD0); } .MainDashboard .DataBox.Royalty { background-color: var(--Color-C5DCE5); } .MainDashboard .DataBox.MineStatistics { background-color: var(--Color-D3D7DF); } .MainDashboard .DataBox .Category{ font-weight: var(--Font-500); font-size: var(--Font-20); padding-bottom: 6px; line-height: 1;} .MainDashboard .DataBox.Production .Category { color: var(--Color-5030AC); } .MainDashboard .DataBox.Despatch .Category { color: var(--Color-026B60); } .MainDashboard .DataBox.ImportExport .Category { color: var(--Color-558D00); } .MainDashboard .DataBox.ClosingStocks .Category { color: var(--Color-FB6A33); } .MainDashboard .DataBox.Royalty .Category { color: var(--Color-144E65); } .MainDashboard .DataBox.MineStatistics .Category { color: var(--Color-5B4268); } /* .MainDashboard .DataBox.MineStatistics .Category { padding-bottom: 12px; } */ /* .MainDashboard .DataBox.MineStatistics .DataBoxIn { padding: 25px 21px; } */ .MainDashboard .DataBox.MineStatistics .CategoryIn { font-weight: var(--Font-500); font-size: var(--Font-20); color: var(--Color-323232); } .MainDashboard .DataBox.CoalMineStatistics { background-color: #e6ded0; } .MainDashboard .DataBox.CoalMineStatistics .Category { color: #b46a00; } .MainDashboard .DataBox .Price { padding: 5px 0px 15px; font-weight: var(--Font-400); font-size: var(--Font-28); color: var(--Color-323232); line-height: 1; } .MainDashboard .DataBox .DataBoxIn { background-color: var(--Color-FFFFFF-52); border-radius: var(--Rounded-8); padding: 14px 10px; height: 100%; } .MainDashboard .DataBox .CategoryIn, .MainDashboard .DataBox .Category.CategoryIn { font-weight: var(--Font-400); font-size: 13px; line-height: 1; padding-bottom: 9px; color: var(--Color-323232); } .MainDashboard .DataBox .PriceIn, .MainDashboard .DataBox .Price.PriceSmall { padding-top: 0px; font-size: var(--Font-20); line-height: 1; font-weight: var(--Font-600); } .MainDashboard .whiteSpaceNowrap{white-space: nowrap;} .MainDashboard{ background-image: url(../images/dashboard-bg.png); padding: 30px 0px 40px; width: 100%; } .MainDashboard .HeadingBox{ padding-bottom: 28px;} .MainDashboard .DashboardHeading{ font-size: var(--Font-30); font-weight: var(--Font-600);} .MainDashboard .ShadowBox{margin-bottom: 40px; padding: 40px; background-color: var(--Color-FFFFFF-62); border-radius: var(--Rounded-22); box-shadow: unset;} .MainDashboard .ShadowBoxIn{background-color: var(--Color-White); margin-bottom: 0px; padding: 30px;} .MainDashboard .ShadowBox.WithHeading{ padding-top: 24px;} .MainDashboard .ShadowBoxHeadingBox{ padding-bottom: 20px;} .MainDashboard .ShadowBoxHeading { font-size: var(--Font-22); } .MainDashboard .ShadowBoxInHeading{font-size: var(--Font-20);} .MainDashboard .ShadowBoxIn.TwoBox{ padding: 20px 30px 30px;} .MainDashboard .ShadowBoxIn .w-Half{ width: 50%; padding-left: 30px;} .MainDashboard .ShadowBoxIn .w-Half.border-right { border-right: 1px solid #ebebeb; padding-left: 0px; padding-right: 30px; } .MainDashboard .TwoBoxRow { margin: -30px -15px 0px; } .MainDashboard .TwoBoxGrid { padding: 0px 15px; margin-top: 30px; } .MainDashboard label { color: var(--Color-323232); font-weight: var(--Font-400); margin-bottom: 5px; } .MainDashboard select {min-height: 45px; -webkit-appearance: none; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-size: 15px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba(5, 120, 135, 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; background-color: rgba(255, 255, 255,0.38); border: 1px solid; border-radius: 50px; color: #323232; font-size: var(--Font-16); font-weight: 500; border-color: rgba(112, 112, 112, 0.38); } .MainDashboard .Grade-Wise-Performance{max-width: 291px; min-width: 291px; margin-left: 15px; width: 100%;} .MainDashboard .DataBoxRow { margin: -32px -16px 0px; } .MainDashboard .DataBoxGrid { padding: 0px 16px; margin-top: 32px; } .MainDashboard .DataBoxRowIn { margin: -10px -5px 0px; } .MainDashboard .DataBoxGridIn { padding: 0px 5px; margin-top: 10px; } .MainDashboard .DataBoxRowIn.RevenueRow{ margin-bottom: 10px;} /* stateMap */ .MapBlock #stateMap .state{ cursor: pointer;} .MapBlock #stateMap path { fill: #4B9EA8; transition: var(--Transition-3s); } .MapBlock #stateMap path:hover{ fill: var(--Color-Secondary);} .MapBlock #stateMap .state.active { fill: var(--Color-Secondary); /* Active state color */ } .MapBlock .popup {line-height: 1.3; max-width: 200px; text-align: center; cursor: unset; display: none; position: absolute; padding: 10px 12px; box-shadow: 0px 0px 30px #0000001A; background-color: var(--Color-White); border-radius: var(--Rounded-8); font-size: var(--Font-16); font-weight: var(--Font-500); } .MapBlock .popup:after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid var(--Color-White); } /* ChartCustomToolTip */ .MainDashboard .ChartCustomToolTip{border: 1px solid #DEDEDE; background-color: var(--Color-White); border-radius: 15px; padding: 15px; min-width: 274px; display:flex; flex-wrap: wrap;} .MainDashboard .ChartCustomToolTip.WithTwoData{min-width: 223px;} .MainDashboard .ChartCustomToolTip .Items{ width: calc(100% / 3);} .MainDashboard .ChartCustomToolTip.WithTwoData .Items{ width: calc(100% / 2);} .MainDashboard .ChartCustomToolTip .BorderItem{ border-left: 1px solid #DEDEDE; } .MainDashboard .ChartCustomToolTip.WithTwoData .BorderItem{ border-right: none;} .MainDashboard .ChartCustomToolTip.WithOneData{min-width: 170px;} .MainDashboard .ChartCustomToolTip.WithOneData .Items { width: calc(100% / 1); text-align: center; } .MainDashboard .ChartCustomToolTip .Items .Value, .MainDashboard .ChartCustomToolTip .Items .Title{ width: 100%; display: block; text-align: center;} .MainDashboard .ChartCustomToolTip .Items .Value{ font-size: var(--Font-18); font-weight: var(--Font-600);} .MainDashboard .ChartCustomToolTip .Items .Value1{ color: var(--Color-3F96D5);} .MainDashboard .ChartCustomToolTip .Items .Value2{ color: var(--Color-ECC52B);} .MainDashboard .ChartCustomToolTip .Items .Value3{ color: var(--Color-3ABE76);} .MainDashboard .ChartCustomToolTip .Items .Title{font-size: 14px; color: var(--Color-323232);} .MainDashboard .ChartCustomToolTip .Items.Year{ width: 100%; margin-bottom: 15px; color: var(--Color-323232);} .MainDashboard .ChartCustomToolTip .Items .YearValue{font-size: var(--Font-18); font-weight: var(--Font-500);} #Coal-Production-Despatch-and-Import, #Monthly-Performance { width: 100%; height: 408px; } #Production, #DespatchChart { width: 100%; height: 500px; } /* Production */ .MainDashboard.SelectStyleSmall select { min-height: 40px; border-radius: 4px; border: 1px solid #CADFE2; background-color: var(--Color-White); } .MainDashboard .DropdownCol select.MainSelect{min-height: 45px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.38); border-color: rgba(112, 112, 112, 0.38);} .MainDashboard.SelectStyleSmall .SmallSelect { max-width: 130px; min-width: 127px; } .MainDashboard.SelectStyleSmall .MediumSelect {max-width: 240px; min-width: 197px; } .MainDashboard.SelectStyleSmall .Font14 { font-size: var(--Font-14); } .MainDashboard.SelectStyleSmall .ShadowBoxInHeading { max-width: 100%; } .MainDashboard.SelectStyleSmall .SelectWrapper{ margin-top: -10px;} .MainDashboard.SelectStyleSmall .SelectWrapper .SelectBox { margin-right: 10px; margin-top: 10px; } .MainDashboard.SelectStyleSmall .SelectWrapper .SelectBox:last-child { margin-right: 0px; } #Grade-wise-Coal-Production-Cooking-Coal, #Grade-wise-Coal-Production-Non-Cooking-Coal, #Company-wise-Coal-Production, #Coal-Production-in-OC-UG-Mines, #Month-wise-Coal-Production, #Coal-Production-Vested-Allocated-Act, div#Annual-Coal-Production { width: 100%; height: 434px; } .MainDashboard .mb-40 { margin-bottom: 40px; } .MainDashboard .ChartCustomToolTip.OC_UG .Items .Value1 { color: #5cb6da; } .MainDashboard .ChartCustomToolTip.OC_UG .Items .Value2 { color: #6293d8; } .MainDashboard.SelectStyleSmall .FourHeading { max-width: 100%; padding-right: 15px; } .DashboardBreadcum ul { display: flex; align-items: center; } .DashboardBreadcum ul li { margin-bottom: 0; padding: 0; color: #555555; } .DashboardBreadcum ul li a { color: #555555; } .DashboardBreadcum ul li a:hover { color: var(--Color-144E65); } .DashboardBreadcum ul li:after { border-radius: 0px; content: ""; width: 8px; height: 8px; display: inline-block; margin: 0px 10px 0px 3px; border-right: 2px solid #555555; border-bottom: 2px solid #555555; transform: rotate(-45deg); position: relative; top: -2px; left: unset; background-color: transparent; } .DashboardBreadcum ul li:last-child:after { display: none; } .MainDashboard .ChartCustomToolTip.WithSingleData{min-width: 170px;} .MainDashboard .ChartCustomToolTip.WithSingleData .Items { width: calc(100% / 1); text-align: center; border: none; } .AmchartHeight { width: 100%; height: 434px; } .am5exporting-menu{ top: -40px!important;} .am5exporting-icon:focus, .am5exporting-icon:hover, .am5exporting-menu-open .am5exporting-icon { background-color: var(--Color-D8D8D8)!important; } .am5exporting-icon{background-color: var(--Color-Primary) !important; background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='rgb(255 255 255)' stroke='none'%3E%3Cpath d='M2469 5104 c-61 -18 -136 -86 -165 -149 l-24 -50 0 -1392 c0 -766 -3%0A-1393 -8 -1393 -4 0 -156 149 -337 331 -182 182 -350 342 -374 356 -59 35%0A-170 44 -238 18 -57 -22 -127 -85 -156 -140 -32 -59 -31 -192 2 -255 32 -63%0A1198 -1229 1261 -1261 65 -34 195 -34 260 0 63 32 1229 1198 1261 1261 33 63%0A34 196 2 255 -29 55 -99 118 -156 140 -68 26 -179 17 -238 -18 -24 -14 -192%0A-174 -374 -356 -181 -182 -333 -331 -337 -331 -5 0 -8 627 -8 1393 l0 1392%0A-24 50 c-59 129 -208 192 -347 149z'/%3E%3Cpath d='M225 1701 c-96 -25 -183 -104 -209 -192 -19 -63 -22 -401 -5 -525 70%0A-503 470 -903 973 -973 108 -15 3044 -15 3152 0 503 70 903 470 973 973 17%0A124 14 462 -5 525 -19 65 -85 140 -152 172 -107 51 -243 21 -327 -73 -66 -74%0A-75 -114 -75 -343 0 -280 -30 -379 -153 -511 -68 -73 -132 -117 -225 -153%0Al-67 -26 -1515 -3 c-1483 -2 -1516 -2 -1593 18 -105 26 -177 69 -262 154 -134%0A135 -165 233 -165 521 0 229 -9 269 -75 343 -67 74 -185 115 -270 93z'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: 16px !important; background-repeat: no-repeat !important; background-position: center center !important; opacity: 1 !important; margin: 0 !important; width: 34px !important; height: 34px !important; } .am5exporting-icon:hover, .am5exporting-icon:focus, .am5exporting-icon:hover, .am5exporting-menu-open .am5exporting-icon{background-color: var(--Color-Secondary)!important;} .am5exporting-icon svg{ display: none!important;} ul.am5exporting-list { min-width: 100px; box-shadow: var(--BoxShadow-1); background: rgb(245 245 245); padding: 0px 0px; border: 1px solid var(--Color-D8D8D8); } ul.am5exporting.am5exporting-list li { margin-bottom: 0; padding: 0; border: none; } ul.am5exporting.am5exporting-list li a { border-top: 1px solid var(--Color-D8D8D8); color: var(--Color-Primary); padding: 5px 15px; } ul.am5exporting.am5exporting-list li a:hover { background-color: var(--Color-D8D8D8); } ul.am5exporting.am5exporting-list li a:hover span { color: var(--Color-323232); } ul.am5exporting.am5exporting-list li a:not([aria-label]) { color: var(--Color-323232); background-color: transparent; } ul.am5exporting.am5exporting-list li a:not([aria-label]):hover { color: var(--Color-323232); background-color: transparent; } ul.am5exporting.am5exporting-list li:first-child a { border-top: none; } ul.am5exporting.am5exporting-list li:empty, ul.am5exporting.am5exporting-list li:after, ul.am5exporting.am5exporting-list li a:empty { display: none; } .WithDownloadBtn { padding-top: 60px !important; } .FormBoxTop form { display: flex; flex-wrap: wrap; align-items: flex-end; margin: -15px -5px 30px; } .FormBoxTop form .form-item { width: calc((100% / 5) - 0px); margin-bottom: 0; margin-top: 15px; padding: 0px 5px; } .FormBoxTop form input.form-submit { width: calc(((100% / 5) / 2) - 10px); border-radius: 4px; min-height: 40px; padding: 0px; margin: 15px 5px 0px !important; } .FormBoxTop form input.reSetbutton { margin-left: 10px; } @media (max-width:1399px) { .MainDashboard .ShadowBox { padding: 30px; margin-bottom: 30px; } .MainDashboard .DataBox { padding: 20px; } .MainDashboard .DataBox .DataBoxIn { padding: 10px; } .MainDashboard .DataBoxRow { margin: -24px -12px 0px; } .MainDashboard .DataBoxGrid { padding: 0px 12px; margin-top: 24px; } .MapBlock .Left { padding-right: 12px; } .MapBlock .popup { padding: 8px 10px; } .MainDashboard .DataBox.MineStatistics .DataBoxIn { padding: 22px 15px; } .MainDashboard .mb-40 { margin-bottom: 30px; } } @media (max-width:1199px) { .MapBlock .Left { width: 100%; } .MapBlock .Right { width: 100%; } .MainDashboard .ShadowBox { padding: 30px; margin-bottom: 30px; } .MainDashboard .ShadowBoxIn { padding: 25px; } .MapBlock svg { margin: 0 auto; display: block; } .MainDashboard .ShadowBoxHeadingBox { flex-wrap: wrap; } .MainDashboard.SelectStyleSmall .SelectWrapper { flex-wrap: wrap; width: 100%; padding-top: 5px; } .MainDashboard .ShadowBoxIn .w-Half { width: 100%; padding-left: 0px; padding-top: 30px; } .MainDashboard .ShadowBoxIn .w-Half.border-right { border-right: none; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; border-bottom: 1px solid #ebebeb; } } @media (max-width:991px) { .MainDashboard .ShadowBox { padding: 25px; margin-bottom: 30px; } .MainDashboard .Grade-Wise-Performance { max-width: 200px; min-width: 200px; margin-left: 10px; } .MainDashboard.SelectStyleSmall .ShadowBoxInHeading { max-width: 100%; width: 100%; padding-bottom: 15px; } .FormBoxTop form .form-item{width: calc((100% / 3) - 0px);} .FormBoxTop form input.form-submit{width: calc(((100% / 3) / 2) - 10px);} } @media (max-width:767px) { .MainDashboard label { margin-bottom: 3px; } .MainDashboard .HeadingBox { padding-bottom: 20px; } .MainDashboard .ShadowBox { padding: 20px; margin-bottom: 25px; } .MapBlock .popup { padding: 6px 8px; } .Grade-Wise-Performance-Title { width: 100% !important; padding-bottom: 15px; } .MapBlock .DropdownCol { margin-top: 15px; } .MapBlock .DropdownRow { margin: -15px -9px 0px; padding-bottom: 20px; } #Coal-Production-Despatch-and-Import, #Monthly-Performance { width: 100%; height: 350px; } #Production, #DespatchChart { width: 100%; height: 400px; } .MainDashboard .ShadowBoxHeadingBox { padding-bottom: 15px; } .MainDashboard .DataBoxGrid { margin-top: 20px; } .MainDashboard .DataBoxRow { margin: -20px -12px 0px; } .MainDashboard .DataBox.MineStatistics .DataBoxIn { padding: 15px 15px; } .DashboardBreadcum { width: 100%; padding-top: 15px; } .MainDashboard .mb-40 { margin-bottom: 25px; } .FormBoxTop form{margin: -10px -5px 30px;} .FormBoxTop form .form-item{width: calc((100% / 2) - 0px);margin-top: 10px;} .FormBoxTop form input.form-submit{width: calc(((100% / 2) / 2) - 10px);} } @media (max-width:575px) { .MainDashboard .ShadowBox { padding: 15px; margin-bottom: 25px; } .MainDashboard .DataBox { padding: 15px; } .MainDashboard .DashboardHeading { width: 100%; } .switches-container { margin-left: 0px; margin-top: 10px; } #Coal-Production-Despatch-and-Import, #Monthly-Performance { width: 100%; height: 300px; } #Production, #DespatchChart { width: 100%; height: 350px; } .MainDashboard .ShadowBox.WithHeading { padding-top: 20px; } .MainDashboard .Grade-Wise-Performance { max-width: max-content; min-width: auto; margin-left: 5px; } .MainDashboard .DataBoxGrid { margin-top: 15px; } .MainDashboard .DataBoxRow { margin: -15px -12px 0px; } .MapBlock .DropdownCol { margin-top: 10px; } .FormBoxTop form .form-item{width: calc((100% / 1) - 0px);} .FormBoxTop form input.form-submit{width: calc(((100% / 1) / 2) - 10px);} } /* dark theme */ :root { body.HighContrast { --BoxShadow-1:0px 0px 24px #222222; --BoxShadow-2:0px 0px 18px #222; --BoxShadow-3:0px 0px 40px #222; --Color-EFF1F6:#222; --Color-d7e0f4:#000; --Color-DBDBDB: #222222; --Color-EDF0F5:#222; --Color-DCDCDC: #222; --Color-EAEBF1:#222; --Color-White: #fff; --Color-Secondary: #ff0; --Color-Primary: #ff0; --Color-PrimaryLight: #333; --Color-323232:#fff; --Color-AAAAAA: #AAAAAA; --Color-E3E6F2:#222; --Color-CBCCDB: #CBCCDB; --Color-D8D8D8:#D8D8D8; --Color-848484:#848484; --Color-CECECE: #CECECE; --Color-F0F7F8:#222; --Color-FFFFFF69:#FFFFFF69; } } body.HighContrast::-moz-selection { color: #323232; } body.HighContrast::selection { color: #000; } .HighContrast::selection { color: #000; } body.HighContrast { color: #fff; background-color: #000; } .HighContrast input, .HighContrast select, .HighContrast textarea, .HighContrast .form-select, .HighContrast .form-control { background-color: #222; color: #fff; } .HighContrast input::placeholder, .HighContrast select::placeholder, .HighContrast textarea::placeholder, .HighContrast .form-select::placeholder, .HighContrast .form-control::placeholder { color: #fff; } .HighContrast a:hover { color: #0f0; } .HighContrast h1, .HighContrast h2, .HighContrast h3, .HighContrast h4, .HighContrast h5, .HighContrast h6, .HighContrast.h1, .HighContrast .h2, .HighContrast .h3, .HighContrast .h4, .HighContrast .h5, .HighContrast .h6 { color: var(--Color-323232); } .HighContrast .ArrowPrev:hover, .HighContrast .ArrowNext:hover, .HighContrast .Language .dropbutton .secondary-action a, .HighContrast .js-form-submit, .HighContrast .Button, .HighContrast .dialog.smoke button { color: #000; } .HighContrast .js-form-submit, .HighContrast .Button, .HighContrast .dialog.smoke button { background-color: #ff0; } .HighContrast .js-form-submit:hover, .HighContrast .Button:hover, .HighContrast .dialog.smoke button:hover, .HighContrast footer .SocialIcons ul li a:hover { background-color: #0f0; color: #000; } .HighContrast .PDFButton { color: #000; } .HighContrast .PDFButton:after, .HighContrast .TabsButtons ul li.Active a:hover { background-color: #0f0; } .HighContrast .PDFButton:hover { color: #000; background-color: #0f0; } .HighContrast .PDFButton:hover:after { background-color: #ff0; } .HighContrast .BannerHome .Heading, .HighContrast .BreadcrumbBox .PageTitle { color: var(--Color-323232); } .HighContrast .HeaderMenu ul li a, .HighContrast .BreadcrumbBox ul li a, .HighContrast footer .SocialIcons ul li a, .HighContrast footer .Menu-1 ul li a, .HighContrast .SocialFeed .NonResposniveTabs li.active:nth-child(1), .HighContrast .SocialFeed .NonResposniveTabs li.active:nth-child(2), .HighContrast .pager .pager__item .pager__link { color: #ff0; } .HighContrast .BreadcrumbBox ul li, .HighContrast label { color: #fff; } .HighContrast .table-responsive thead tr th, .HighContrast div#AccessibilityControl .Heading, .HighContrast div#AccessibilityControl .AccessibilityClick, .HighContrast .pager .pager__item.pager__item--active, .HighContrast .PlayBtnSlider:hover, .HighContrast .NewsBox.VideoBox .MediaIcon { color: #000; } .HighContrast .BreadcrumbBox ul li a:hover, .HighContrast footer .Menu-1 ul li a:hover, .HighContrast .text-hover:hover .cta-link { color: #0f0; } .HighContrast .Logo img { filter: invert(1); } .HighContrast .HeaderMenu ul>li ul li a { border-bottom: 1px solid #000000; } .HighContrast .Accessibility>button:after { border-color: #000; } .HighContrast .HeaderMenu>nav>ul>li.parent>a:after { border: 2px solid #ff0; border-top: none; border-right: none; } .HighContrast .HeaderMenu ul>li ul li.parent>a:after { border: 2px solid #ff0; border-bottom: none; border-left: none; } .HighContrast div#AccessibilityControl ul li { border: 1px solid var(--Color-323232); } .HighContrast footer .SocialIcons ul li a, .HighContrast .pager .pager__item { border: 1px solid #ff0; } .HighContrast footer .SocialIcons ul li a:hover { border: 1px solid #0f0; } .HighContrast div#AccessibilityControl #mode_contrast { border: 1px solid #ffffff; } .HighContrast .SocialFeed .NonResposniveTabs li:before { border-bottom-color: #222; } .HighContrast footer, .HighContrast .HeaderBottom, .HighContrast .HeaderMenu ul>li ul li a, .HighContrast .AdvancedSearch .AdvancedSearchBox, .HighContrast .view-filters { background-color: #222; } .HighContrast header, .HighContrast .HeaderMenu ul li.hover>a, .HighContrast .AdvancedSearch .ShadowBox, .HighContrast .AdvancedSearchBox input, .HighContrast .AdvancedSearchBox select, .HighContrast .AdvancedSearchBox textarea, .HighContrast .AdvancedSearchBox .form-select, .HighContrast .ImageGridHome:after, .HighContrast div#AccessibilityControl ul, .HighContrast .NewsBoxContent .DateIcon, .HighContrast .dialog.smoke .dialog-inner, .HighContrast.about-us .section-padding, .HighContrast.organizational-structure .section-padding, .HighContrast .FeedBackPage, .HighContrast .LinkBoxDesign .Icon { background-color: #000; } .HighContrast .Button-Outline:hover, .HighContrast .Button-Outline:focus { background-color: #0f0; border-color: #0f0; color: #000; } .HighContrast .pager .pager__item .pager__link:hover { border: 1px solid #ff0; color: #000; background-color: #ff0; } .HighContrast .ShadowBox, .HighContrast .search-results .search-results__item { background-color: #222; } .HighContrast .Accessibility>button:hover { background-color: #0f0; } .HighContrast .dialog.smoke .dialog-inner:before, .HighContrast .TabsButtons ul li.Active a, .HighContrast .TabsButtons ul li a:hover, .HighContrast #BackToTop { color: #000; } .HighContrast .form-select, .HighContrast select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } .HighContrast .DateCalander { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='21.5' viewBox='0 0 20.5 21.5'%3E%3Cg id='Icon_feather-calendar' data-name='Icon feather-calendar' transform='translate(-3.75 -2.25)'%3E%3Cpath id='Path_90448' data-name='Path 90448' d='M6.611, 6H21.389A2.058, 2.058, 0, 0, 1, 23.5, 8V22a2.058, 2.058, 0, 0, 1-2.111, 2H6.611A2.058, 2.058, 0, 0, 1, 4.5, 22V8A2.058, 2.058, 0, 0, 1, 6.611, 6Z' transform='translate(0 -1)' fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90449' data-name='Path 90449' d='M24, 3V7' transform='translate(-5.778 0)' fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90450' data-name='Path 90450' d='M12, 3V7' transform='translate(-2.222 0)' fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Path_90451' data-name='Path 90451' d='M4.5, 15h19' transform='translate(0 -4)' fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A"); } .HighContrast .AdvanceSearchItems .Icons img { filter: invert(1); } .HighContrast .DepartmentLogo .DepartmentLogoA { background-color: #fff; } .HighContrast .Language .dropbutton-action:first-child:before { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(255 255 0)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } .HighContrast .view-filters form .js-form-submit[value="Reset"], .HighContrast .view-filters form .js-form-submit[value="रीसेट"] { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 19.2 19.2' style='enable-background:new 0 0 19.2 19.2;' xml:space='preserve'%3E%3Cpath class='st0' fill='rgb(0 0 0)' d='M19.2,1.8c0-0.5-0.4-0.8-0.8-0.8c-0.5,0-0.8,0.4-0.8,0.8V4c-0.5-0.6-0.9-1-1.2-1.2c-3.7-3.7-9.8-3.7-13.6,0 s-3.7,9.8,0,13.6c1.9,1.9,4.3,2.8,6.8,2.8s4.9-0.9,6.8-2.8c0.3-0.3,0.3-0.9,0-1.2s-0.9-0.3-1.2,0c-1.5,1.5-3.5,2.3-5.6,2.3 c-4.4,0-7.9-3.6-7.9-7.9C1.7,7.5,2.5,5.5,4,4s3.5-2.3,5.6-2.3l0,0c2.1,0,4.1,0.8,5.6,2.3c0.4,0.4,0.9,0.9,1.3,1.4H14 c-0.5,0-0.8,0.4-0.8,0.8C13.2,6.6,13.5,7,14,7h4.4h0.1c0.1,0,0.1,0,0.2,0s0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1l0,0 c0-0.1,0-0.1,0.1-0.2c0,0,0,0,0.1-0.1c0-0.1,0-0.1,0.1-0.2c0,0,0,0,0-0.1l0,0l0,0V1.8H19.2z'/%3E%3C/svg%3E%0A");} .HighContrast .view-filters form .form-submit[value="Search"], .HighContrast .view-filters form .form-submit[value="खोज"] { background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='rgb(0 0 0)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848, 23.658a.882.882, 0, 0, 1-.625-.259l-4.512-4.437a.884.884, 0, 0, 1, 1.25-1.25l4.512, 4.437a.883.883, 0, 0, 1-.625, 1.51Z' transform='translate(-3.658 -3.658)' fill='rgb(0 0 0)'/%3E%3C/svg%3E%0A");} .HighContrast .SearchBox .form-submit { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='rgb(255, 255, 0)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848,23.658a.882.882,0,0,1-.625-.259l-4.512-4.437a.884.884,0,0,1,1.25-1.25l4.512,4.437a.883.883,0,0,1-.625,1.51Z' transform='translate(-3.658 -3.658)' fill='rgb(255, 255, 0)'/%3E%3C/svg%3E%0A");} .HighContrast .SearchBox .form-submit:hover { background-color: #ff0; background-image: url("data:image/svg+xml,%3Csvg id='search' xmlns='http://www.w3.org/2000/svg' width='20.076' height='20' viewBox='0 0 20.076 20'%3E%3Cpath id='Path_1' data-name='Path 1' d='M10.7,19.541A8.843,8.843,0,1,1,19.541,10.7,8.854,8.854,0,0,1,10.7,19.541Zm0-15.918A7.075,7.075,0,1,0,17.772,10.7,7.083,7.083,0,0,0,10.7,3.623Z' transform='translate(-1.854 -1.854)' fill='rgb(0 0 0)'/%3E%3Cpath id='Path_2' data-name='Path 2' d='M22.848, 23.658a.882.882, 0, 0, 1-.625-.259l-4.512-4.437a.884.884, 0, 0, 1, 1.25-1.25l4.512, 4.437a.883.883, 0, 0, 1-.625, 1.51Z' transform='translate(-3.658 -3.658)' fill='rgb(0 0 0)'/%3E%3C/svg%3E%0A");} .HighContrast .Accessibility>button:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(0 0 0)' version='1.2' viewBox='0 0 21 23'%3E%3Cpath class='a' d='m12.6 5.3c-1.2 1.1-3.1 1.1-4.2 0-1.2-1.2-1.2-3 0-4.2 1.1-1.1 3-1.1 4.2 0 1.1 1.2 1.1 3 0 4.2z'/%3E%3Cpath class='a' d='m19.1 6.5q-2.1 0.4-4.3 0.6-2.2 0.2-4.3 0.2-2.2 0-4.4-0.2-2.1-0.2-4.3-0.6-0.4-0.1-0.7 0.1-0.3 0.3-0.4 0.6 0 0.4 0.2 0.7 0.2 0.3 0.6 0.4 0.7 0.1 1.5 0.2 0.7 0.1 1.4 0.2 0.7 0.1 1.5 0.2 0.7 0 1.5 0.1 0.2 0 0.5 0.1 0.3 0.2 0.4 0.4 0.2 0.2 0.3 0.5 0.1 0.3 0.1 0.6l-0.2 1.4q-0.1 0.9-0.3 1.8-0.1 0.8-0.3 1.7-0.2 0.8-0.5 1.7-0.2 0.8-0.5 1.6l-1.1 2.9q-0.1 0.3 0 0.7 0.2 0.3 0.5 0.4 0.4 0.2 0.7 0 0.3-0.1 0.5-0.5l0.2-0.5q1.3-2.8 2.4-5.6 0.1-0.1 0.2-0.2 0.1-0.1 0.2-0.1 0.1 0 0.2 0.1 0.1 0.1 0.1 0.2 1.1 2.8 2.4 5.6l0.3 0.6q0.1 0.1 0.1 0.2 0.1 0.1 0.2 0.2 0.1 0 0.3 0.1 0.1 0 0.2 0 0 0 0.1 0 0 0 0.1 0 0 0 0 0 0.1 0 0.1 0 0.2-0.1 0.3-0.2 0.1-0.1 0.2-0.3 0.1-0.2 0.1-0.3 0-0.2-0.1-0.4l-1-2.9q-0.3-0.8-0.6-1.6-0.2-0.9-0.4-1.7-0.2-0.9-0.4-1.7-0.1-0.9-0.2-1.8l-0.2-1.4q0-0.3 0-0.6 0.1-0.3 0.3-0.5 0.2-0.2 0.5-0.3 0.2-0.2 0.5-0.2 0.7 0 1.5-0.1 0.7-0.1 1.4-0.2 0.7-0.1 1.5-0.2 0.7-0.1 1.4-0.2 0.2 0 0.3-0.1 0.1-0.1 0.3-0.2 0.1-0.1 0.1-0.3 0.1-0.1 0.1-0.3 0-0.2-0.1-0.4-0.1-0.2-0.2-0.3-0.2-0.1-0.4-0.2-0.2 0-0.4 0z'/%3E%3C/svg%3E");} .HighContrast div#AccessibilityControl #mode_normal { border: 1px solid #fff; } .HighContrast div#AccessibilityControl .fontScaler { background-color: transparent; } .HighContrast div#AccessibilityControl .fontScaler.current { background-color: #222; color: #fff; } .HighContrast #BackToTop:hover { color: #ff0; } .HighContrast .LinkBoxDesign .Icon svg path { fill: #ff0; } .HighContrast .NotificationNew .MainHeading { color: #000; } .HighContrast .MainDashboard { background: #000; } .HighContrast .MainDashboard .ShadowBox { background-color: #222; } .HighContrast .MainDashboard .ShadowBoxIn { background-color: #fff; } .HighContrast .MainDashboard .DataBox.Production, .HighContrast .MainDashboard .DataBox.Despatch, .HighContrast .MainDashboard .DataBox.ImportExport, .HighContrast .MainDashboard .DataBox.ClosingStocks, .HighContrast .MainDashboard .DataBox.Royalty, .HighContrast .MainDashboard .DataBox.MineStatistics, .HighContrast .MainDashboard .DataBox.CoalMineStatistics { background: #000; } .HighContrast .MainDashboard .DataBox.Production .Category, .HighContrast .MainDashboard .DataBox.Despatch .Category, .HighContrast .MainDashboard .DataBox.ImportExport .Category, .HighContrast .MainDashboard .DataBox.ClosingStocks .Category, .HighContrast .MainDashboard .DataBox.Royalty .Category, .HighContrast .MainDashboard .DataBox.MineStatistics .Category, .HighContrast .MainDashboard .DataBox.CoalMineStatistics .Category { color: #fff; } .HighContrast .switches-container, .HighContrast .MainDashboard .DataBox .DataBoxIn { background-color: #222; } .HighContrast .switches-container .Link.Active { color: #000; } .HighContrast .MainDashboard .DropdownCol select.MainSelect { background-color: #000; border-color: #000; } .HighContrast .MapBlock #stateMap path{fill: #000;} .HighContrast .MapBlock #stateMap .state.active { fill: #ff0; } .HighContrast .MapBlock .popup { background-color: #111; } .HighContrast .MapBlock .popup:after{border-top: 10px solid #111;} .HighContrast .am5exporting-icon { background-color: #000 !important; } .HighContrast .DashboardBreadcum ul li { color: #fff; } .HighContrast .DashboardBreadcum ul li a { color: #ff0; } .HighContrast .DashboardBreadcum ul li a:hover { color: #0f0; } .HighContrast .DashboardBreadcum ul li:after { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .HighContrast .MapSection .RightPartIn .state-button{ background-color: #000;} .HighContrast .MapSection .RightPartIn .state-button:hover, .HighContrast .MapSection .RightPartIn .state-button.active { background-color: #ff0; color: #000; } .HighContrast .MapSection path, body.HighContrast.state-State8 .MapSection #State8 { fill: #000; stroke: #fff; } .HighContrast .MapSection .LeftPart svg path.state.active { fill: #ff0; } .HighContrast .HideShowDiv { background-color: #111; } body.HighContrast.state-State4 .MapSection #Path_62661, body.HighContrast.state-State4 .MapSection #State4, body.HighContrast.state-State8 .MapSection path#Path_62643, body.HighContrast.state-State7 .MapSection path#State8, body.HighContrast.state-State7 .MapSection path#State6, body.HighContrast.state-State7 .MapSection path#State7, body.HighContrast.state-State6 .MapSection path#State7, body.HighContrast.state-State6 .MapSection path#State6, body.HighContrast.state-State6 .MapSection path#Path_62661, body.HighContrast.state-State6 .MapSection path#Path_62647, body.HighContrast.state-State2 .MapSection path#Path_62661 { fill: #ff0; } .HighContrast .HideShowDiv:after{border-top: 12px solid #111;} .HighContrast .HideShowDiv ul li:after{border: 2px solid #ff0;} .HighContrast .HideShowDiv ul li, .HighContrast .HideShowDiv p{color: #fff;} .HighContrast .AdvancedSearchBox .button{background-color: #ff0;} .HighContrast .AdvancedSearchBox .button:hover, .HighContrast .AdvancedSearchBox .button:focus{ background-color: #0f0;} .HighContrast .MainDashboard.SelectStyleSmall select { border: 1px solid #000; background-color: #000; } .HighContrast .NotificationBox .DateBox, .HighContrast .HeadingWithBg { color: #000; } .HighContrast .LinkBoxDesign.Coalcompanies .Icon img{background-color: #ffffff; border-radius: 6px; padding: 5px;} .HighContrast .LinkBoxDesign.Coalcompanies .Box:hover .Icon img { background-color: transparent; border-radius: 0px; } .HighContrast .LinkBoxDesign.Coalcompanies .Box:hover .Heading.HeadingEffect{ color: #000;} .HighContrast ul.am5exporting.am5exporting-list li a:not([aria-label]), .HighContrast .am5exporting-label-alt, .HighContrast ul.am5exporting.am5exporting-list li a:hover span { color: #323232; } .HighContrast ul.am5exporting.am5exporting-list li a { color: #000; } @keyframes tilt-shaking { 0% { transform: translate(-50%, -50%) rotate(0deg); } 25% { transform: translate(-50%, -50%) rotate(5deg); } 50% { transform: translate(-50%, -50%) rotate(0eg); } 75% { transform: translate(-50%, -50%) rotate(-5deg); } 100% { transform: translate(-50%, -50%) rotate(0deg); } } @keyframes LocationScale { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } } @-webkit-keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes shine { 100% { left: 125%; } } @keyframes ripple { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 1), 0 0 0 10px rgba(255, 255, 255, 1), 0 0 0 30px rgba(255, 255, 255, 1), 0 0 0 60px rgba(255, 255, 255, 1); box-shadow: 0 0 0 0 rgba(255, 255, 255, 1), 0 0 0 10px rgba(255, 255, 255, 1), 0 0 0 30px rgba(255, 255, 255, 1), 0 0 0 60px rgba(255, 255, 255, 1); } 100% { -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 1), 0 0 0 30px rgba(255, 255, 255, 1), 0 0 0 60px rgba(255, 255, 255, 1), 0 0 0 90px rgba(189, 142, 210, 0); box-shadow: 0 0 0 10px rgba(255, 255, 255, 1), 0 0 0 30px rgba(255, 255, 255, 1), 0 0 0 60px rgba(255, 255, 255, 1), 0 0 0 90px rgba(189, 142, 210, 0); } } /* CSS for Coal Mine Block */ #block-cco-coalmineblock a { color: white; text-decoration: none; } #block-cco-lignitemineblock a { color: white; text-decoration: none; } /*Info Tooltip CSS*/ .custom-tooltip {margin: 0 0 0 15px;display: flex;align-items: center;position: relative;} .custom-tooltip a.tooltipIcon {color: #057887;font-size: 32px;} .custom-tooltip .tooltipd-ata {position: absolute;width: 260px;text-align: center;background: #057887;border-radius: 3px;padding: 8px 15px;font-size: 14px;color: #fff;line-height: 24px;left: 45px;} .custom-tooltip .tooltipd-ata:before {content: '';width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 8px solid #057887;position: absolute;left: -8px;top: 50%;transform: translateY(-50%);}