﻿/*********************************************** CUSTOM STYLING******************************************************/

#contentBox{margin-right:0px!important;margin-left:0px!important;min-width:0px!important; overflow-x:scroll}
#contentRow{padding:0px!important;}

.ms-webpart-zone{display: block!important;}
.ms-webpart-cell-vertical {display: block!important;}
.ms-webpart-chrome-vertical {display: block!important;}

#WebPartWPQ2{display: block!important;}


#sideNavBox{display:none!important}
#s4-titlerow{display:none!important}
#s4-bodyContainer{	padding-bottom:0px!important}


#s4-workspace{overflow:initial!important;}
body{	overflow:initial;overflow-x:hidden}



.home-main-news-box .photo .title h1 {
	color:#fff!important 
}

/*
.ms-cui-topBar2{
	float: left;
    width: 100%;
    height:40px;
    background: #F9F9F9;
    z-index: 98;
    position: fixed;
}


#suiteBarTop	
{
  display:none;
}

#globalNavBox
{
  display:none;
}
*/



*/


.ms-srch-hover-outerContainer{display:none!important;}


/*************Portal docs tiles ****************/
.feature-box-cont ul li{margin-right:0.5%!important}

/********************View News Page********************************/

.Innerpage_new .cn_Innerpage_new{margin-top:3.5%!important}

/********************END View News Page********************************/


/********************REGISTRATION********************************/

