Economy Page
Economy
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('/KeralaLatest-theme/docroot/css/font-icon/fonts/Open Sans.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } * { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } body { background: #555; } header { position: relative; width: 100%; background: #333; } .mobDisp{ display:none; } .navButton { margin-top:3px; } .navMal{ font-size:10px!important; } MobNav a{ color:white!important; } MobNav a:hover, MobNav a:focus{ color:white!important; } .navSearch select{ display:none!important; } .navSearch input[type="image"]{ display:none!important; } .navSearch input[type="text"]{ width: 210px!important; box-sizing: border-box; border: 1px solid white; font-size: 16px; background-color: rgba(255,255,255,0.1); background-image: url('https://sso.kerala.gov.in/Kerala/images/kerala/search.svg'); background-position: 5px 2px; background-size: 22px; background-repeat: no-repeat; padding: 5px 15px 5px 30px; } .navSearchMob select{ display:none!important; } .navSearchMob input[type="image"]{ display:none!important; } .navSearchMob input[type="text"]{ width: 210px!important; margin-right:3px!important; box-sizing: border-box; border: 1px solid white; font-size: 16px; background-color: rgba(255,255,255,0.1); background-image: url('https://sso.kerala.gov.in/Kerala/images/kerala/search.svg'); background-position: 5px 2px; background-size: 22px; background-repeat: no-repeat; padding: 4px 15px 5px 30px; } #scroll-top { display : none; } .scroll-img { height : 38px; box-shadow: 0 5px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 5px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 5px 6px rgba(0,0,0,0.3); border-radius: 100px; position: fixed; bottom: 10%; right: 10px; } .logo { position: relative; z-index: 123; padding: 10px; font: 18px verdana; color: #6DDB07; float: left; width: 15% } .logo a { color: #6DDB07; } nav { position: relative; margin: 0 auto; z-index: 2; } .headerNavs { top: 50%; width: 40%; right: 2%; position: absolute; } .menu-title { position: absolute; top: 42px; width: 100%; left: 0; } .iconImg { display: block!important; width: 100%!important; height: 50px!important; } .aboutImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .gvtImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .serviceImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .missionImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .peopleImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .businessImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .tourismImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .schemesImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .contactUsImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #cssmenu #head-mobile { display: none } #cssmenu { z-index: 9; height: 65px; } #cssmenu > ul > li { float: left; width: 11.1%!important; position: relative; } #cssmenu > ul > li > a { text-align: center; padding: 1% 15% 1% 15%!important; width: 100%; text-decoration: none; color: #fff; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #fff!important; font-weight: 900; } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; } #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 17px; right: 7px; width: 8px; height: 2px; display: none; background: #2166a1; content: '' } #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 14px; right: 10px; display: none; width: 2px; height: 8px; background: #2166a1; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 } #cssmenu ul ul { position: absolute; left: -9999px } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: #fff; border-bottom: 2px solid #daf0fb; transition: all .25s ease } #cssmenu ul ul li:hover { background: #e1effb; } #cssmenu li:hover > ul { left: auto; padding-top: 8%; } #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul ul ul { margin-left: 100%; top: 0 } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 5px 9px; width: 200px; font-size: 13.5px; text-decoration: none; color: #000; font-weight: 400; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0 } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #607D8B; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 8px; right: 11px; width: 8px; color: #2166a1; font-weight: bold; height: 2px; display: block; font-size: 16px; content: '\203A'; } #cssmenu ul ul li.has-sub > a:after:hover { transform: rotate(45deg); -webkit-transform: rotate(45deg); } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 } #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #e1effb; } #cssmenu ul ul ul li.active a { border-left: 1px solid #333 } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a { border-top: 1px solid #333 } .MobNav { display: none; } .profile-dropdown { position: relative; display: inline-block; padding-bottom: 16px; margin-left: 65px; right: 51px; top: 2px; } .dropdown-content { display: none; position: absolute; top:28px; right:0px; background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { padding: 12px 16px; text-decoration: none; display: block; } .user-name, .dropdown-content a { color: #2166a1; font-weight: 600; font-size: 15px; } .userIcon { display: inline; font-size: 16px; top: 2px; position: relative; padding-left: 5px; } .dropdown-content a:hover {background-color: #f1f1f1} .profile-dropdown:hover .dropdown-content { display: block; } .profile-dropdown:hover #cssmenu { z-index : 0; } @media screen and (max-width: 768px) { .mobDisp{ display:block; } .letterSize{ color:white!important; } .letterSize:hover{ color:white!important; } .MobNav { display: block!important; } .menu-title { position: inherit; top: 0; } .dropdown-content{ min-width:104px; } #cssmenu > ul > li { width: 100%!important; } #cssmenu > ul > li > a { text-align: left; margin-top: 0%!important; } #cssmenu > ul > li > a { padding: 1% 15% 3% 15%!important; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #ead882!important; } .logo { position: absolute; top: 0; left: 0; width: 100%; height: 46px; text-align: center; padding: 10px 0 0 0; float: none } .iconImg { display: none!important; } .logo2 { display: none } nav { width: 100%; } #cssmenu { width: 100%; height: auto; } #cssmenu ul { width: 100%; display: none } #cssmenu ul li { width: 100%; border-top: 1px solid #fff; } #cssmenu ul li:hover { background: #2166a1; } #cssmenu li:hover > ul { padding-top: 0!important; } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0 } #cssmenu > ul > li { float: none } #cssmenu ul ul li a { padding-left: 25px; padding: 3px 19px; } #cssmenu ul ul li { background: #fff!important; } #cssmenu ul ul li:hover { background: #e1effb!important; } #cssmenu ul ul ul li a { padding-left: 35px } #cssmenu ul ul li a { color: #000; background: none } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #000; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none } #cssmenu #head-mobile { display: block; padding: 23px; color: #ddd; font-size: 12px; font-weight: 700 } .button { width: 55px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 12399994; } .button:after { position: absolute; top: 22px; right: 20px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: '' } .button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #ddd; content: '' } .button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 21px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .button.menu-opened:before { top: 22px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #daf0fb; height: 39px; width: 34px; cursor: pointer } #cssmenu .submenu-button.submenu-opened { background: #184d79; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px } #cssmenu .submenu-button:after { position: absolute; top: 15px; right: 13px; width: 8px; height: 2px; display: block; background: #607d8b; content: '' } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px } #cssmenu .submenu-button.submenu-opened:after { background: #fff; } #cssmenu .submenu-button:before { position: absolute; top: 12px; right: 16px; display: block; width: 2px; height: 8px; background: #607d8b; content: '' } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px } #cssmenu .submenu-button.submenu-opened:before { display: none } #cssmenu ul ul ul li.active a { border-left: none } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none } .container-column, .portlet-column { background-color: #fff; display: block !important; width: 100% !important; .container-column-content, .portlet-column-content { padding: 15px !important; } } .responsive-hidden { display: none !important; } .responsive-only { display: block !important; } .ksitmLogo { width: 45px!important; } .footerRow { width: 100%!important; } .footerCol0 { margin-top: 2%!important; width: 41%!important; } .footerCol1 { margin-top: 2%!important; width: 41%!important; } .footerCol2 { margin-top: 2%!important; width: 100%!important; text-align: center!important; } .footerCol3 { margin-top: 2%; width: 100%!important; text-align: center!important; } .footerCol4 { margin-top: 2%!important; width: 100%!important; text-align: center!important; } .iconset { width: 100%!important; text-align: center!important; margin-top: 1%!important; } .headerNavs { display: none!important; } .MobNav { display: block!important; padding-left: 0%!important; } .SearchNav { display: block!important; } .engheader { height: 75px!important; } .navSearchMob .aui-field-content { width: 120px!important; } .navSearchMob input[type="text"] { width: 120px!important; height:17px!important; margin-right:3px; } .accessibility-icons { display: none!important; } .user-name, .dropdown-content a { font-size: 12px; } .profile-dropdown { right: 7px; top : 0px; } .accessibilityDiv { margin-top: 0; } .navTabInfoMob { padding: 1px 1px 1px 1px!important; background: transparent !important; color: #ffffff !important; font-size:14px!important; } .navTabServicesMob { padding: 1px 1px 1px 1px !important; background: transparent !important; color: #ffffff !important; font-size:14px!important; } .mobLang{ font-size:12px!important; color:white!important; } .mobLangMal{ font-size:10px!important; color:white!important; } .mobLang a{ color:white!important; } .mobLang a{ color:white!important; } mobLang a:hover, mobLang a:focus{ color:white!important; } mobLangMal a:hover, mobLangMal a:focus{ color:white!important; } .navSearch { position: absolute; margin-left: 35%!important; margin-top: 0%!important; } .navLogin { margin-left: 76%!important; margin-top: 0.25%!important; font-size: 13px!important; border-right: 0px!important; padding: 0px 3px 0px 0px!important; text-decoration: none!important; } .navSearchMob{ display: inline; float: right!important; } } .fixedMenuCss { position: fixed; top: 0; width: 90.5%; } #wrapper { margin: 0 auto; max-width: 960px; min-width: 320px; width: 960px; } .container-column, .portlet-column { display: table-cell; .container-column-content, .portlet-column-content { padding: 0 10px; } .container-column-content-first, .portlet-column-content-first { padding-left: 0; } .container-column-content-last, .portlet-column-content-last { padding-right: 0; } .container-column-content-only, .portlet-column-content-only { padding: 0; } } .responsive #wrapper { width: 100%; } .responsive-only { display: none !important; } @media screen and (max-width: 1130px) and (min-width: 900px) { #cssmenu li:hover > ul { padding-top: 15%!important; } .mobDisp{ display:none; } } @media screen and (max-width: 900px) and (min-width: 768px) { .iconImg { display: none !important; } .menu-title { top: 7px !important; font-weight: 600; } #cssmenu { height: 45px; } .main-menu-ul { padding-top: 0 !important; top: 33px; } #cssmenu > ul > li { height: 40px; } .mobDisp{ display:none; } } @media screen and (max-width: 1130px) { #keywords { font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .navSearch input[type="text"]{ font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .navSearchMob input[type="text"]{ font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .mobDisp{ display:none; } } @media screen and (max-width: 1130px) and (min-width: 768px) { .navLogin { border-right: 1px solid #2196f3!important; margin-top: 0.65%!important; } .menu-title { top: 33px; } .iconImg { height: 45px!important; } .aboutImg, .gvtImg, .serviceImg, .missionImg, .peopleImg, .businessImg, .tourismImg, .schemesImg, .contactUsImg { width: 50% !important; } #cssmenu > ul > li > a { font-size: 10.5px!important; } .engheader { height: 100px!important; } .headerNavs { display: none!important; } .MobNav { padding-left: 26%!important; display: block!important; } .SearchNav { display: block!important; } .navSearch { } .navSearchMob .aui-field-content { width: 200px!important; } .navSearchMob input[type="text"]{ width: 200px!important; } .accessibilityDiv { margin-top: 0.5%!important; } .mobDisp{ display:none; } } @media screen and (max-width: 410px) { .navSearchMob{ display: inline; float: none!important; } .navSearchMob .aui-field-content { width: 220px!important; } .navSearchMob input[type="text"]{ width: 220px!important; } } @media screen and (max-width: 321px) { .navSearchMob{ display: inline; float: none!important; } .mobDisp{ display:block; } .MobNav { padding-left: 2%!important; } .navTabInfoMob { padding: 1px 10px 1px 10px!important; font-size:12px!important; } .navTabServicesMob{ font-size:12px!important; } .mobLang{ font-size:11px!important; color:white!important; } .mobLangMal{ font-size:8px!important; color:white!important; } .mobLang a{ color:white!important; } .mobLangMal a{ color:white!important; } .navSearchMob .aui-field-content { width: 200px!important; } .navSearchMob input[type="text"]{ width: 200px!important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1600px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( min-resolution: 192dpi) and (min-width: 1600px), only screen and ( min-resolution: 2dppx) and (min-width: 1600px) { .main-menu-ul{ padding-top: 5% !important; padding-left: 12%; } #cssmenu { height: 100px; } .menu-title { top: 66px; } .iconImg { height: 80px!important; } .navMal{ font-size:14px!important; } #cssmenu > ul { } #cssmenu > ul > li.has-sub > a { } #cssmenu > ul > li > a { font-size: 16px!important; } .engheader { height: 240px!important; } .navTabInfo { font-size: 26px!important; margin-right: 20px; text-decoration: none!important; } .navTabServices { font-size: 26px!important; text-decoration: none!important; } .navLogin { margin-top: 1%!important; font-size: 24px!important; padding: 0px 10px 0px 0px!important; text-decoration: none!important; } .accessibilityDiv { margin-top: 0.5%!important; margin-right: 1%; } .print { top: -3px; } .letterSize { font-size: 22px!important; } #keywords { width: 86%; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .navSearch input[type="text"]{ width: 500px!important; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .navSearchMob input[type="text"]{ width: 500px!important; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .headerNavs { display: block!important; } .MobNav { display: none!important; } .SearchNav { display: none!important; } }