﻿@charset "utf-8";

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../../../fonts/Roboto-Regular.eot');
	src: local('☺'), url('../../../fonts/Roboto-Regular.woff') format('woff'), url('../../../fonts/Roboto-Regular.ttf') format('truetype'), url('../../../fonts/Roboto-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Medium';
	src: url('../../../fonts/Roboto-Medium.eot');
	src: local('☺'), url('../../../fonts/Roboto-Medium.woff') format('woff'), url('../../../fonts/Roboto-Medium.ttf') format('truetype'), url('../../../fonts/Roboto-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Condensed';
	src: url('../../../fonts/Roboto-Condensed.eot');
	src: local('☺'), url('../../../fonts/Roboto-Condensed.woff') format('woff'), url('../../../fonts/Roboto-Condensed.ttf') format('truetype'), url('../../../fonts/Roboto-Condensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('../../../fonts/Roboto-Light.eot');
	src: local('☺'), url('../../../fonts/Roboto-Light.woff') format('woff'), url('../../../fonts/Roboto-Light.ttf') format('truetype'), url('../../../fonts/Roboto-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*----------------Violet theme-----------------------*/
body.theme1{}
.theme1 .theme_color{color:#7653fd;}
.theme1 .theme_bg{background:#7653fd;}
.theme1 .themenuholder{border-top:5px solid #7653fd;}
.theme1 .chairmanbox{border-top:5px solid #7653fd;}
.theme1 .themenuholder i{color:#7653fd;}

.theme1 a.all_notices{border:2px solid #7653fd; color:#7653fd;}
.theme1 a.all_notices:hover{background:#7653fd; color:#FFF;}
.theme1 .footer_info h2{ color:#000;}
.theme1 .theme_bg,.themebox1,.theme1 .table_holder>table th,.theme1 .apply_btn,.theme1 .ui-datepicker td a:hover,.theme1 .ui-datepicker td a.ui-state-highlight,.theme1 .sujit-nav ul li:hover ul li a:hover,.theme1 .faqs .ui-accordion-header.ui-state-active{ background:#7653fd; color:#FFF;}
.theme1 .ui-datepicker-header,.theme1 .ui-datepicker td a.ui-state-highlight,.theme1 .logout>a,.theme1 .app_advblock{ background-color:#7653fd;}
.theme1 h2,.theme1 h4,.theme1 .faqlist ul li::before,.theme1 .faqlist ul li:hover a,.theme1 .advertisement_date,.theme1 .date_holder::after,.theme1 a:hover,.theme1 .loginhelp h4::before,.theme1 .special_box,.theme1 .date_holder::after,.theme1 .mydatepicker::after,.theme1 .ui-datepicker td a,.theme1 .post_block span::before,.theme1 .welcome_content h1 span,.theme1 .supportbox h2,.theme1 .countdown_icon_holder i,.theme1 .helpful_links h1,.theme1 .chairman_name span,.theme1 .bg_even h1,.theme1 .page_title h1{ color:#7653fd;}

.theme1 .thetag{color:#7653fd;}
.theme1 .myheader.sticky,.theme1 footer.myfooter,.theme1 .internal_header{ background:#7653fd; color:#FFF;}

.theme1 .app_advblock:after{background:rgba(118,83,253,0.9);}
@media screen and (max-width:700px) {
	.theme1 .myheader{ background:#7653fd; color:#FFF;}
}

/*----------------Green theme-----------------------*/
body.theme2{}
.theme2 .theme_color{color:#82be50;}
.theme2 .theme_bg{background:#82be50;}
.theme2 .themenuholder{border-top:5px solid #82be50;}
.theme2 .chairmanbox{border-top:5px solid #82be50;}
.theme2 .themenuholder i{color:#82be50;}

.theme2 a.all_notices{border:2px solid #82be50; color:#82be50;}
.theme2 a.all_notices:hover{background:#82be50; color:#FFF;}
.theme2 .footer_info h2,.theme2 .user_option i{ color:#FFF;}
.theme2 .theme_bg,.themebox2,.theme2 .table_holder>table th,.theme2 .apply_btn,.theme2 .ui-datepicker td a:hover,.theme2 .ui-datepicker td a.ui-state-highlight,.theme2 .sujit-nav ul li:hover ul li a:hover,.theme2 .faqs .ui-accordion-header.ui-state-active{ background:#82be50; color:#FFF;}
.theme2 .ui-datepicker-header,.theme2 .ui-datepicker td a.ui-state-highlight,.theme2 .logout>a,.theme2 .app_advblock{ background-color:#69ab38;}
.theme2 h2,.theme2 h4,.theme2 .faqlist ul li::before,.theme2 .faqlist ul li:hover a,.theme2 .advertisement_date,.theme2 .date_holder::after,.theme2 a:hover,.theme2 .loginhelp h4::before,.theme2 .special_box,.theme2 .date_holder::after,.theme2 .mydatepicker::after,.theme2 .ui-datepicker td a,.theme2 .post_block span::before,.theme2 .welcome_content h1 span,.theme2 .supportbox h2,.theme2 .countdown_icon_holder i,.theme2 .helpful_links h1,.theme2 .chairman_name span,.theme2 .bg_even h1,.theme2 .page_title h1{ color:#82be50;}

.theme2 .thetag{color:#82be50;}
.theme2 .myheader.sticky,.theme2 footer.myfooter,.theme2 .internal_header{ background:#82be50; color:#FFF;}
.theme2 .app_advblock:after{background:rgba(130,190,80,0.9);}

@media screen and (max-width:700px) {
	.theme2 .myheader{ background:#82be50; color:#FFF;}
}

/*----------------Gray theme-----------------------*/
body.theme3{}
.theme3 .theme_color{color:#2e3e45;}
.theme3 .theme_bg{background:#2e3e45;}
.theme3 .themenuholder{border-top:5px solid #2e3e45;}
.theme3 .chairmanbox{border-top:5px solid #2e3e45;}
.theme3 .themenuholder i{color:#2e3e45;}

.theme3 a.all_notices{border:2px solid #2e3e45; color:#2e3e45;}
.theme3 a.all_notices:hover{background:#2e3e45; color:#FFF;}
.theme3 .footer_info h2{ color:#55a96e;}
.theme3 .theme_bg,.themebox3,.theme3 .table_holder>table th,.theme3 .apply_btn,.theme3 .ui-datepicker td a:hover,.theme3 .ui-datepicker td a.ui-state-highlight,.theme3 .sujit-nav ul li:hover ul li a:hover,.theme3 .faqs .ui-accordion-header.ui-state-active{ background:#2e3e45; color:#FFF;}
.theme3 .ui-datepicker-header,.theme3 .ui-datepicker td a.ui-state-highlight,.theme3 .logout>a,.theme3 .app_advblock{ background-color:#2e3e45;}
.theme3 h2,.theme3 h4,.theme3 .faqlist ul li::before,.theme3 .faqlist ul li:hover a,.theme3 .advertisement_date,.theme3 .date_holder::after,.theme3 a:hover,.theme3 .loginhelp h4::before,.theme3 .special_box,.theme3 .date_holder::after,.theme3 .mydatepicker::after,.theme3 .ui-datepicker td a,.theme3 .post_block span::before,.theme3 .welcome_content h1 span,.theme3 .supportbox h2,.theme3 .countdown_icon_holder i,.theme3 .helpful_links h1,.theme3 .chairman_name span,.theme3 .bg_even h1,.theme3 .page_title h1{ color:#2e3e45;}

.theme3 .thetag{color:#2e3e45;}
.theme3 .myheader.sticky,.theme3 footer.myfooter,.theme3 .internal_header{ background:#2e3e45; color:#FFF;}
.theme3 .app_advblock:after{background:rgba(30,47,55,0.9);}
@media screen and (max-width:700px) {
	.theme3 .myheader{ background:#2e3e45; color:#FFF;}
}

/*----------------Reddish theme-----------------------*/
body.theme4{}
.theme4 .theme_color{color:#b19336;}
.theme4 .theme_bg{background:#b19336;}
.theme4 .themenuholder{border-top:5px solid #b19336;}
.theme4 .chairmanbox{border-top:5px solid #b19336;}
.theme4 .themenuholder i{color:#b19336;}

.theme4 a.all_notices{border:2px solid #b19336; color:#b19336;}
.theme4 a.all_notices:hover{background:#b19336; color:#FFF;}
.theme4 .footer_info h2{ color:#FFF;}
.theme4 .theme_bg,.themebox4,.theme4 .table_holder>table th,.theme4 .apply_btn,.theme4 .ui-datepicker td a:hover,.theme4 .ui-datepicker td a.ui-state-highlight,.theme4 .sujit-nav ul li:hover ul li a:hover,.theme4 .faqs .ui-accordion-header.ui-state-active{ background:#b19336; color:#FFF;}
.theme4 .ui-datepicker-header,.theme4 .ui-datepicker td a.ui-state-highlight,.theme4 .logout>a,.theme4 .app_advblock{ background-color:#b19336;}
.theme4 h2,.theme4 h4,.theme4 .faqlist ul li::before,.theme4 .faqlist ul li:hover a,.theme4 .advertisement_date,.theme4 .date_holder::after,.theme4 a:hover,.theme4 .loginhelp h4::before,.theme4 .special_box,.theme4 .date_holder::after,.theme4 .mydatepicker::after,.theme4 .ui-datepicker td a,.theme4 .post_block span::before,.theme4 .welcome_content h1 span,.theme4 .supportbox h2,.theme4 .countdown_icon_holder i,.theme4 .helpful_links h1,.theme4 .chairman_name span,.theme4 .bg_even h1,.theme4 .page_title h1{ color:#b19336;}

.theme4 .thetag{color:#b19336;}
.theme4 .myheader.sticky,.theme4 footer.myfooter,.theme4 .internal_header{ background:#b19336; color:#FFF;}
.theme4 .app_advblock:after{background:rgba(255,97,109,0.9);}
@media screen and (max-width:700px) {
	.theme4 .myheader{ background:#b19336; color:#FFF;}
}


/*----------------Blue theme-----------------------*/
body.theme5{}
.theme5 .theme_color{color:#5482ab;}
.theme5 .theme_bg{background:#5482ab;}
.theme5 .themenuholder{border-top:5px solid #5482ab;}
.theme5 .chairmanbox{border-top:5px solid #5482ab;}
.theme5 .themenuholder i{color:#5482ab;}

.theme5 a.all_notices{border:2px solid #5482ab; color:#5482ab;}
.theme5 a.all_notices:hover{background:#5482ab; color:#FFF;}
.theme5 .footer_info h2{ color:#000;}
.theme5 .theme_bg,.themebox5,.theme5 .table_holder>table th,.theme5 .apply_btn,.theme5 .ui-datepicker td a:hover,.theme5 .ui-datepicker td a.ui-state-highlight,.theme5 .sujit-nav ul li:hover ul li a:hover,.theme5 .faqs .ui-accordion-header.ui-state-active{ background:#5482ab; color:#FFF;}
.theme5 .ui-datepicker-header,.theme5 .ui-datepicker td a.ui-state-highlight,.theme5 .logout>a,.theme5 .app_advblock{ background-color:#5482ab;}
.theme5 h2,.theme5 h4,.theme5 .faqlist ul li::before,.theme5 .faqlist ul li:hover a,.theme5 .advertisement_date,.theme5 .date_holder::after,.theme5 a:hover,.theme5 .loginhelp h4::before,.theme5 .special_box,.theme5 .date_holder::after,.theme5 .mydatepicker::after,.theme5 .ui-datepicker td a,.theme5 .post_block span::before,.theme5 .welcome_content h1 span,.theme5 .supportbox h2,.theme5 .countdown_icon_holder i,.theme5 .helpful_links h1,.theme5 .chairman_name span,.theme5 .bg_even h1,.theme5 .page_title h1{ color:#5482ab;}

.theme5 .thetag{color:#af2a26;}
.theme5 .myheader.sticky,.theme5 footer.myfooter,.theme5 .internal_header{ background:#437eb2; color:#FFF;}
.theme5 .app_advblock:after{background:rgba(51,102,147,0.9);}
@media screen and (max-width:700px) {
	.theme5 .myheader{ background:#233555; color:#FFF;}
}

/*---------------------------------------*/


*{margin:0; padding:0; box-sizing: border-box;}
html,body{ height:100%; width:100%;}
body{background:#FFF;color:#4e4e4e;font-family: 'Roboto-Light';font-size:16.5px;}
header,section,article,figure,aside,footer,nav{ display:block;}
.clr{ clear:both;}
ul{ list-style:none;margin:0px; padding:0px;  }
figure,iframe,video{ max-width:100%; vertical-align:bottom;}
img{height:auto;max-width:100%; vertical-align:bottom;}
a{text-decoration:none; color:#7a7a7a; }
p{margin:7px 0 15px 0; text-align:justify; line-height:150%; }
b,strong{font-family: 'Roboto-Medium'; font-weight:400;}
textarea{ resize:none;}
i{ margin:0 6px 0 0;}
.breakline{word-break: break-all;word-wrap: break-word;}
.ihide{display:none;}
.center{text-align:center;}

h1,h2,h3,h4,h5{clear:both;}
h1,h2,h3{font-family: 'Roboto-Condensed';}
h1{font-weight:300;line-height:50px;}
h2,h3{font-weight:normal; margin:8px 0 0 0;}
h4{font-family: 'Roboto-Regular';}
h4{margin:8px 0 0 0; font-weight:bold;}
.required_field{color:#d30e0e; display:inline-block; font-weight:bold; padding:0 0 0 5px;position:relative;top:-10px;}


.aligner{ margin:0px auto; max-width:1600px; position:relative;}

.the_content{text-align:justify;}
.the_content b{font-weight:600;}
.the_content ol{margin:10px 0 20px 30px !important;}
.the_content ol li{ list-style:inherit; list-style-position:outside; padding:5px 0 5px 3px !important; line-height:140%;}
.the_content ol li ol{margin:0px 0 10px 15px !important;  font-weight:normal;}

.the_content ul{margin:10px 0 20px 30px !important;}
.the_content ul li{ list-style:inherit; list-style-position:outside; padding:5px 0 5px 3px !important;}
.the_content ul li ul{margin:0px 0 10px 15px !important;  font-weight:normal;}

/*
    *{-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
*/


/*---------- form styles -----------*/
input[type="text"],input[type="password"],input[type="email"],input[type="number"]{ background-color:#fbfbfb; border:1px solid #adadad;color:#000;display:block;font:normal 16px Arial, Helvetica, sans-serif;padding:4px;height:34px;width:100%;}
input[type="file"]{ background-color:#fbfbfb; border:1px solid #adadad;color:#000;display:block;font:normal 16px Arial, Helvetica, sans-serif;padding:4px;width:100%;}
input[type=text]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus{background-color:#FFF; border:1px solid #8f8f8f;}
textarea{ background-color:#fbfbfb; border:1px solid #adadad; display:block;font:normal 16px Arial, Helvetica, sans-serif;padding:4px;resize: none;width:100%;}
textarea:focus{background-color:#FFF; border:1px solid #8f8f8f;}
.selectboxx select{background-color:#fbfbfb; border:1px solid #adadad;display:block;padding:4px 40px 4px 4px;width:100%; min-height:34px;}
select{background-color:#fbfbfb; border:1px solid #adadad;display:block;font-size:16px;padding:4px;min-height:34px;}
select:focus{background-color:#FFF; border:1px solid #8f8f8f;}
select option{ padding:3px;}
input[type="submit"]:disabled{background:#cbcbcb !important; border:1px solid #8d8d8d !important; color:#7e7e7e !important; cursor:not-allowed;} 
input:disabled,input:disabled:hover{background-color:#a1a1a1; border:1px solid #878787; color:#878787;}
input[type="text"]:disabled,input[type="password"]:disabled,input[type="email"]:disabled,input[type="number"]:disabled,select:disabled{background-color:#EFEFEF; border:1px solid #adadad;color:#000;}
input[type="radio"],input[type="checkbox"]{ margin:3px 3px 0 3px;}

.multiselectbox {background-color:#f9f9f9; border:1px solid #adadad;display:block;font:normal 16px Arial, Helvetica, sans-serif;min-height:90px;overflow-y: scroll;padding:4px;width:100%;}

.move_buttons1 {position:absolute;right:-10px;top:30px;}
.move_buttons1 input{display:block;margin:5px;cursor:pointer;}
.move_buttons1 input:disabled{background:none !important; border:none !important;}
.move_buttons {position:absolute;right:35px;top:30px;}
.move_buttons input{display:block;margin:5px 0;cursor:pointer;}
.move_buttons input:disabled{background:none !important;border:none !important;}

label select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;}
label {position:relative;}
label.selectboxx{display:block;}
label.selectboxx:after {content:'<>';font:15px "Consolas", monospace;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:7px; top:7px;padding:0 0 2px;position:absolute;pointer-events:none;}
label.selectboxx:before {content:'';right:1px; top:1px;width:30px; height:32px;background:#f8f8f8;position:absolute;pointer-events:none;display:block;border-left:1px solid #adadad;}
label.checkboxx{ display:inline-block}
label.checkboxx:after {content:'\f096';font:normal 17px FontAwesome;color:#5482ab ;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:0px; top:0px;padding:0 0 2px;position:absolute;pointer-events:none;}
label.checkboxx:before {content:'';right:1px; top:1px;width:15px; height:15px;background:#f8f8f8;position:absolute;pointer-events:none;display:block;}
input[type=checkbox]:checked + label.checkboxx:checked:after{content:'\f046';}


.captchabox{ position:relative;}
.captchabox input[type="text"]{ float:right; width:calc(100% - 160px); height:37px;}
.captchanote{ font:normal 13px Arial, Helvetica, sans-serif;}
a.refresh{display:inline-block; padding:5px;}
.refresh_captcha{ display:block; padding:10px 0;}
.refresh_captcha a:before{content:'\f021';font:normal 17px FontAwesome; font-size:15px; padding:0 5px 0 0;}

/*---------- form styles ends-----------*/


/*----------- popup styles------------------*/
.overlayer{background:rgba(0,0,0,0.85);bottom:0px;display: none;left: 0;position:fixed;right:0px;top: 0; z-index:999999;}
.modalBackground{background:rgba(0,0,0,0.85);bottom:0px;left: 0;position:fixed;right:0px;top: 0; z-index:999999;}
.modalPopup {overflow:auto; max-height:90%;}
.popcontainer{ position:fixed; top:10%;  z-index:9999999;}
.close{}

.myviewer{ background:#FFF;display:block;margin:0px auto;position:relative;}

.showinfo .pop_heading{ background:#5bc0de;}
.showsuccess .pop_heading{ background:#26b99a;}
.showalert .pop_heading{ background:#f0ad4e;}
.showerror .pop_heading{ background:#d9534f;}

.pop_heading{color:#FFF !important; padding:7px 15px;}
.pop_heading h2{color:#FFF !important;}
.pop_content{ padding:15px; min-height:200px;}
.pop_footer{ border-top:1px solid #efefef; padding:7px 15px; text-align:right;}
/*----------- popup styles ends------------------*/
.registration_preview {background:#FFF;max-width:1100px;margin: 0px auto;}
.pop_content .box1{padding:5px 0; margin:0; width:100%; display:inline-block; clear:both;}
.pop_content .box2{padding:5px 0; margin:0; width:50%; display:inline-block;}
.pop_content h2{margin:15px 0 5px 0;}
.pop_content h4{margin:15px 0 5px 0;}
.pop_content .box1>span{display:inline-block;}
.pop_content span.preview_label {display: inline-block;float:left;line-height:25px;padding: 0 10px;position:relative; text-align:left;width:260px;}
.pop_content span.preview_label:after{content:':'; position:absolute; right:-10px;top:0px;}
.pop_content span.preview_span {display: inline-block;float:right;line-height:25px;padding: 0 10px;position:relative; text-align:left;width:calc(100% - 280px);}

.pop_content span.preview_label_big {display: inline-block;float:left;line-height:25px;padding: 0 10px;position:relative; text-align:left;width:calc(100% - 280px);}
.pop_content span.preview_label:after{content:':'; position:absolute; right:-10px;top:0px;}
.pop_content span.preview_span_small {display: inline-block;float:right;line-height:25px;padding: 0 10px;position:relative; text-align:left;width:260px;}


/*-------------------------- CountDown Counter styles --------------------------*/
.registration_countdown{ background:#3C3C3C; color:#FFF;text-align:center;}
.registration_countdown .countdownholder:first-child{ border-left:none;}
.countdownholder{ display:inline-block; border-left:1px solid rgba(0,0,0,0.5);}

.countdownbox{ padding:10px}
.countdown ul li{ display:inline-block;}
.countdown input[type="text"]{ background:none; border:none; color:#0075db;font-family: 'Roboto', sans-serif; font-size:50px; height:auto; text-align:center;}

.aftercounter{ padding:10px;}
.aftercounter h1{ margin:0 0 10px 0;}
.aftercounter a{color:#FFF; display:block; padding:10px 0; text-align:center; }
.aftercounter a:hover{ text-decoration:underline;}
    
/*-------------------------- CountDown Counter styles ends --------------------------*/


/*------------------------ Date picker styles-----------------------------------------*/
.thedatepicker{}
.date_holder,.mydatepicker{ position:relative;}
.date_holder::after,.mydatepicker::after{content:"\f073";display:inline-block;font: normal normal normal 17px/1 FontAwesome; margin:0 5px 0 0;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transform: translate(0, 0); pointer-events:none; position:absolute; right:5px; top:7px;}


.date_range{}
.date_start{float:left;position:relative; width:50%;}
.date_start::after{content:"\f073";display:inline-block;font: normal normal normal 17px/1 FontAwesome;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transform: translate(0, 0); pointer-events:none; position:absolute; left:8px; top:7px;}
.date_start input[type="text"] { background-color:#f9f9f9; border:1px solid #adadad; border-right:none;display:block;font:normal 16px Arial, Helvetica, sans-serif;padding:4px 4px 4px 40px;width:100%;height:34px;}
.date_seperator{ background-color:#f9f9f9; border:1px solid #adadad; border-left:none; border-right:none;display:block;float:left;font:normal 16px Arial, Helvetica, sans-serif;padding:4px 0; text-align:center;width:20px;height:34px;}
.date_end{float:left;position:relative; width:calc(50% - 20px);}
.date_end input[type="text"] { background-color:#f9f9f9; border:1px solid #adadad; border-left:none;display:block;font:normal 16px Arial, Helvetica, sans-serif;padding:4px 4px 4px 30px;width:100%;height:34px;}


.ui-datepicker{background:#FFF; border:1px solid #002953; width:300px; }
.ui-datepicker-header{}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ cursor:pointer; height:20px; position:absolute; top:5px; width:50px;}
.ui-datepicker .ui-datepicker-prev{ left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev span::before{content:"\f0a8";display:inline-block;font: normal normal normal 14px/1 FontAwesome; margin:0 5px 0 0;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transform: translate(0, 0); pointer-events:none;}
.ui-datepicker .ui-datepicker-next span::after{content:"\f0a9";display:inline-block;font: normal normal normal 14px/1 FontAwesome; margin:0 0 0 5px;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transform: translate(0, 0);pointer-events:none;}
.ui-widget-header a{color:rgba(255,255,255,0.8);}
.ui-widget-header a:hover{color:rgba(255,255,255,1);}
.ui-datepicker .ui-datepicker-title{ margin:0px 60px; text-align:center;}
.ui-datepicker-title select{ display:inline;font-size:14px; height:inherit;margin:4px 3px; padding:0px 10px 0 0;}
.ui-datepicker-title select option{ padding:1px;}
.ui-datepicker table {border-collapse: collapse;font-size: 0.9em;width: 100%;}
.ui-datepicker-calendar th{ background:#616161 !important; color:#FFF; padding:6px 0;}
.ui-datepicker-calendar td{ text-align:center;}
.ui-datepicker td,.ui-datepicker td{ padding:1px;}
.ui-datepicker td a{ background:#efefef;display:block; padding:6px 0;}
.ui-datepicker-calendar a.ui-state-active{background:#ffbb00; color:#000;}

.ui-datepicker table,.ui-datepicker td,.ui-datepicker th{ border:none;}
.ui-datepicker tr:hover{ background:none;}
.ui-state-disabled .ui-state-default{  background:#d1d1d1;color:#b6b6b6; display:block; padding:6px 0 !important;}


/*----------- Table styles ------------------*/
.breaktable table{width:100%;}
.breaktable tr{display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;}
.breaktable tr td{float:left; min-width:200px; padding:3px 0;}


.table_holder{ overflow:auto;}
.table_holder table{ width:100%; border:1px solid #efefef;}
.table_holder table,td,th{ border-collapse:collapse; padding:8px 5px;}
.table_holder th{text-align:left;}
.table_holder td,.table_holder th{ border:1px solid #efefef;}
.table_holder table tr:nth-child(odd){ background:#F8F8F8;}

table a{padding:5px;}
table p{text-align:left;}


.max_height{ max-height:400px; overflow:auto;}

.topper{ background:#303030; font-family: 'Roboto Condensed', sans-serif; font-size:14px;line-height:25px;}
.topper,.topper a{ color:#F5F5F5;}

.main_content{ float:left;}
.main_content a{ display:block; height:30px; padding:3px 0 0 0;}

.option_panel{ float:right;}

.languages{border-right:1px solid rgba(0,0,0,0.5);float:left;line-height:30px; padding:0 0 0 10px; position:relative;}
.language_selector{cursor:pointer; display:inline-block;position:relative;}


.language-wrapper{display:inline-block;float:right;cursor:pointer;width:90px;margin-left:5px; overflow:hidden; color:#FFF;}
.language-wrapper label{display:block;}
.language-wrapper select{ background:#303030;border:none;color:#FFF;font-size:14px; height:30px !important; width:100%; }
.language-wrapper select option{ padding:4px; border:none; line-height:30px;}
.language-wrapper:hover{background:rgba(0,0,0,0.3) url("../../../images/dropdown-hover.png") no-repeat right center;}
.language-wrapper .holder{display: block;margin: 0 20px 0 5px;white-space: nowrap;overflow: hidden;cursor: pointer;position: relative;}
.language-wrapper{}
.language-wrapper label:after {
	content: "\f078";color:#FFF;display:inline-block;font: normal normal normal 11px/1 FontAwesome;text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;transform: translate(0, 0);
    right:9px; top:9px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}
.language-wrapper label:before {
    content:'';
    right:1px; top:1px;
    width:30px; height:31px;
    background:none;
    position:absolute;
    pointer-events:none;
    display:block;
	border-left:none;
}

select.custom-select option:hover,select.custom-select option:focus {
    box-shadow: 0 0 10px 100px #000 inset;
}

.font-resizer{ float:left;}
.font-resizer ul li{ float:left; border-left:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(0,0,0,0.3);}
.font-resizer a{cursor:pointer; display:block; height:30px; padding:1px 12px 0 12px;}
.font-resizer a:hover{ background:#000; color:#FFF;}

.color_chooser{ border-left:1px solid rgba(255,255,255,0.5);float:left; height:30px;padding:0 0 0 15px;}
.color_chooser ul li{ float:left; margin:0 2px; padding:8px 0 0 0;}
.color_chooser ul li:first-child{ padding:3px 0 0 0;}
.hide{ visibility:hidden;}
.patch{ display:block; height:15px; width:15px; overflow:hidden;cursor:pointer; border:1px solid #FFF;}


.myheader{width:100%; }
.front_header{ background:none; position:absolute; width:100%; z-index:999;}
.internal_header{}
/*.myheader.sticky{position:fixed; top:0; z-index:999;}
.myheader.sticky .logo_holder img{height:70px;}
.myheader.sticky .organization_name h3{display:none;}*/


.logo_holder{float:left;padding:7px 0;display:flex;}
.logo_icon{float:left; padding:0 10px 0 0;}
.organization_name{float:left; padding:25px 0 0 0;}
.organization_name h1{font:bold 36px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;}
.organization_name h3{ color:#FFF;font:normal 18px "Times New Roman", Times, serif;}
.logo_holder a{}

.header_nav{float:right;padding:40px 0 0 0;}
/*.myheader.sticky .header_nav{padding:25px 0 0 0;}
.myheader.sticky .organization_name{float:left; padding:15px 0 0 0;}
.myheader.sticky .organization_name h1{font:bold 30px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;}*/

.navigation{cursor:pointer; color:#FFF;display:none;}
.navigation i{font-size:35px;}
.closemenu{color:#F30; cursor:pointer;display:none; font-weight:bold; padding:5px 10px;font-family: 'Roboto-Condensed'; text-transform:uppercase; text-align:right;}
.closemenu:hover{ color:#F00;}


.navholder{ background:#232323;}
.menu_aligner{max-width:1400px;margin:0px auto;}
a#pull{display:none;}
.sujit-nav{text-transform:uppercase; margin-right:20px;float:left;}
.sujit-nav>ul>li{ float:left; position:relative;}
.sujit-nav>ul>li>a{color:#F4FAFF; display:block;padding:9px 12px;}
.sujit-nav ul li a:hover,.sujit-nav ul li:hover a{ background:rgba(0,0,0,0.2); color:#FFF;}
.sujit-nav ul li.active a{ background:#e73624; color:#FFF; border-radius:3px;}

.sujit-nav ul li ul{ background:#FFF;font-weight:400;left:0px; line-height:17px;opacity:0;position:absolute;top:70px;transition:top 0.3s ease 0s,opacity 0.3s ease 0s;visibility:hidden;width:210px;z-index:1;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);}
.sujit-nav ul li:hover ul{  top:33px; visibility:visible; opacity:1; z-index:999;}
.sujit-nav ul li ul li{ display:block; border-bottom:1px solid rgba(69,69,69,0.2); margin:0px; float:none; text-transform:none;}
.sujit-nav ul li ul li:last-child{ border-bottom:none;}
.sujit-nav ul li:hover ul li a,.sujit-nav ul li ul li a{background:#FFF;color:#000;display:block;font-size:15px;margin:0px;padding:8px; width:210px; }
.sujit-nav ul li:hover ul li a:hover{background:#000;color:#FFF;}

.process_btn{float:right;}
.process_btn a{display:inline-block;color:#FFF;margin:3px 0; background:#d43f3a;padding:7px 15px;}
.process_btn a:hover{background:#FFF;color:#d43f3a;}

.user_option{ float:right; }
.user_option ul li{ display:inline-block; margin:0 0 0 5px; text-transform:uppercase;}
.user_option ul li a{border:1px solid rgba(0,0,0,0.3); color:#FFF; display:block; padding:8px 15px; border-radius:3px; }
.user_option ul li a:hover{border:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.5);color:#FFF;}
.user_option i{ margin:0 5px 0 0;}


.page_title{background:#f5f5f5; display:block; border-bottom:1px solid #9e9e9e; margin:0 0 20px 0;}
.page_title h1{background:#FFF; display:inline-block; padding:0 20px; position:relative;border-top:5px solid #353535;bottom:-1px; border-left:1px solid #9e9e9e; border-right:1px solid #9e9e9e;}
.page_title h2{color:#FFF !important;}




#banners{}
.bannerholder{position:relative; text-align:center;margin-bottom:20px;}
.bannerholder img{width:100%;}
.banner_overlay{}
.bannerholder h1{color:#535353;text-transform:uppercase; letter-spacing:-1px;color:#FFF;}
.bannerholder i{color:#FFF; font-size:120px;text-shadow:7px 10px 5px rgba(0,05,0,.2); margin:0 0 30px 0;}
.bx-caption{ background:rgba(0,0,0,0.8);color:#FFF; padding:7px; display:block;position:absolute; left:0;right:0;bottom:0; z-index:99;}
.bx-controls{padding:5px; }
.bx-pager{ text-align:center; width:100%;}
.bx-pager-item{ display:inline-block; padding:2px;}
.bx-pager a{ background:rgba(0,0,0,0.4);cursor:pointer;display:block;height:9px;text-indent:-9999px;width:9px;-webkit-border-radius: 50%;border-radius: 50%;}
.bx-pager a.active{background:rgba(0,0,0,1);}



.content{ min-height:400px;padding:0px 0;}
.container{}
.container table{width:100%;}


.the_container{}
.left_sidebar{float:left;width:260px;}
.right_sidebar{float:right;width:260px;}
.the_content{float:left;width:calc(100% - 560px); margin:20px;}

.left_sidebar,.right_sidebar{position: -webkit-sticky; position: sticky; top:-15px;}
.themenuholder{ background:#fafafa;border:1px solid #e2e2e2; margin:20px 0;padding:5px 10px 15px 10px;}
.themenuholder ul{margin:10px 0 0 0;}
.themenuholder ul li{border-bottom:1px solid #e2e2e2;}
.themenuholder ul li:last-child{border-bottom:none;}
.themenuholder ul li a{color:#5b5b5b; display:block;padding:9px 0;}
.themenuholder i{color:#5076b1;}

.chairmanbox{background:#fafafa;border:1px solid #e2e2e2;margin:20px 0;padding:5px 10px 15px 10px;}

/*---------------Advertisement Block starts----------------------*/
.job_listing{ }
.job_listing h1{color:#676767;}
.job_listing table{width:100%;}
.job_listing table tr{border-bottom:2px solid #dfdfdf;}
.job_listing table tr:last-child{border-bottom:none;}
.the_notice a{color:#4b4b4b;display:block; padding:15px;}
.job_listing a.apply_btn{width:auto; display:block; padding:5px 10px; font-size:14px;}
.job_listing table tr td:first-child{width:100px; text-align:center;}
.load_more{text-align:center; padding:25px 0;}

.job_listing ul{font-size:100% !important; margin:0px !important;}
.job_listing ul li{padding:10px 0px !important;border-bottom:1px dashed #dfdfdf;display: -webkit-flex;display: flex; }


.listing_date{ border-right:2px solid #bdbdbd;}
.datebox{display:block;text-align:center; width:95px; padding:0 8px;}
.datebox h2{margin:0 !important;}
a.all_notices{display:inline-block !important; padding:10px 25px; font-weight:bold;}
a.all_notices:hover{ background:#000; color:#FFF;}
.date,.year{font-size:13.5px;}

.job_listing .listing_content{ padding:7px 10px; vertical-align:middle; width:calc(100% - 200px);}
.listing_content a{color:#4b4b4b;display:block;}
.content_title{display:block;}
.content_extra{display:block;padding:0; font-size:90%; color:#c66d21;}
.listing_action{width:100px;  text-align:center;}
.listing_action a{clear:both;background:#404040;  border:1px solid #000; display:inline-block; margin:5px; padding:4px 7px;font-size:82%; color:#e5e5e5;width:100px;}
.listing_action a:hover{background:#efefef; border:1px solid #d73c12;color:#d73c12 !important;}
.listing_action .button_pdf:hover::after{color:#000 !important;}
.listing_action .button_pdf::after{font-size:14px;}
.listing_action .button_pdf{padding-left:20px;}
.listing_action a.button_pdf{width:95px;}

.the_listing{}
.the_listing ul{font-size:100% !important; margin:0px !important;}
.the_listing ul li{padding:10px 0px !important;border-bottom:1px dashed #dfdfdf;display: -webkit-flex;display: flex; justify-content:space-between; }
.the_listing .content_title{margin:5px 0;}

.listing_date.newflash h2{-webkit-animation: calndar_ani2 0.5s linear 0.5s infinite alternate;  animation: calndar_ani2 0.5s linear 0.5s infinite alternate;}
@-webkit-keyframes calndar_ani2 {
    0%   {}
    100% {color:#d50700;}
}
@keyframes calndar_ani2 {
    0%   {}
    100% {color:#d50700;}
}

.job_listing.animate{ position:relative;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;}

.job_listing.animate{ top:-20px; opacity:0;transform:  scale(0.8);}
.job_listing.animated{ top:0px; opacity:1;transform:  scale(1);}


.animate_more.animate{ position:relative;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;}
.animate_more{  opacity:0;transform:  scale(0.5);}
.animate_more.animated{  opacity:1;transform:  scale(1);}

/*---------------Advertisement Block ends----------------------*/
.bg_even{background:#f3f4f9; }
.bg_odd{}
/*---------------FAQ Block starts----------------------*/
.faq_block{padding:40px 0;}
.faq_block h1{color:#676767;font-size:32px; margin: 0 0 20px 0;text-align:center;}
.faqs{ height:400px; overflow:auto;}
.faqs h3{font-family: 'Roboto-Light';}
.faqs h3:hover{}
.faqs .ui-accordion-header{ border: 1px solid #c5c5c5;background: #f6f6f6;color:#454545; display: block;cursor: pointer;position: relative;margin:8px 0 0 0; padding:5px 10px 12px 10px;}
.faqs .ui-accordion-header:hover{background: #f1f1f1;color:#1f1f1f;}
.faqs .ui-accordion-content{border: 1px solid #c5c5c5; background:#FFF; padding:15px 10px;}
.faqs .ui-accordion-header.ui-state-active h3{color:#FFF;}
.more_detail{ text-align:right;}
.more_detail a:before{content:"\f08e"; font-size:20px;color:#c64844;font-family:FontAwesome;}
.more_detail a{color:#747474;}
.more_detail a:hover{}

.faq_block .animate{ position:relative;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;}

.the_question{ opacity:0;}
.the_question.animated{  opacity:1;}


/*---------------FAQ Block ends----------------------*/

/*---------------Guideline Block starts----------------------*/
.guideline_block{background:#f3f4f9; padding:40px 0; text-align:center;}
.guideline_block h1{color:#676767;font-size:32px; margin: 0 0 20px 0;text-align:center;}
.guideline_list{ display:inline-block; padding:0 0 30px 0; text-align:left;}
.the_guideline{ display:block; padding:10px 10px 5px 5px; position:relative; font-size:25px;}
.the_guideline:before{content:"\f29c"; font-size:25px; color:#82be50; font-family:FontAwesome; margin-right:15px;}
/*---------------Guideline Block ends----------------------*/

/*---------------Welcome Block starts----------------------*/
.welcome_block{ background:#f3f4f9; padding:70px 0;}
.welcome_block .aligner{display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;}
.welcome_thumb{padding:20px; width:300px; }
.welcome_content{ padding:20px;width:calc(100% - 300px); line-height:30px;}
.welcome_content h1{ line-height:normal; font-size:30px; font-weight:normal;}
.the_message{ position:relative; padding:20px 30px;}
.the_message:before{content:"\f10d"; font-size:20px; color:#747474; position:absolute; left:0; top:10px;font-family:FontAwesome;}
.the_message:after{content:"\f10e"; font-size:20px; color:#747474; position:relative; left:5px; bottom:7px;font-family:FontAwesome;}
.chairman_name{ text-align:right;}
.chairman_name span:first-child{color:#000;}
.welcome_content h1 span:first-child{color:#000;}

.welcome_thumb,.welcome_content{ position:relative;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;}
.welcome_thumb{ right:80px; opacity:0;}
.welcome_thumb.animated{ right:0px; opacity:1;}
.welcome_content{left:80px; opacity:0;}
.welcome_content.animated{left:0px;opacity:1;}


/*---------------Welcome Block Ends----------------------*/


.undertakingholder label{float:right;display:block; width:calc(100% - 30px);}

.faqpage{}
.faqpage h4{ cursor:pointer; padding:5px 0;}




.sidebar{ float:right; width:30%}
.sideblock{ margin:0 0 20px 0;}
.theme_bg{display:inline-block;}
.faqlist{}
.faqlist ul li{ margin:0 0 3px 0; position:relative;}
.faqlist ul li a{ background:#f6f6f6; border:1px solid #f2f2f2; color:#454545; display:block; padding:10px 5px 10px 30px;}
.faqlist ul li a:hover{ background:#FFF;}
.faqlist ul li::before{content: "\f138";display:inline-block;font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px; line-height:22px; left:7px;
  position:absolute; top:10px; 
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
.faqlist ul li:hover::before{color:#666; }

.newsletter{color:#FFF; padding:15px;}
.newsletter h2{ color:#FFF; text-transform:uppercase;}
.newsletterform{ margin:20px 0 0 0;}
input[type="text"].newsletter_txtbox{ border:1px solid #09243b; float:left; padding:6px; width: calc(100% - 120px);}

.welcome{background:#eeeeee;border-top:1px solid #ededed; color:#646464;padding:30px 0;}
.welcome_message{}

/*---------------Countdown Block starts----------------------*/
.achievement_block{padding:30px 0; background:#FFF;}
.achievement_block h1{color:#676767;font-size:32px;text-align:center;}
.countdown_block{display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;padding:30px 0;}
.countdownbox{  text-align:center; }
.countdown_icon_holder{border:2px dashed #cacaca; border-radius:50%; display:inline-block; height:100px;line-height:100px; margin:0 0 10px 0;width:100px;  }
.countdown_icon_holder i{font-size:30px;}
.count_ani{}
.count_ani h1{color:#000; font-family: 'Roboto-Medium'; font-size:38px; font-weight:bold;}

.countdown_icon_holder{ position:relative;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-ms-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;}
.countdown_icon_holder{ opacity:0;transform:  scale(0.2);}
.countdown_icon_holder.animated{opacity:1;transform:  scale(1);}

/*---------------Countdown Block ends----------------------*/


/*---------------Mobile App Block starts----------------------*/
.app_advblock{ background-image:url(../../../images/the-bgg.jpg);color:#FFF;padding:70px 0 0 0; overflow:hidden; background-attachment:fixed; background-size:cover; position:relative;}
.app_advblock:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.app_advblock h1{color:#FFF;font-family: 'Roboto-Medium'; font-size:38px; font-weight:bold; text-transform:uppercase;}
.app_advblock h2{color:#FFF; font-family: 'Roboto-Regular';font-size:35px;font-weight:bold;text-transform:uppercase; margin:0;}
.app_advblock .aligner{display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; position:relative; z-index:9;}
.app_screenshot{padding:0 10px;text-align:center;width:50%;}
.app_message{padding:20px 10px;width:50%;}

.download_app_block{padding:30px 0;}
a.download_app{display:inline-block; margin:10px 20px 10px 0;}
.app_download_btn{ background:#FFF; border-radius:7px; color:#000;display:inline-block; }
.app_type{  border-right:1px solid #efefef;color:#3ac6e9;display:inline-block;padding:10px 10px 10px 20px; font-size:22px;}
.store_name{display:inline-block;font-weight:bold;padding:17px 30px 17px 10px;text-transform:uppercase;}
a.download_app:hover .app_download_btn{color:#3ac6e9; }



.app_screenshot.animate,.app_message.animate{ position:relative;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;}

.app_screenshot{ bottom:-200px; opacity:0;}
.app_screenshot.animated{ bottom:0px; opacity:1;}

.app_message{left:50px; opacity:0;}
.app_message.animated{left:0px;opacity:1;}
/*---------------Mobile App Block ends----------------------*/


/*---------------Other Website Block starts----------------------*/
.helpful_links{ background:#FFF; padding:30px 20px;}
.helpful_links h1{font-size:30px;text-align:center;}
.link_holder{padding:30px 0 0 0;justify-content:space-around;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;}
.govt_logo{padding:10px 10px; line-height:80px;}
.govt_logo img{-webkit-filter: grayscale(100%);filter: grayscale(100%); max-height:100px;}
.govt_logo:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}

.govt_logo.animate{ position:relative;
-webkit-transition: all 700ms ease-in-out;
-moz-transition: all 700ms ease-in-out;
-ms-transition: all 700ms ease-in-out;
-o-transition: all 700ms ease-in-out;
transition: all 700ms ease-in-out;}

.arrange_in{opacity:0;}
.arrange_in:nth-child(odd){opacity:0; top:-20px;}
.arrange_in:nth-child(even){opacity:0; bottom:-20px;}

.arrange_in.animated:nth-child(odd){opacity:1; top:0px;}
.arrange_in.animated:nth-child(even){opacity:1; bottom:0px;}
/*---------------Other Website Block ends----------------------*/



/*---------------Footer Block starts----------------------*/
footer.myfooter{}

.footer_info{padding:30px 0; }
.footer_info .aligner{justify-content:space-between;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex; flex-wrap: wrap;}
.footer_info h2{ margin:0 0 10px 0;text-transform:uppercase;}

.footercontact{width:450px;}
.footermenu{padding:10px; float:left;}
.footermenu ul{}
.footermenu ul li{display:block;}
.footermenu ul li a{color:rgba(255,255,255,0.8);display:block;padding:6px 10px;}
.footermenu ul li a:hover{color:#FFF;}
.footermenu ul li a:before{color:#ff8a00;content:"\f0da"; font-family:'FontAwesome';  font-size:15px; padding:0 10px 0 0;}
.footermenu ul li a:hover:before{padding:0 6px 0 4px;}

.support_box{padding:10px; }
.supportbox{ background:#FFF; border-radius:8px;color:#F00;padding:10px;}
.supportbox p{ margin:0;}
.supportbox h2{margin:2px 0 10px !important;}
.supportbox h4{color:#505050 !important;font-family:'Roboto Condensed', sans-serif;font-weight:400;}

.footer_bottom{ background:rgba(0,0,0,0.5); color:#eef3fb; padding:20px 10px; text-align:center; line-height:30px; font-size:14px;}
.best_viewed{ }
.copyright{ }
/*---------------Footer Block ends----------------------*/

.box1 {clear:both;display:block;padding:10px 15px;position: relative;width: 100%;}
.box2 {float:left;padding:10px 15px;position: relative;width: 50%;}
.box2 .box1{ padding:7px 0;width:48%;}
.box2 .box2{ padding:7px 0;width:48%;}
.box3 {float:left;padding:10px 15px;position: relative;width: 33.33%;}
.box23rd {float:left;padding:10px 15px;position: relative;width: 66.66%;}
.fileboxx {border: 1px solid #b0aeae;display: block;padding:2px; width:100%;box-sizing: border-box;}
.multiselectbox {width: 100%;min-height:90px;overflow-y: scroll;}

.txtboxx_small {border: 1px solid #b0aeae;display: inline-block;width: 150px;padding:5px;box-sizing: border-box;}


.scopebox_holder{display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;justify-content:space-between; }
div.department_block{font-weight:bold; float:left; width:32%; padding:15px; margin:5px 0 30px 0; background:#efefef; border:1px solid #d7d7d7;  }
span.department_block{display:block;}
.post_block{ margin:10px 0 0 0; font-weight:normal; overflow-y:auto; color:#2f2f2f;}
.post_block span{display:block; padding:2px 0 2px 20px; position:relative;}
.post_block span::before{content:"\f046"; font-family:'FontAwesome';  font-size:13px;margin-right:7px; position:absolute; left:0; top:3px;}


.contactboxx{display:block; padding:10px; background:#EFEFEF; border:1px solid #E1E1E1; float:left; min-height:250px;}

.reachus{ width:40%;}
.con_people{ width:calc(30% - 10px); margin:0px 0 10px 10px;}
.con_people ul li{ padding:5px 0; border-bottom:1px dashed #BFBFBF;}
.con_people ul li:last-child{ border-bottom:none;}

/*----------- Button styles ------------------*/

.button{ color:rgba(255,255,255,0.9); cursor:pointer; display:inline-block; font-size:16px; margin:5px 10px 5px 0; padding:8px 13px;-webkit-border-radius: 3px;border-radius: 3px;}
.button:hover{ color:#FFF;}
.button{background:#FFF; color:#515151; border:1px solid #ccc;}

.full_btn{ display:block; text-align:center; width:100%;}\

.info_button{background:#5bc0de; border:1px solid #46b8da;color:#FFF;}
.success_button{background:#26b99a; border:1px solid #169f85;color:#FFF;}
.alert_button{background:#f0ad4e; border:1px solid #eea236;color:#FFF;}
.error_button{background:#d9534f; border:1px solid #d43f3a;color:#FFF;}


.info_button:hover{background:#46b8da;color:#FFF !important;}
.success_button:hover{background:#169f85;color:#FFF !important;}
.alert_button:hover{background:#eea236;color:#FFF !important;}
.error_button:hover{background:#d43f3a;color:#FFF !important;}

.button_print{ position:relative; padding-left:30px;}
.button_print:after{ content:'\f02f';font:normal 17px/1 FontAwesome; position:absolute;left:5px;top:5px;}

.button_download{ position:relative; padding-left:30px;}
.button_download:after{ content:'\f019';font:normal 17px/1 FontAwesome; position:absolute;left:5px;top:5px;}

.button_save{ position:relative; padding-left:30px;}
.button_save:after{ content:'\f0c7';font:normal 17px/1 FontAwesome; position:absolute;left:5px;top:5px;}

.button_pdf{ position:relative; padding-left:30px;}
.button_pdf:after{color:#d43f3a !important; content:'\f1c1';font:normal 17px/1 FontAwesome; position:absolute;left:5px;top:5px;}

.button_delete{ position:relative; padding-left:30px;}
.button_delete:after{ content:'\f1c1';font:normal 17px/1 FontAwesome; position:absolute;left:5px;top:5px; color:red;}

.button_submit,.button_update,.button_reset{cursor:pointer; display:inline-block; font-size:16px; margin:5px 10px 5px 0; padding:8px 13px;-webkit-border-radius: 3px;border-radius: 3px;}
.button_submit{background:#26b99a;border:1px solid #169f85;color:#FFF;}
.button_update{background:#f0ad4e;border:1px solid #eea236;color:#FFF;}
.button_reset{background:#d9534f; border:1px solid #d43f3a;color:#FFF;}
.button_submit:hover{background:#169f85;}
.button_update:hover{background:#eea236;}
.button_reset:hover{background:#d43f3a;}


.show_note{ display:block; line-height:35px;margin:2px 0; text-align:center; background:#26b99a; color:#FFF;}
.show_alert{ display:block; line-height:35px;margin:2px 0; text-align:center; background:#f69001; color:#000;}
.show_error{ display:block; line-height:35px;margin:2px 0;  text-align:center; background:#d43f3a; color:#FFF;}
.alert_box{ display:block; line-height:35px; margin:2px 0; text-align:center; background:#d43f3a; color:#FFF;}
.alert_label{background:#d43f3a; color:#FFF;display:block; padding:0px 6px; line-height:25px;}

/*.popnotification{width:100%; background:rgba(0,0,0,0.6); display:block;}*/
.popnotification span{ display:inline-block; padding:7px 15px; /*position:relative;top:35%;*/}
.popnotification span:empty {padding:0;}
.show_note.popnotification span{ background:#26b99a; color:#FFF;}
.show_alert.popnotification span{ background:#f69001; color:#000;}
.show_error.popnotification span{ background:#d43f3a; color:#FFF;}
.alert_box.popnotification span{ background:#d43f3a; color:#FFF;}
.alert_label.popnotification span{background:#d43f3a; color:#FFF;}

.popnotification { -webkit-animation: seconds 15.0s; -webkit-animation-iteration-count: 1;animation: seconds 15.0s; animation-iteration-count: 1;  }
@-webkit-keyframes seconds {
   0% {
    opacity:0;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:-200px; width:100%;left:0%; border-radius:0px;
  }
  5% {
    opacity:1;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:80px;width:100%;left:0%;
  }
  90% {
    opacity:1;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:80px;width:100%;left:0%; 
  }
  100% {
    opacity:0;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:-200px; width:100%;left:0%; border-radius:0px;
  }
}
@keyframes seconds {
  0% {
    opacity:0;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:-200px; width:100%;left:0%; border-radius:0px;
  }
  5% {
    opacity:1;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:80px;width:100%;left:0%;
  }
  90% {
    opacity:1;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:80px;width:100%;left:0%; 
  }
  100% {
    opacity:0;position:fixed;/*top:0;left:0; right:0;bottom:0;*/z-index:99999; top:-200px; width:100%;left:0%; border-radius:0px;
  }
}


.whitepanel{ background:#FFF; border:1px solid #e6e9ed;}
.panel_heading{ border-bottom:1px solid #efefef; padding:8px 15px;}
.panel_title{ float:left;}
.panel_options{ float:right;}
.panel_options a{ display:inline-block; margin:0 7px; padding:5px;}
.panel_options i{ margin:0 6px 0 0;}

.panel_content{ padding:15px;}
.panel_footer{ border-top:1px solid #efefef; padding:7px 15px; text-align:right;}

/*----------- Login Page ------------------*/
.loginbox {background: #FFF;border: 1px solid #e0e0e0;margin:20px auto;max-width: 400px;-webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);}
.login_titler {color: #FFF;font-size: 19px;padding: 7px 15px; background:#575757;}
.login_form {padding:25px;}
.login_form h4{margin-top:15px;}
.loginbox a {color: #6b6b6b;}

.login_options {background: #dddddd;border-top: 1px solid #d0d0d0;padding: 7px 15px;}
.registernow {float: left;}
.activate {float: right;}

.loginhelp{ margin:10px 0 0 0;}
.loginhelp h4{cursor:pointer; color:#000;}
.loginhelp h4::before{content:"\f059"; display:inline-block; margin-right:7px;font-family:'FontAwesome'; font-size:18px;}
.help_options{ background:#FFF; border:1px solid #d1d1d1; margin:5px 0; padding:3px;}
.help_options ul li{margin:5px;}


.apply_btn{ display:inline-block; margin:5px 0;padding:5px;text-align:center;width:120px; }
.apply_btn:hover{ background:#232323;color:#FFF !important;}


.signholder{}
.signholder img{max-height:100px;}

.appearancebox {background: #eeeeee;border: 1px solid #e0e0e0;padding: 0;margin:15px 0;}
.appearancebox .box3:nth-child(1){width:40% !important;}
/*.appearancebox .box3:nth-child(2){width:20% !important; margin:5px 2% 5px 0 !important;}*/
.special_box{padding:5px 0 0 0;}
.duration_list li {float: left;margin: 0 2% 0 0 !important;width: 32%;}
.duration_list li:last-child {margin: 0 !important;}

/*------------------ download admit card --------------------*/
#download_admitcard{ margin:0}
.download_box{ background:#eeeeee; border:1px solid #e3e3e3; padding:5px 10px;}
.download_box input[type="button"],.download_box input[type="submit"],.download_box input[type="reset"]{ margin:3px 3px 3px 0; padding:5px 10px;}





#back-to-top {position: fixed;bottom:30px;right:10px;z-index: 9999; width: 32px;height: 32px;
    text-align: center;
    line-height: 30px;
    color:#FFF;
    cursor: pointer;
    text-decoration: none;
	font-size:35px;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {color:#d43f3a;}
#back-to-top i{text-shadow: 1px 1px 1px #013c45;}
#back-to-top.show {opacity: 1;}






@media screen and (max-width:1610px) {
	.aligner{ margin:0px 10px;}
    .navigation .aligner{ margin:0px;}
    .sujit-nav > ul > li > a{ padding:13px 15px;}
	.helpful_links{  padding:30px 10px;}

}
@media screen and (max-width:1199px) {
	.header_nav{ padding:20px 0 10px 0;}
	.navholder{ float:none;}
	.sujit-nav{ margin-right:0;}
}
@media screen and (max-width:1100px) {
	.left_sidebar{float:left;width:220px; position:inherit; top:auto;}
    .the_content{float:right;margin:20px 0;width:calc(100% - 240px);}
    .right_sidebar{width:100%;display:block;}
    .right_sidebar ul li{display:inline-block;border:none;margin:0 10px 10px 0; }
    .right_sidebar ul li a{border:1px solid #efefef;padding:7px 10px;background:#FFF;}
}
@media screen and (max-width:1000px) {
	.logo_holder{width:calc(100% - 300px);}
    .organization_name{padding:0;}
}
@media screen and (max-width:800px) {
    #lbl_lang{ display:none;}
    #lbl_color{display:none;}
    .logo_holder{width:100%;}
    .header_nav{padding:0px; width:100%; text-align:center;}
    .user_option{float:none;}
	.left_sidebar{float:left;width:100%; position:inherit; top:auto;}
    .left_sidebar ul li{display:inline-block;border:none;margin:0 10px 10px 0; }
    .left_sidebar ul li a{border:1px solid #efefef;padding:7px 10px;background:#FFF; cursor:pointer;}
    .left_sidebar ul li a:hover{background:#efefef;}
    .the_content{float:right;margin:20px 0;width:100%;}
    .right_sidebar{width:100%;display:-webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;justify-content:space-between;}

}
@media screen and (max-width:500px) {
    .logo_holder{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
    .logo_icon,.organization_name{ text-align:center;width:100%;}

    .job_listing ul li,.the_listing ul li{display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;}
    .listing_date,.job_listing .listing_content,.listing_content,.listing_action{width:100%;}
    .listing_date{ text-align:center;}
    .datebox{display:inline-block; background:#ededed; border:1px solid #dbdbdb; padding:3px;}
}



@media screen and (max-width:970px) {
	.container{ width:100%;}
	.sidebar{ margin:30px 0 0 0; width:100%;}
	.welcome_message{ width:100%;}
	.support_box{ width:100%;}
    div.department_block{ width:48%;}
	/*responsive menu*/

}
@media screen and (max-width:820px) {
	.reachus{margin:10px;width:calc(100% - 20px);}
    .con_people{margin:10px;width:calc(50% - 20px);}

    .bx-caption{background:#000;position:static;}
}
@media screen and (max-width:750px) {
	
	.user_option{ padding:0;}
	.welcome_thumb{ width:100%; text-align:center;}
	.welcome_content{ width:100%;}
}
@media screen and (max-width:700px) {
    .front_header{ position:static;}
	.myheader.sticky{ position:static;}
	.myheader.sticky .header_nav, .myheader .header_nav{ padding:10px 0;}
	.header_nav{ width:100%;}
	.the_notice{ width:100%;}
	.notice_detail{ display:none;}
	.download_box{ padding:5px;}
	.logo_holder{ width:100%;}
	.user_option{ text-align:center; width:100%;}
    .box1,.box2,.box3{ width:100%; padding:10px 0;}
}
@media screen and (max-width:650px) {
	
	.footercontact{ width:100%;}
	.app_screenshot{ width:100%; text-align:center;}
	.app_advblock .aligner{ margin:0px;}
	.app_screenshot img{ max-width:200px;}
	.app_message{ background:rgba(0,0,0,0.6); width:100%;}
	.app_message{left:0px; opacity:0;}
	.app_message.animated{left:0px;opacity:1;}

    .left_sidebar ul li{margin:0;display:block;}
}
@media screen and (max-width:500px) {
	
	.font-resizer{display:none;}
    div.department_block{ width:100%;}
    .con_people{margin:10px;width:calc(100% - 20px);}
    .button_submit, .button_update, .button_reset{display:block; width:100%;margin:10px 0;}

	
}
@media screen and (max-width:400px) {
	.main_content{display:none;}
    .panel_footer{text-align:center; padding:10px;}
	.job_listing table tr td{width:100% !important; display:block; padding:5px !important;}
	.listing_date{ border-right:none;}
	.date, .year{ font-weight:bold;}
}





.passwordboxx{position:relative;}
.toggle_password{bottom:1px;cursor:pointer; padding:5px;position:absolute;right:1px; top:1px;}
.toggle_password:hover{background:#ebebeb;}