/*Added by atish Error Messages */
.errorMessage { color: #ff3333 !important;}
label.errMsgRemoveBottom{bottom: 0 !important;}
label.otpErr{position: relative !important; left: 110px !important; bottom: 0 !important }
label.genderErr{position:relative !important; left:125px !important; bottom:23px !important}
label.dobErr{position:relative !important; left:150px !important; bottom:13px !important}
/* End Added by atish Error Messages  */

/* Added by atish for toggle radio button in citizen.aspx */
.mytoggle { margin:4px; float:left; }
.mytoggle label { float:left; width:137px; margin:4px; background-color:#EFEFEF; border:1px solid #799a51; overflow:auto;}
.mytoggle label span { text-align:center; font-size:18px; padding:20px 0px; display:block; cursor:pointer }
.mytoggle label input { position:absolute ;top:-20px; }
.mytoggle input:checked + span { background-color:#799a51; color:#F7F7F7; }
.mytoggle .white { background-color:#ffffff; color:#799a51; }
/* End toggle radio button */


/* Added by atish For each text box to change color on focus and on loose focus */
/*input[type='text']{background: #fbfbfb !important}
input[type='text']:focus{background: #e1e1e1 !important}*/
input[type='password']{background: #fbfbfb !important}
input[type='password']:focus{background: #e1e1e1 !important}
.otpform input{background: #fbfbfb !important;border: 1px solid #c5c5c5 !important;border-radius: 10px !important;height: 40px !important;margin-top: 10px !important;padding: 0px 10px !important;font-size: 17px !important;color: #47515a !important;width: 80% !important;margin-left: 3% !important;}
.otpform input[type='text']:focus{background: #e1e1e1 !important}
/* End added by atish for each textbox */


/* Added by atish for otp page label */
/*
.otpform label {
    font-weight: 500 !important;
    font-size: 19px !important;
    color: #465159 !important;
    width: 2% !important;
}
*/
/* End for otp page label */

/* Added by atish for password and confirm password in personalInfo2.aspx */
.form-row input[type='password'] {
    float: left;
    width: 100%;
    background-color: #e1e1e1;
    border: 1px solid #c5c5c5;
    border-radius: 10px;
    height: 40px;
    margin-top: 10px;
    padding: 0px 10px;
    font-size: 17px;
    color: #47515a;
}
/* End added by atish for password and confirm password in personalInfo2.aspx */

/* Added by atish */
/*
.form-bot {float: left;width: 100%;padding: 30px 15px 0px;}
.form-bot .cnbut.next input{
display: block;width: 121px;height: 53px;line-height: 53px; border: none; background:transparent;
color: #fff;
text-align: center;font-size: 32px;font-weight: 700;
}
.form-bot .cnbut.next{float: right;}
.form-bot .cnbut.next{background: #799a51;color: #fff;border: 1px solid #799a51;}
.form-bot .cnbut.next:hover{background: #0d9ad0;border: 1px solid #0d9ad0}
.form-bot .cnbut.next:hover input{color: #fff}
*/
/* end added  by atish */

/********************END REGISTRATION********************************/



/********************** SEARCH *************************/

/* Added by atish on 10/12/2018 for search result */
 /* commented on 15.03.2019.search-results-box { background: rgba(70,81,89,0.9); min-height:300px; width: 170%; margin-left:-35%; float: left; border-radius:5px; padding:30px; color:#FFF }*/
  
 /* commented on 15.03.2019.search-results-box { background: rgba(70,81,89,0.9); min-height:300px; width: 170%; margin-left:-35%; float: left; border-radius:5px; padding:30px; color:#FFF }*/
 /* commented on 15.03.2019.search-results-box .result-pages { float:left; width:43%; margin-right: 2%}*/
.search-results-box .tit { color:#00ACEC; font-weight: 700; font-size:32px; margin-bottom: 15px}
.search-results-box .tit span { font-size:22px}
.search-results-box ul {}
.search-results-box ul li { float:left; width: 100%; margin-bottom: 15px; }
.search-results-box ul li .page-name { display: block;float:left; width: 100%; text-decoration:underline; font-size: 20px; margin-bottom: 5px;transition: all 0.3s ease-out 0s; }
.search-results-box ul li .page-content { display: block;float:left; width: 100%; font-weight:300; font-size: 14px; color: rgba(255,255,255,0.6); transition: all 0.3s ease-out 0s; line-height: 20px  }
.search-results-box ul li:hover .page-name{color:#00ACEC;}
.search-results-box ul li:hover .page-content{color: rgba(255,255,255,1); }
/*.search-results-box .result-eservices { float:left; width:22%; margin-right: 5%}
.search-results-box .result-map { float:left; width:25%; }*/

.search-results-box .more { float:left; width: 100%; border-top:1px solid rgba(255,255,255,0.2); padding:15px 0 5px 0 }
.search-results-box .more a { color:#FFF;}
.search-results-box .more a:hover { color:#00ACEC;}

/**added by atish**/
.search-results-box a{ color:#FFFFFF; }
#ResultCount{ color: #FFFFFF; }
.ms-srch-item-highlightedText { color: #00ACEC !important; }
.ms-srch-item-path { color: #00ACEC !important; }
.ms-srch-item { width: 485px !important; }


.ms-srch-item { float: left !important; width: 100% !important;display: block !important;}
a.search-view-all:hover { color: #00ACEC; }
#NoResult div:nth-child(2){ display:none;}
#NoResult ul li { display:none; }


/*.search-results-box ul li { width: 0% !important; }*/


ul#Paging li { display: inline !important; width: 30px !important; height: 0 !important;}
ul#Paging li a{ color: white !important; }
ul#Paging li#PagingSelf a{ color: #00ACEC !important;}
.ms-srch-pagingPrev { left: -62px !important; top: -79px !important;}
.ms-srch-pagingNext { left: -110px !important; top: -5px !important;}

/*.mySearchClass{ bottom:5%; }*/

.home-overlay-banner-content .search-field-cn .input-box input[type="text"] {}
.ms-srch-item {padding-left:0px !important;}
.ms-srch-item-body {float: left !important;width: 100% !important;}
.ms-srch-item-summary {display: inline-block !important;float: left !important;width: 100% !important;}
.search-results-box {background: rgba(70,81,89,0.9);min-height: 300px;width: 170%;border-radius: 5px;padding: 30px;color: #FFF;position: absolute;top: 53px;left: -35%;z-index: 3;text-align: center;}
.search-results-box .result-pages {display: inline-block;vertical-align: top;width: 32.333%;text-align: left;}
.search-results-box .result-eservices {display: inline-block;vertical-align: top;width: 32.333%;text-align: left;}
.search-results-box .result-map {display: inline-block;vertical-align: top;width: 32.333%;text-align: left;}
#ResultFooter{display: none !important;}
#UpScopeLinkTop{display: none !important;}
.home-overlay-banner-content .search-field-cn .input-box {float: left;position: relative;}
.home-overlay-banner-content .search-field-cn .input-button input[type="submit"] {margin:0px!important}
/* Added by atish on 10/12/2018 for search result */


/******************** END SEARCH ***********************/

/******************** Added by Hema for Temperature*****/

.overlay-temperature{position: absolute;width: 235px;height: 100px;right: 0px;bottom: 0px;z-index: 9;}
.overlay-temperature .icon{display: inline-block;vertical-align: top}
.overlay-temperature .text{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .text a{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .text a:visited{color: #fff;display: inline-block;vertical-align: top}
.overlay-temperature .temparature{font-weight: 700;font-size: 39px;}
.overlay-temperature .current-temperature{font-size: 15px;margin-top: -8px;}
.overlay-temperature .more{font-size: 16px; margin-top: 3px;}
.overlay-temperature .more a:hover{color: #02AFEF}

/******************** ENd Added by Hema for Temperature*****/


/********************ADDED BY HEMA Newsletter *************/
.registerbtnnews
{
	position: relative;
    display: inline-block;
    color: #064C8C;
    font-size: 15px;
    font-weight: 500;
    top: 54px;
    border:none; 
    background:transparent;
    font-family: 'Roboto', sans-serif;
 
}

.registerbtnnews:hover
{
	text-decoration:underline;
	background-color:transparent;
	color:#02AFEF
}


/********************END ADDED BY HEMA Newsletter *************/

/******** Viewall Eservices **********/

/* Added by atish */
.content_wrapper_result_list li .web{background: url('/SiteAssets/NEWSTYLES/GovStyles/images/EServices_Listing/images/web.png')center center no-repeat !important;}
.content__wrapper_filter input[type=button] {
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 14px 14px;
    background: #799a51 url("/SiteAssets/NEWSTYLES/GovStyles/images/EServices_Listing/images/icn-loop-submit.svg") -12px -3px no-repeat;
    background-size: 70px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    height: 46px;
    border: none;
    width: 125px;
    margin-left: -1%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* End Added by atish */

/********** End View all EServices ************/


/********** TEMPERATURE **********/

/* Added by atish */
.overlay-temperature {position: absolute;width: 235px;height: 100px;right: 0px;bottom: 0px;}
.overlay-temperature .temparature {font-weight: 700;font-size: 39px;}
.overlay-temperature .icon {display: inline-block;vertical-align: top;}
.overlay-temperature .text {color: #fff;display: inline-block;vertical-align: top;}
.overlay-temperature .temparature {font-weight: 700;font-size: 39px;}
.overlay-temperature .current-temperature {font-size: 15px;margin-top: -8px;}
.overlay-temperature .more {font-size: 16px;margin-top: 3px;}
.overlay-temperature .text a {color: #fff;display: inline-block;vertical-align: top;}
.overlay-temperature .text a:visited {color: #fff;display: inline-block;vertical-align: top;}
/* End Added by atish */

/********** END TEMPERATURE **********/



/** modified by atish on 20 Nov 2018 **/
.form-step-container .cnbut input{display: block!important; width: 137px!important;height: 60px!important;line-height: 60px!important;}
.form-step-container .cnbut input:hover{color: #b1b3b5!important;}
.form-step-container .cnbut input{cursor:pointer!important;}
.form-step-container .cnbut input[value]{font-weight:500!important; font-size:18px!important;text-align: center!important;padding: 0px 1%!important;}
.form-step-container .cnbut.accept input{background: #799a51!important;color: #fff!important; border: 1px solid #799a51!important;}
.form-step-container .cnbut.accept input:hover{background: #0d9ad0!important;border: 1px solid #0d9ad0!important; color:white!important;}
.form-step-container .cnbut.decline input{background: transparent!important;color: #b1b3b5!important; border: 1px solid #b1b3b5!important; }
.form-step-container .cnbut.decline input:hover{background: #47515a!important;color: #fff!important;border: 1px solid #47515a!important;}
.form-step-container .cnbut.decline:hover{background: #47515a!important;color: #fff!important;border: 1px solid #47515a!important;}


.form-step-container{float: left!important;width: 100%!important;padding: 3% 0px 3% 0px!important;}
.form-step-container .text{font-weight: 400!important;font-size: 25px!important;color:#485059!important;text-align: center!important;padding: 0px 1%!important;}
.form-step-container .button{text-align: center!important;padding: 4% 0px!important;}
.form-step-container .cnbut{/*border: none!important;*/display: inline-block!important;vertical-align: top!important;font-weight: 500!important;font-size: 18px!important;transition: all 0.3s ease!important;cursor: pointer!important;margin: 0px 3%!important;}

.form-step-container .cnbut  input[type="submit"]{display: block; width: 137px;height: 60px;line-height: 60px;}


/** end modified by atish on 20 Nov 2018 **/


.form-step-container .send-but{background: #465159 !important;font-weight: 300 !important;font-size: 18px !important;padding: 12px 27px !important;cursor: pointer!important;}
.form-step-container .send-but:hover{background: #0d9ad0 !important;}


.form-bot {float: right!important;width: 10%!important;padding: 45px 15px 0px!important;}
.form-bot .cnbut{text-align: center!important;font-size: 25px!important;font-weight: 700!important; /*ADDED BT HEMA ON 6 DEC *//*width: 100%!important;*/}
.form-bot .cnbut .next{text-align: center!important;font-size: 25px!important;font-weight: 700!important;display: inline-block!important;vertical-align: top!important;transition: all 0.3s ease!important;cursor: pointer!important;margin: 0px 3%!important;}



/* Forgot Password */
#radiobutton label, #radiobutton input, #radiobutton .radio {vertical-align: baseline !important;}
#radiobutton .radio label {color: #47515a !important;}
/*.gov-site-wrapper {padding-top: 83px !important;}*/
/*End forgot password*/

/* registration popup */
.modal-header .close {margin-right: -8%!important;}
/*end  registration popup */


/*Added by Hema for dropdown on Homepage */
.egov-link
{
  position: relative;
  display: inline-block;
  float:right;
}
.dropdown-content
{
    display: none;
    position: absolute;
    background-color: #02AFEF;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    top: 40px;
    right: 0;
    color:#ffffff; 
    
}
.dropdown-content p:hover { background:#1A1E23; color: #f9d8ae!important; border-bottom: thin #f9d8ae solid!important;}}
.dropdown-content a:hover { color: #f9d8ae!important;}
 
.dropdown-content p
{
    border-bottom: thin navy solid;
    min-width: 200px;
    padding: 12px 16px;
}
.dropdown-content a
{
	color:white
}
.dropdown-content a:visited
{
	text-decoration:none
}

/*.egov-link:hover .dropdown-content
{
  display: block;
}

.egov-button:hover  .dropdown-content

{
  display: block;
}*/

.appeardrp:hover .dropdown-content
{
  display: block;
}

.appeardrp:hover  .dropdown-content

{
  display: block;
}


.languagepicker li{
	color:white
}

/**/

/*View ALL Newsletter*/

.content_wrapper_result_list li .text a{
	font-size:17px
}

.content_wrapper_result_list li .text a:hover{
	text-decoration:underline!important;
	color:#02afef!important;
}

.content_wrapper_result_list li .up_text
{
	font-size:14px!important;
}
/**/


/* User-management */
.user-management.Innerpage_content .cnWrapper {border-bottom: 1px solid #e3e3e3;}
.Innerpage_content .search-field-cn {width: 100%;max-width: 1065px;margin: 0 auto;}
.Innerpage_content .search-field-cn .input-box { width:calc(100% - 66px);float:left;padding-bottom: 50px}
.Innerpage_content .search-field-cn .input-box input[type="text"] { width:100%; float:left; border: 1px solid #b8b8b8; height:75px;background: #f7f6f6;border-right:0;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;padding:25px 40px; font-size:20px; font-family: 'Roboto', sans-serif; font-weight:400;transition: all 0.3s ease-out 0s;color:#465159 }
.Innerpage_content .search-field-cn .input-button { float:right; width:66px;}
.Innerpage_content .search-field-cn .input-button input[type="submit"] {  width:66px; height:75px; background: url(../images/icn-loop-submit-black.svg) #f7f6f6;border: 1px solid #b8b8b8; border-left:0;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius:10px; text-indent:-99999px;background-repeat: no-repeat;background-size: 165%;background-position: 60% 45%;cursor: pointer;}
.Innerpage_content .search-field-cn .input-button input[type="submit"]:hover{background: url(../images/icn-loop-submit.svg) #465159;background-repeat: no-repeat;background-size: 165%;background-position: 60% 45%;}
.Innerpage_content .search-field-cn .input-box input::-webkit-input-placeholder {font-family: 'Roboto', sans-serif;font-size:20px;color:#acb3b8;}
.Innerpage_content .search-field-cn .input-box input::-moz-placeholder {font-family: 'Roboto', sans-serif;font-size:20px;color:#acb3b8;}
.Innerpage_content .search-field-cn .input-box input:-ms-input-placeholder {font-family: 'Roboto', sans-serif;font-size:20px;color:#acb3b8;}
.Innerpage_content .search-field-cn .input-box input:-moz-placeholder {font-family: 'Roboto', sans-serif;font-size:20px;color:#acb3b8;}
.Innerpage_content .search-field-cn .input-box input[type="text"]:focus { background: #e1e1e1; }


.search-result{float: left;width: 100%;}
.cont1700{width: 100%;max-width: 1700px;margin: 0 auto;}
.search-result .cnInner{float: left;width: 100%;padding: 3% 0px;}
.record-result{font-size: 500;font-size: 16px;color:#9f9f9f;width: 50%;float: left;}
.user-result{color:#465159;font-size: 16px;width: 50%;float: left;text-align: right}
.user-result strong{font-weight: 700}
.nopad{padding: 25px 0px !important}
.table-result{float: left;width: 100%;overflow-x: auto;}
.table-result table{width: 100%;float: left;padding: 10px 0px;}
.table-result thead{background: #465159;color: #fff}
/*.table-result thead th{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;color:#ffffff;padding: 25px 9px;} by atish */
.table-result tbody th{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;background: #465159;color:#ffffff;padding: 25px 9px;}
/*.table-result tbody {background: #fff;} by atish */
.table-result tbody {background: #fff;border: transparent;}
.table-result tbody tr:nth-child(odd){background: #f1f5ed}
.table-result tbody td{font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 16px;color:#465159;padding: 25px 9px;text-align: center}
/*.table-result tbody td span{width: 30px;height: 30px;background: red;display: block;margin: 0 auto} by atish*/
/*.table-result tbody td span{width: 30px;height: 30px;display: block;margin: 0 auto} by atish*/
.table-result tbody td span{height: 30px;display: block;margin: 0 auto}
.table-result .approve{background: url(../images/user_mangement/approv_green.png) center center no-repeat;}
.table-result .approve.unable{background: url(../images/user_mangement/approv_grey.png) center center no-repeat}
.table-result .enable{background: url(../images/user_mangement/enable_green.png) center center no-repeat}
.table-result .enable.unable{background: url(../images/user_mangement/enable_red.png) center center no-repeat}
.table-result .status{background: url(../images/user_mangement/lockout_icon.png) center center no-repeat}
.table-result .status.unable{background: url(../images/user_mangement/lockout_icon-grey.png) center center no-repeat}
/*.table-result .edit{background: url(../images/user_mangement/edit_icon.png) center center no-repeat;cursor: pointer;transition: all 0.5s ease} by atish */
.table-result .edit{background: url(../images/user_mangement/edit_icon.png) center center no-repeat;cursor: pointer;transition: all 0.5s ease; width: 109%;}
.table-result .edit.unable{background: url(../images/user_mangement/edit_icon-grey.png) center center no-repeat;cursor: pointer;transition: all 0.5s ease; width: 109%;}
.table-result .save{background: url(../images/user_mangement/save_icon.png) center center no-repeat;cursor: pointer;}
.table-result .save.unable{background: url(../images/user_mangement/save_icon-grey.png) center center no-repeat;cursor: pointer;}/*added by atish*/
.table-result .reset{background: url(../images/user_mangement/reset_icon.png) center center no-repeat;cursor: pointer;}
.table-result .delete{background: url(../images/user_mangement/delete_icon.png) center center no-repeat;cursor: pointer;}



/************ Added by atish for password popup ***********/
/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
      visibility: hidden;
    width: 320px;
    background-color: #555;
    color: #fff;
    /* text-align: center; */
    border-radius: 6px;
    padding: 25px;
    position: absolute;
    z-index: 1;
    /* bottom: 125%; */
    /* left: 50%; */
    /* margin-left: 100px; */
}


/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}


.popup ol {
	padding-left: 25px;
}

.popup li {
	list-style: inherit;	
}

.passwordInfo {
    color: #fff;
    background-color: #5a5757;
    width: 17px;
    height: 17px;
    display: inline-block;
    border-radius: 100%;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}

.redstar{
	color: red;
}

.personalInfoLink{
	color: #47515a !important;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none !important;
}

.personalInfoLink:hover{
    text-decoration: underline !important;
}

.readmoreevents{
	padding-top:10px!important
}
/************ End Added by atish for password popup ***********/



/**READ more News FB link**/
.fb{width:2%;float:left}
.insta{width:2%;float:left}
.tw{width:2%;float:left}