/*html, body { font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;margin: 0}*/
body, html { color: #000; font-size: 16px; font-family: sans-serif; margin:0px; }
iframe body {font-size: 14px}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-weight: 400;line-height: 1.1;color: inherit;}
*{box-sizing: border-box}
a {color: #00293a;cursor: pointer;text-decoration: none;}
a:hover {text-decoration: none}
.conatiner_100 {float: left;width: 100%;}
.bg-main {height: 100%;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.text-center {text-align: center !important;}
.bg-main > header {height: 75px;}
header {padding: 0px;float: left;width: 100%;color: #fff;border-bottom: solid 1px #eaeaea;background: #00293a}
.logoHome img {width: 75px;padding: 3px 0; border:none;}
.logotext {padding-top: 5px;padding-left: 15px;float: left}
.logotext h1, .logotext h2 {margin: 0}
.logotext h1 {font-size: 28px;font-weight: 600}
.logotext h2 {font-size: 18px}
.logotext .subHead1 a {color: #fff}
.logotext .subHead1 sub { margin-left: 3px; font-size: 14px; bottom: -5px; position: relative; vertical-align: baseline; line-height: 0px; }
.logotext .subHead1 sub:hover {color: #cccaca;text-decoration: none}
hr {border-top: solid 1.8px;margin: 5px 0 5px 0}
.bg-main > footer {width: 100%;height: auto;float: left;background: #00293a;color: #fff;border-top: solid 1px #eaeaea;position: fixed;bottom: 0; font-size: 14px; line-height: 18px; padding:3px;}
.logoSection {float: left;padding-left: 15px;}
footer .copyrightContainer, footer .awardContainer {padding: 2px;}
.sso_award {position: absolute;right: 8px;top: 5px}
.sso_award a:hover {color: #f1f1f1}
.sso_award img {height: 55px;vertical-align: middle;box-sizing: border-box;margin: 0px 2px; border:none;}
.awardText {padding-top: 12px;padding-left: 10px;font-size: 14px;line-height: 20px;text-align: center;float: left;display: none;color: #fff}
.sso-visitors {position: relative}
.copyrightContainer {display: inline-block;text-align: center}
.copyrightContainer a {color: #fff}
.copyrightContainer a i {padding-right: 5px}
.copyright-footer-link:hover {color: #262626}
.sso-visitors div {display: inline-block;vertical-align: middle;position: relative;font-weight: normal !important;border-radius: 0.2em !important;padding: 0px 3px !important;margin-right: 5px !important;background: rgb(228, 232, 238) !important;color: #000 !important;}
main {width: 100%;display: inline-block;padding-bottom: 15px;}
.container_100 {width:100%; float: left;}
.container {height:100%; width: calc(100% - 14px);display: inline-block;text-align: center;min-height: 100px;border: solid 1px #cbcbcb;margin: 7px 7px;border-radius: 4px;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);}
.btn {display: inline-block;padding: 17px 12px; font-size: 22px; margin: 2px 6px; font-weight: 400; text-align: center; white-space: nowrap; width: 250px; cursor: pointer; border-radius: 33px; background: #104e88; color: #fff; letter-spacing: 1px; text-shadow: 2px 2px 3px rgba(0, 0, 0, .3); box-shadow: 2px 2px 3px rgba(0, 0, 0, .3); position: relative; }
.btn img {width: 38px;height: 26px;vertical-align: middle;padding-right: 12px;padding-bottom: 3px; border:none;}
.mt_0 {margin-top:0px !important;}
.mt_15 {margin-top: 10px !important;}
.my_35 {margin: 20px 0px 20px 0px;}
/*.forlink, .forlink li {display: inline-block;margin: 0px;padding: 0px}
.forlink{width:100%}
.forlink li {list-style: none;width: auto;display: inline;margin: 5px 15px;font-size: 18px;text-decoration: none;position: relative;text-align: center;font-weight: normal;}
.forlink li span {text-decoration: underline}
.forlink li:before {content: "\2600";color: #000;font-size: 18px;padding-right: 8px}*/
.carousel {background: #f6f6f6;padding: 0px 10px;}
.color-blue {color: #2d669b !important}
.border-bottom {border-bottom: 1px solid;}
.item-content .caroouselText h2 {font-size:45px;margin: 10px;font-weight: 700;color: #104e88;float: left;width: 100%;text-align: left;}
.item-content .caroouselText h1 {float: left;font-size: 32px;font-family: Digital, Arial;background: rgb(228, 232, 238) !important;color: #000 !important; margin: 7px 10px;padding: 5px 12px;border-radius: 15px;}
.hide {display: none}
img {vertical-align: middle; border:none;}

/* Language Button */
#rbtnListLanguage {float: right;margin: 5px 7px 0px 0px;}
#rbtnListLanguage input[type="radio"] + label {cursor: pointer;}
#rbtnListLanguage input[type="radio"]:checked + label {color: #ff8f00;}
#rbtnListLanguage input[type="radio"] {display: none;}
#rbtnListLanguage label:last-child:before {font-size: 16px;color: #fff;content: "|";position: relative;padding: 0px 5px;}

/* Slider */
.img-responsive,.carousel-inner > .item > img,.carousel-inner > .item > a > img {display: block;max-width: 100%;height: auto;border:none;}
.carousel {position: relative;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-inner > .item {position: relative;display: none;-webkit-transition: 0.6s ease-in-out left;-o-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left; height: 100%;}
.carousel-inner > .item > img,.carousel-inner > .item > a > img {line-height: 1;border:none;}
.carousel-inner img {max-height: 100% !important;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border:none;}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {-webkit-transition: -webkit-transform 0.6s ease-in-out;-o-transition: -o-transform 0.6s ease-in-out;transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px;}
.carousel-inner > .item.next,.carousel-inner > .item.active.right {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);left: 0;}
.carousel-inner > .item.prev,.carousel-inner > .item.active.left {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);left: 0;}
.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right,.carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);left: 0;}
}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next,.carousel-inner > .prev {position: absolute;top: 0;width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left,.carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-control {position: absolute;top: 0;bottom: 0;left: 0;width: 20px;font-size: 20px;color: #ffffff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);background-color: rgba(0, 0, 0, 0);filter: alpha(opacity=80);opacity: 0.8;}
.carousel-control.right {right: 0;left: auto;}
.carousel-control .icon-prev,.carousel-control .icon-next {position: absolute;top: 50%;z-index: 5;display: inline-block;margin-top: -10px;}
.carousel-control .icon-prev {left: 50%;margin-left: -10px;}
.carousel-control .icon-next {right: 50%;margin-right: -10px;}
.carousel-indicators { position: absolute; bottom: 12px; left: 50%; z-index: 15; width: auto; list-style: none; margin-top: 0px; margin-bottom: 0px; transform: translateX(-50%); background: rgba(246, 246, 246, .7); border-radius: 20px; padding: 3px 5px 0px 5px; }
.carousel-indicators li {display: inline-block;width: 18px;height: 18px;margin: 1px 2px;text-indent: -999px;cursor: pointer;background-color: #000 \9;background-color: rgba(0, 0, 0, 0);border: 2px solid #104e88;border-radius: 20px; transition: all ease-in-out .3s}
.carousel-indicators .active {background-color: #104e88;}

/* Green Board */
.green_board_container { display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;text-decoration: none; }
.green_board { background-color: #3a5640;position: relative;width: 80%;height: 90%; max-width: 1000px; border-radius: 5px;border: 23px solid #d1993b;box-shadow: inset -2px 2px 10px 1px #1a1919, 0px 2px 7px rgba(0, 0, 0, 0.3);overflow: hidden;}
.green_board .board-link { width: 100%; height:100%; position: relative; display:inline-block }
.green_board .board-content { width: 100%; height:auto; color: #ffbb00; font-size: 2em; line-height: 1.5em; font-weight: normal; text-decoration: none; text-align: center; text-shadow: 1px 3px 4px rgba(0, 0, 0, .3); padding:25px;position: relative;top: 50%;transform: translateY(-50%);}
.green_board .board-content strong:first-child { font-size: 1.4em; }
.green_board .board-content strong { border-bottom: 2px solid #ffbb00; font-weight: 600; }
/* Slider */

/* Modal Popup */
.popup-dialog-overlay { display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999}
.popup-dialog { display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;width: 80%;max-width:1000px;border-radius: 6px;z-index: 1000; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);box-shadow: 0 5px 15px rgba(0, 0, 0, .5);}
.popup-header { color: #fff; padding: 12px 15px; line-height: 16px; background: #337ab7; border-radius: 5px 5px 0 0; font-size: 16px; font-weight: 600; }
.popup-close { color: #fff; opacity: 1; text-decoration: none; text-shadow: 0 1px 0 #fff; position: absolute; top: 10px; right: 15px; font-size: 24px; cursor: pointer; font-weight: normal; }
.popup-content { padding:10px;height: 100%;position: relative; color: #333;}
.popup-footer { width: 100%; padding: 10px 15px; text-align: center !important; border-top: 1px solid #e5e5e5; }
.modal-iframe{ height: calc(100% - 300px);overflow: hidden;padding-bottom: 50px;}
.modal-iframe .popup-content iframe{ height: 100%;position: relative;width:100%;}
.modal-image { height: calc(100% - 200px);}
.modal-image .popup-content { text-align:center;}
.modal-image img{ position: relative; height: calc(100% - 50px); width: auto; border:none;}
.message-box { width: 320px !important; }
.message-box .popup-content { font-size: 14px; text-align: justify; }
.popup-footer button { font-size: 14px; min-width: 75px; padding: 8px 10px !important; width: auto; color: #fff; background-color: #337ab7; border-color: #2e6da4; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: 4px; }
.popup-footer button:hover, .popup-footer button:focus-visible { background: #fff; color: #2c679b; outline: none; border-color: #2e6da4; }
/* Modal Popup */

/* Loader CSS */
.pageloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; background: rgba(0, 0, 0, 0.5);}
.pageloader .loader-centered { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 5px 10px; text-align: center; background-color: rgb(250, 250, 250);border-radius: 5px; }
.pageloader .loading { margin-top: 5px; }
.pageloader .loading > div { background-color: #f3ba00; width: 12px; height: 12px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; }
.page-header { margin: 0px; padding: 10px; color: #fff; background: #2c679b; border-radius: 4px 4px 0px 0px;}
.pageloader .loading > div:nth-child(1) { -webkit-animation: scale 0.75s -0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.pageloader .loading > div:nth-child(2) { -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.pageloader .loading > div:nth-child(3) { -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.pageloader .loading > div:nth-child(4) { -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
.pageloader .loading > div:nth-child(5) { -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }
@-webkit-keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 45% { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0.7; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
/* Loader CSS */

/*.bg-ssoLogo { width: 197px; height: 178px; background: url('public.png') -593px -10px; }
.bg-login { width: 150px; height: 150px; background: url('public.png') -234px -10px; }
.bg-register { width: 169px; height: 150px; background: url('public.png') -404px -10px; }
.bg-award { width: 98px; height: 109px; background: url('public.png') -116px -10px; }
.bg-rightarrow { width: 86px; height: 150px; background: url('public.png') -10px -10px; }*/

@media screen and (min-width: 768px) {
.carousel-control .icon-prev,.carousel-control .icon-next {width: 34px;height: 34px;margin-top: -10px;font-size: 30px;}
.carousel-control .icon-prev {margin-left: -10px;}
.carousel-control .icon-next {margin-right: -10px;}
}
@media (max-width: 1500px) {.item-content .caroouselText h2 {font-size: 28px;}
.item-content .caroouselText h1 {font-size: 21px;margin: 0px 10px;}	}
/*@media (max-width: 1150px) {.forlink li{font-size:16px; margin: 5px 2px;}}
@media (max-width: 1050px) {
.forlink li {display: inline;text-align: left;} 
}*/
@media (max-width: 992px) {
.sso_award{display: none}
.lcont{display:none}
.green_board .board-content {font-size: 1.7em;}
}
@media (max-width: 767px) {	
.bg-main > footer {line-height: 18px;}
.container {width: calc(100% - 10px);margin: 5px 5px;}
.logoSection { padding-left: 5px; }
.logotext h1 {font-size: 20px;}
.logotext h2 {font-size: 13.3px;}
.logotext .subHead1 sub {font-size: 12px;bottom: -1px;}
hr {border-top: solid 1.8px;margin: 1px 0 2px 0;}    
.logoHome img {width: 51px;padding: 3px 0;}
.bg-main > header {height: 56px;}
/*.btn {padding: 10px 5px;font-size: 19px;}*/
.forlink li {font-size: 16px;padding: 0px;}
.hide_m{display:none}
#popupDialog{width:90%}
.modal-iframe{height: calc(100% - 100px); width: 90%;}
.green_board {width: 95%;border: 13px solid #d1993b;}
.green_board .board-content {font-size: 1.4em; padding: 10px;}
}
@media (max-width: 587px) {
.btn {margin: 5px 3px;width: calc(50% - 12px);padding: 10px 3px;font-size: 18px;}
.bg-main > footer{font-size:13.5px; line-height:17px}
.item-content .caroouselText h2 {font-size: 30px;}
.item-content .caroouselText h1 {font-size: 22px;}
/*.forlink li{font-size:15px}*/	
.btn img {width: 35px;height: 27px;vertical-align: middle;padding-right: 8px;}
.green_board .board-content {font-size: 1.2em;}
}
@media (max-width: 420px) {
.btn img {width: 27px;height: 27px;vertical-align: middle;padding-right: 6px;}
.btn {padding: 10px 3px;font-size: 15px;}
.bg-main > footer{font-size:13.3px; line-height:14px}
.logotext {padding-left: 4px;}
.popup-header {padding: 13px 15px;}
.popup-close {top:10px}
.my_35 {margin: 10px 0px 10px 0px;}
.green_board .board-content {font-size: 1.1em;}
}
@media (max-width: 380px) {
.btn {padding: 10px 3px;font-size: 13px;}
.bg-main > footer{font-size:13.5px; line-height:15px}
.logotext h1 {font-size: 17px;}
.green_board .board-content {font-size: 1em;}
}