/* pavan  css */
 :focus-visible {
		outline: red solid 3px!important;
	/*background: #ffffff21;*/
	}

 .col-leaves h4 {
    font-size: 20px;
    padding: 20px;
    font-weight: 600;
    margin: 0px;
}
 .col-leaves .img-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	/*margin-bottom: 25px;*/
}
 .col-leaves ul{
	list-style-type: none;
    max-width: 275px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;

}
 .col-leaves ul li{
    width: 40%;
    margin-left: 24px;
    margin-bottom: 15px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
 .col-leaves ul li:last-child{
    width: 100%;
}
 .col-leaves ul li:first-child:before , .col-leaves ul li:nth-child(2):before,  .col-leaves ul li:last-child:before{
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background-color: #ef6b6b;
    border-radius: 100%;
    top: 2px;
    left: -20px;
    }
     .col-leaves ul li:nth-child(2):before{
    	background-color: #ffbd5f !important;
    }
      .col-leaves ul li:last-child:before{
    	background-color: #31d6b5 !important;
    }

    .circular{
    	width: 700px;
    	background-color: #fff;
    	padding: 20px 0px;
    	border-radius: 5px;
    }
    .circular .ul-headings{
        list-style-type: none;
        display: flex;
    	justify-content: space-between;
        padding: 0px;
        margin: 0px;
    } 
    .circular .ul-headings li {
        padding: 0px 15px;
}
.circular .ul-headings li h3 a,h4 a{
	text-decoration: none;
}
    .circular .ul-content {
        padding: 0px;
        list-style-type: none;
}

    .circular .ul-content li{
       	margin-left:65px;
       	margin-bottom: 25px;
       	display: flex;
       	position: relative;
}
 
.circular .ul-content li .div-date{
    height: 60px;
    width: 80px;
    background-color: blue;
    position:absolute;
    top: 5px;
    text-align: center;
    align-items: center;
    display: flex;
    color: white;
}
.circular .ul-content li  .div-content {
        margin-left: 135px;
}

    .circular .ul-content li .div-content p{
    	max-width: 485px;
}

.main-section_inner .section-middle {
    width: 100%;
}

.main-section_inner .section-middle .middlecontent {
    width: 100%;
}

.main-section_inner .section-middle .middlecontent .data-table {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
}

.main-section_inner .section-middle .middlecontent .data-table .dataInfo {
    width: 30%;
    border: 1px solid #f7f7f7;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 3px #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f9f9;
    margin-right: 20px;
}
.main-section_inner .section-middle .middlecontent .data-table .dataInfo .circularInfo h3 {
    margin: 0;
}

.main-section_inner .section-middle .middlecontent .data-table .dataInfo div a img {
    margin-right: 20px; width: 100%;
}

.main-section_inner .section-middle .middlecontent .data-table .dataInfo div a {
    color: inherit;
    text-decoration: none;
}
.main-section_inner .section-middle .middlecontent .data-table .dataInfo div {
    width: 15%;
}

.main-section_inner .section-middle .middlecontent .data-table .dataInfo .circularInfo {
    width: 80%;
}

.leave-balance {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 96%;
  margin: 25px;
}

.leave-balance td, .leave-balance th {
  padding: 15px;
}

.leave-balance tr:nth-child(odd){background-color: #eff3f6;}

.leave-balance tr:hover {background-color: #ddd;}

.leave-balance th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #35528e;
  color: white;
}

     /* gaurav css  */
body{
    background-color: #eff3f6;
     font-family: 'Roboto', sans-serif;
    font-size:14px;
}
.header_inner {
    width: 96%;
    max-width: 1286px;
    margin: 0 auto;
    display:flex;
    justify-content: space-between;
}
.header_inner .navbar {
    width: 80%;
    display:flex;
    padding-top: 10px;
}

#header{
    width: 100%;
    float: left;
    display:flex;
    background:#fff;
    position: relative;
    padding-top: 6px;
}

#header:before {content: '';position: absolute;width: 100%;height: 2px;background: #fe8f17;top:0;}
#header:after {content: '';position: absolute;width: 100%;height: 2px;background: #3a910a;top:4px;}


#header .navbar .ul{
    list-style: none;
    display: inline-flex;
    margin: 0;
    padding: 0;
    float: right;
}

#header .navbar .lii .spn{
    color: #da9e00;
    padding-bottom: 4px;
    font-weight: 600;
}
#header .navbar .lii {
    padding-left: 20px;
    color: #5b5e61;
    padding-top: 22px;
}
#header .navbar .lii a{
    color: #5b5e61;
    text-decoration:none;
}
#header .navbar .td{
     text-decoration: none;
}

.leftcontent {
    max-width:100%;
    float: left;
    border-bottom: 3px solid #35528e;
    background-color: #fff;
    border-radius: 5px;
    padding: 25px 30px;
    display: flex;
}
.leftcontent .doller {
    float: left;
    background-color: #35528e;
    height: 48px;
    display: flex;
    width: 48px;
    align-items: center;
    text-align: center;
    border-radius:100%;
}

.leftcontent .doller .dolimg {
    margin: auto;
}
.leftcontent .doller {
    float: left;
}

 .leftcontent  .text{
    font-size: 15px;
    font-weight: 400;
    color: #474747;
    margin: 0;
}

 .leftcontent  .dolrs{
    font-size: 22px;
    color: #35528e;
    font-weight: 600;
    margin:0;
}

 .leftcontent .np{
    float: left;
    width: 70%;
    margin-left: 15px;
}


 .middlecontent{
    background-color:  #fff;
    float:left;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 25px;
    width: 100%;
}


 .rightcontent {
    width: 100%;
    float: left;
    background-color: #fff;
    margin: 0;
    border-radius: 5px;
    padding: 0;
    height: 75%;
}


.profile-bottom {display: inline-flex;width: 100%;margin-top: 15px;border-radius: 5px;justify-content: space-between;}

.profile-bottom div {background: #fff;width: 47%;border-radius: 5px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

.profile-bottom div:first-child .round_img {background: #5699e0;}

.round_img {border-radius: 100%;width: 35px;height: 35px;}

.profile-bottom div:last-child .round_img {background: #c38bee;}
.profile-bottom div span {display: inline-block; width: 100%;text-align: center;}

.profile-bottom span a {
    color: #0044d1;
    text-decoration: none;
    font-weight: 600;
}

.profile-bottom span a:hover{color: #192c64;}

 .middlecontent .hr{
     font-size: 22px;
    margin: 0;
    font-weight: 600;
    padding: 0px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eff3f6;
    padding-bottom: 20px;
    width: 100%;
}

 .middlecontent .va{
     float: right;
    margin-top: -63px;
    margin-right: 22px;
    color: blue;
    font-weight: 600;
}

 .middlecontent .td{
   text-decoration: none;
   color: black;
    font-weight: 600;
} 
 .middlecontent .bordiv{
  border-bottom: 1px solid #eff3f6;
  float:left;
  width:100%;
}

 .middlecontent .para .spncol{
   color: gray;
}
.bordiv {
    padding: 12px 0px;
}
.middlecontent .bordiv {
    display: flex;
    justify-content: space-around;
}
.financial-years-Wrap .financial-years-detail {
    display: flex;
    align-items: center;
    width: 50%;
}
.financial-years-Wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.financial-years select {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    max-width: 100px;
}
.main-section_inner .section-middle .middlecontent label {
    font-weight: 700;
    font-size: 1.17em;
    width: 12.5em;
    display: inline-block;
}
.financial-years-Wrap .financial-years-detail div {
       width: 100%;
}
.para {
    width: 80%;
}

.middlecontent .bordiv .para p {
    margin: 0;
}
/*.heading_sectionm {
    display: flex;
    justify-content: space-between;
    
}*/

 .rightcontent .layer{
    border: 3px solid #eff3f6;
    border-radius: 60%;
    padding: 15px;
    margin: 30px auto 0;
    display: block;
    box-shadow: 8px 10px 11px #f5f4f4;
}


 .rightcontent .profile-title{
     text-align: center;
    font-size: 20px;
    font-weight: 600;
}

 .rightcontent .designation{
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
    font-size: 15px;
    margin-top: 0;
}
.dotdiv {
    display: flex;
    justify-content: space-around;
}
 .rightcontent .dotdiv .dot{
   height: 20px;
    width: 20px;
    background-color: #eff3f6;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
 .rightcontent .dotdiv .dot:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 60px;
    background-color: #eff3f6;
    left: -9px;
    top: 10px;
}


.profile-detail {
    padding: 30px;
}

.profile-detail p {
    font-size: 15px;
    margin-bottom: 8px;
    display: block;
}

.profile-detail p span {
    font-weight: 600;
}



a.viewall_button {
        color: #0044d1;
    text-decoration: none;
    font-weight: 600;
}
a.viewall_button:hover {
    color: #192c64;
}
#footer > div a.viewall_button {
    position: absolute;
    right: 20px;
    top: 10px;
}



#footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto;
}
#footer .lfoot {
    border-bottom: 2px solid #fec78b;
}

#footer > div h5 {
    padding-right: 20px;
    margin-bottom: 0;
}
#footer .mfoot{
    border-bottom: 2px solid #899aba;
    float: left;
}

#footer .rfoot{
    border-bottom: 2px solid #9cc884;
}

#footer > div {
    width: 28.5%;
    background: #fff;
    border-radius: 6px;
    position:relative;
    overflow: hidden;
    display:flex !important;
    align-items: center;
    padding: 25px 1.6%;
}

#footer .lfoot .em{
    background-color: #fe8f17;
    padding-top: 17px;
    padding-left: 17px;
    padding-bottom: 17px;
    padding-right: 17px;
    border-radius: 35px;
    margin-left: 26px;
}

#footer .lfoot .va{
    text-align: right;
    color: blue;
     font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

#footer > div .ss{
    font-size: 22px;
   font-family: 'Roboto', sans-serif;
    font-weight: 600;
    margin: 0 0 0 15px;
}


#footer .mfoot .em{
    background-color: #35528e;
    padding-top: 17px;
    padding-left: 17px;
    padding-bottom: 17px;
    padding-right: 17px;
    border-radius: 35px;
    margin-left: 26px;
}

#footer .mfoot .va{
    text-align: right;
    color: blue;
     font-family: 'Roboto', sans-serif;
    font-weight: 600;
}


#footer .rfoot .em{
    background-color: #3a910a;
    padding-top: 17px;
    padding-left: 26px;
    padding-bottom: 17px;
    padding-right: 17px;
    border-radius: 35px;
    margin-left: 26px;
}

#footer .rfoot .va{
    text-align: right;
    color: blue;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}


#footer > div a {
    text-decoration: none;
}
#sectfoot{
    width: 100%;
    float: left;
 }  


  #sectfoot .foot{
    
    width: 50%;
    float: left;
    color: #bebebf;
 }

  #sectfoot .rfoot .logo{
    float: right;
 }

.col-leaves {
 /* max-width: 240px; */
    width: 100%;
    background-color: white;
    border-radius: 5px;
    padding: 25px 30px 4px;
    float: left;
    margin: 27px 0 0;
    /* height: 87%; */
}
.profile-detail a.viewall_button {
    padding-top: 5%;
    display: block;
    float: right;
}
.col-leaves h4 {
    font-size: 20px;
    padding:0;
     font-family: 'Roboto', sans-serif;
    font-weight: 600;
}
.col-leaves .img-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.col-leaves .img-wrap img {
    width: 100%;
}
.col-leaves ul{
	list-style-type: none;
    max-width: 275px;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;

}
.col-leaves ul li{
    width: 40%;
    margin-left: 24px;
    margin-bottom:20px;
    position: relative;
   font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.col-leaves ul li:last-child{
    width: 100%;
}
.col-leaves ul li:first-child:before ,.col-leaves ul li:nth-child(2):before, .col-leaves ul li:last-child:before{
    content: '';
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #ef6b6b;
    border-radius: 100%;
    top: 2px;
    left: -20px;
    }
    .col-leaves ul li:nth-child(2):before{
    	background-color: #ffbd5f !important;
    }
     .col-leaves ul li:last-child:before{
    	background-color: #31d6b5 !important;
    }

    .circular{
    	background-color: #fff;
    	padding: 20px 0px;
    	border-radius: 5px;
        float:left;
    }
    .circular .ul-headings{
        list-style-type: none;
        display: flex;
    	justify-content: space-between;
        padding: 0px;
        margin: 0px;
    } 
    .circular .ul-headings li {
        padding: 0px 15px;
}
.circular .ul-headings li h3,h4{
    margin: 0px;
}
.circular .ul-headings li h3 a,h4 a{
	text-decoration: none;
    margin: 0px;
   font-family: 'Roboto', sans-serif;
        font-weight: 600;
}
.circular .ul-headings li h3 a {
    padding-left: 53px;
}
    .circular .ul-content {
        padding: 0px;
        list-style-type: none;
}

    .circular .ul-content li{
       	margin-left:65px;
       	margin-bottom: 10px;
       	display: flex;
       	position: relative;
}
 
.circular .ul-content li .div-date{
    height: 60px;
    width: 80px;
    background-color: blue;
    position:absolute;
    top: 5px;
    text-align: center;
    align-items: center;
    display: flex;
    color: white;
}
.circular .ul-content li  .div-content {
        margin-left: 135px;
}

    .circular .ul-content li .div-content p{
    	max-width: 485px;
          font-family: 'Roboto', sans-serif;
        font-weight: 600;
    }
    .income-details{
        width: 100%;
    }
    .income-details .income-details-pdf{
        width: 30%;
        background-color: white;
    }
section.medailsection {
    display: block;
    width: 100%;
    margin: 30px 0;
    float: left;
    font-size:1rem;
}
    .main-section{
    	display: flex;
    	width: 100%;
        max-width:1286px;
        margin: 0 auto;
        justify-content: space-between;
    }
    .main-section_inner {
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding: 0 15px;
        margin-bottom: 20px;
        align-items: stretch;
    }
    .section-1 {
        width: 24%;
        display:flex;
        flex-direction: column;
    }
    .section-2 {
        width: 49%;
    }
    .section-3 {
        width: 24%;
    }

    .main-section-2{
        display: flex;
        width: 100%;
        max-width:1286px;
        margin: 0 auto;
        justify-content: space-between;
        margin-bottom: 2%;
    }
    .footer-section {
    width: 100%;

    padding: 0 15px;
}


    /* New CSS */

body {
    padding: 0;
    margin: 0;
}
.round_img {
    padding: 10px;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    text-align: center;
}

#footer .lfoot .round_img {
    background: #ffbd5f;
}
#footer .mfoot .round_img {
    background: #ef6b6b;
}
#footer .rfoot .round_img {
    background: #30d6b4;
}

footer.footer_section {
    background: #ffffff;
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
}

p { 
    color: #3c3e40;
}

footer.footer_section div#sectfoot_wrap {
    max-width: 1286px;
    margin: 0 auto;
    /* width: 100%; */
    padding: 0 15px;
}

footer.footer_section div#sectfoot_wrap div#sectfoot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.middlecontent.circular_wrap .bordiv .div-date {
    background: #35528e;
    padding: 10px;
    color: #fff;
    width: 55px;
    text-align: center;
    border-radius: 5px;
}
.header_inner .navbar ul.navbar_ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1036px;
    float: right;
    vertical-align: middle;
}

.header_inner .navbar ul.navbar_ul li {
    list-style-type: none;
    position: relative;
    height: 100%;
}

.header_inner .navbar ul.navbar_ul li a {
    text-decoration: none;
    color: #5b5e61;
    font-weight: 600;
}

.header_inner .navbar ul.navbar_ul li a:hover {
    color: #da9e00;
}

.header_inner .navbar ul.navbar_ul li:hover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #da9e00;
    bottom: -14px;
    left: 0;
}

.header_inner .navbar ul.navbar_ul li.active {
    position: relative;
}
.header_inner .navbar ul.navbar_ul li.active:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 5px;
    background: #da9e00;
    bottom: -14px;
    left: 0;   
}
ul.navbar_hamburger {
    padding: 0;
    margin-left: 12px;
}
ul.navbar_hamburger li{
    list-style:none;
}
ul.navbar_hamburger li.hamburgerli{
    display:none;
}
.sectioninner {
    display: flex;
    height: 100%;
}

.batterlogs {
    max-width: 375px;
    margin: 0 auto;
    box-shadow: 0px 0px 3px #c5c5c5;
    border-radius: 5px;
    color: #787878;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    width: 96%;
    background: #fff;
}

.batterlogs ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.batterlogs ul li {
    width: 100%;
    list-style-type: none;
}

.batterlogs ul li::marker {
    display: none;
}

.batterlogs ul li label {
    width: 100%;
    display: block;
    margin: 10px 0;
}

.batterlogs ul li input {
    width: 100%;
    max-width: 340px;
    display: block;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin: 0;
}

.batterlogs ul li.submtbtn {
    width: 52%;
    margin: 20px auto 0;
}

.batterlogs ul li.submtbtn input {
    font-size: 16px;
    background-color: #35528e;
    color: #ffffff;
    margin: 0 auto;
    display: block;
    border: none;
    padding: 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
}
.middlecontent .heading_sectionm a.viewall_button {
    float: right;
}

form#aspnetForm {
    width: 100%;
    overflow: hidden;
}
/* div#divlogin .loginForm input {
    max-width: inherit;
} */
span#lbl_attempt {
    text-align: left;
    width: 100%;
    display: block;
    padding-left: 6%;
}
.batterlogs ul li span{font-size: 12px;}

/*media*/

@media (max-width: 1599px) {}
@media (max-width: 1440px) {
    .batterlogs {
    position: static;
    top: 0;
    transform: inherit;
    margin-bottom: 4%;
    }
    .container.loginwrap{height: 100vh;}
}
@media (max-width: 1280px) {}
@media (max-width: 1200px) {}
@media (max-width: 1150px) {}
@media (max-width: 1089px) {}
@media (max-width: 1080px) {}
@media (max-width: 1069px) {}
@media (max-width: 1035px) {}
@media (max-width: 1024px) {
    .header_inner .navbar ul.navbar_ul {
        opacity:0;
        display:block;
        position: absolute;
        right: 0;
        left: 100%;
        background: #e9e9e9;
        top: 66px;
        padding: 0 0 10px;
        width: 100%;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    .header_inner .navbar ul.navbar_ul.opennav{
        opacity:1;
        left: 0%;
    }
    ul.navbar_hamburger li.hamburgerli {
        display: flex;
        align-items: center;
        padding: 0 0 0 20px;
    }
    .header_inner .navbar {
        display: block;
        float: right;
        width: auto;
    }
    ul.navbar_hamburger li.hamburgerli span.hamburger {
        background: red;
        height: 2px;
        width: 28px;
        display: block;
        position: relative;
    }

    ul.navbar_hamburger {
        display: flex;
    }

    ul.navbar_hamburger li.hamburgerli span.hamburger:before {content: '';position: absolute;top: -8px;left: 0;right: 0;height: 2px;width: 100%;background: red;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;}
    ul.navbar_hamburger li.hamburgerli span.hamburger:after {content: '';position: absolute;top: 8px;left: 0;right: 0;height: 2px;width: 100%;background: red;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;}
    ul.navbar_hamburger li.hamburgerli span.hamburger.hamburgeron {
        background: transparent;
    }
    ul.navbar_hamburger li.hamburgerli span.hamburger.hamburgeron:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background: red;
        transform: rotate(-45deg);
    }
    ul.navbar_hamburger li.hamburgerli span.hamburger.hamburgeron:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 2px;
        width: 100%;
        background: red;
        transform: rotate(45deg);
    }    

.header_inner .navbar ul.navbar_ul li.active:after {
    display: none;
}

.header_inner .navbar ul.navbar_ul li.active {
    padding: 0;
    margin: 0;
    display: block;
    background: #dea502;
}

.header_inner .navbar ul.navbar_ul li a {
    padding: 6px 13px;
    display: block;
}

.header_inner {z-index: 9;}

.header_inner .navbar ul.navbar_ul li.active a, .header_inner .navbar ul.navbar_ul li:hover a {
    color: #fff;
}

.header_inner .navbar ul.navbar_ul li:hover {
    background: #dea502;
}

.header_inner .navbar ul.navbar_ul li:hover:after {
    display: none;
}


.main-section_inner {
    flex-wrap: wrap;
}

.main-section_inner .section-3 {
    order: 1;
    width: 100%;
}

.main-section_inner .section-1 {
    order: 3;
    width: 100%;
}

.main-section_inner .section-2 {
    order: 2;
    width: 100%;
}

.rightcontent .dotdiv .dot:last-child:after {
    display: none !important;
}

.profile-detail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* width: 96%; */
}

.profile-detail p {
    width: 50%;
}

.main-section_inner .section-2 .middlecontent.circular_wrap {
       width: 100%;
}

.main-section_inner .section-2 .middlecontent {
      width: 100%;
}
.rightcontent .dotdiv .dot:after {
    width: 9em;
    left: 0;
}
.col-leaves {
    max-width: inherit;
    height: auto;
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.col-leaves .img-wrap {
    margin: 0 auto;
}
.main-section_inner .section-3 {
    width: 100%; margin-bottom: 20px;
}

.main-section_inner .section-3 .rightcontent {
    display: flex;
}
.main-section_inner .section-3 .profileInfo {
    width: 49%;
}

.main-section_inner .section-3 .rightcontent .dotdiv {
    flex-wrap: wrap;
}

.main-section_inner .section-3 .rightcontent .profile-detail p {
    width: 100%;
}
.main-section_inner .section-3 .rightcontent .dotdiv {
    display: inline-grid;
}

.main-section_inner .section-3 .rightcontent .dotdiv span.dot {
    width: 11px;
    height: 11px;
    margin-top: 85%;
}

.main-section_inner .section-3 .rightcontent .dotdiv span.dot::after {
    width: 2px;
    height: 26px;
    left: 5px;
    top: 11px;
}

.main-section_inner .section-3 .rightcontent .dotdiv span.dot:last-child::after {
    display: none;
}

.main-section_inner .section-3 .profile-detail {
    width: 50%;
}
.profile-detail {
    padding: 0px 31px 30px;
}
.sectioninner .col-leaves a.viewall_button {
    text-align: right;
    display: block;
}

}
@media (max-width: 999px) {
   .main-section_inner {
    flex-wrap: wrap;
}

.main-section_inner .section-2 {
    width: 100%;
}

.col-leaves ul li {
    width: 100%;
} 


}
@media (max-width: 991px) {}
@media (max-width: 967px) {}
@media (max-width: 929px) {}
@media (max-width: 880px) {}
@media (max-width: 820px) {}
@media (max-width: 780px) {}
@media (max-width: 768px) {
    .main-section_inner {
    flex-wrap: wrap;
}

.main-section_inner .section-1 {
    width: 100%;
}

.main-section_inner .section-1 .section-2 {
    width: 100%;
}

.main-section_inner .section-1 .sectioninner {
    width: 100%;
}

.main-section_inner .section-1 .col-leaves {
    width: 100%;
    max-width: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-section_inner .section-1 .section-1 {
    flex-wrap: wrap;
}

.main-section_inner .section-1 .col-leaves h4 {
    width: 100%;
    margin-bottom: 10px;
}

.main-section_inner .section-1 .col-leaves .img-wrap {
    width: 40%;
    margin-bottom: 10px;
}

.main-section_inner .section-1 .col-leaves ul {
    width: 50%;
    display: block;
}

.main-section_inner .section-1 .col-leaves .img-wrap img {
    width: 70%;
}

.main-section_inner .section-2 {
    width: 100%;
}
}
@media (max-width: 767px) {
    footer.footer_section div#sectfoot_wrap div#sectfoot {
    flex-wrap: wrap;
}

footer.footer_section div#sectfoot_wrap div#sectfoot .foot {
    width: 100%;
    text-align: center;
}

footer.footer_section div#sectfoot_wrap div#sectfoot .rfoot {
    text-align: center;
    display: block;
    margin: 0 auto 10px;
}
}
@media (max-width: 699px) {
    #footer {
    flex-wrap: wrap;
}

#footer > div {
    width: 100%;
    margin-bottom: 10px;
}
#footer > div a.viewall_button {
    top: 40%;
}
.main-section-2{margin-bottom: 5em;}
}
@media (max-width: 643px) {}
@media (max-width: 599px) {}
@media (max-width: 535px) {
    .main-section_inner .section-middle .middlecontent .data-table .dataInfo {
        width: 100%;
    }
}
@media (max-width: 527px) {}
@media (max-width: 500px) {
   .loginWrap {
    overflow-y: scroll;
}
}
@media (max-width: 480px) {
    .container.loginwrap{overflow-y: scroll;}
    .footer-section {padding-right: 0;}
    .main-section_inner .section-2 .middlecontent {width: 86vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 86vw;}
    .main-section_inner .section-middle .middlecontent .data-table {
    overflow-x: scroll; padding-right: 15%;
}
 
.financial-years-Wrap .financial-years-detail{width: 100%;}
.main-section_inner .section-middle .middlecontent {
    width: 89%;
}
div#ctl00_ContentPlaceHolder1_divCircularList .data-table {
    padding-right: 0;
}

div#ctl00_ContentPlaceHolder1_divCircularList .data-table .dataInfo {
    width: 100%;
    margin-right: 0;
}
    .main-section_inner .section-3 .rightcontent {
    flex-wrap: wrap;
}

.main-section_inner .section-3 .profileInfo {
    width: 100%;
}

.main-section_inner .section-3 .rightcontent .dotdiv {
    display: flex;
    width: 100%;
    justify-content: space-between !important;
    margin-left: 20px;
}

.main-section_inner .section-3 .rightcontent .dotdiv span.dot {
    margin-top: 0;
    margin-right: 5%;
}

.main-section_inner .section-3 .rightcontent .dotdiv span.dot::after {
    width: 57px;
    height: 2px;
    left: 0;
    top: 4px;
}
.middlecontent .bordiv {
    width: 96%;
}
.middlecontent .bordiv .tit {
    margin-right: 10px;
}
.loginForm input {
    margin-right: 0;
    max-width: inherit;
}
.main-section_inner .section-3 .rightcontent{padding-bottom: 10px;}
.main-section_inner .section-middle .middlecontent .data-table .dataInfo div a img {
    width: auto;
    margin: 0 auto;
}
footer.footer_section {
    position: static;
}
}
@media (max-width: 430px) {
    .batterlogs{max-width: 340px;}
    .batterlogs ul li input{max-width: 305px;}
    .main-section_inner .section-middle .middlecontent label {
    width: 49%;
    }
    .main-section_inner .section-3 .rightcontent{width: 97vw}
    .main-section_inner .section-2 .middlecontent {width: 85vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 85vw;}
    .main-section_inner .section-1 {width: 100%;}
}
@media (max-width: 412px) {
    .main-section_inner .section-3 .rightcontent {width: 96vw;}
    .main-section_inner .section-2 .middlecontent {width: 84vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 84vw;}
}
@media (max-width: 400px) {
    .batterlogs {max-width: 300px;}
    .batterlogs ul li input {max-width: 270px;}
}
@media (max-width: 384px) {
    .main-section_inner .section-2 .middlecontent {width: 83vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 83vw;}
}
@media (max-width: 360px) {
    .batterlogs {max-width: 255px;}
    .batterlogs ul li input {max-width: 225px;}
    .main-section_inner .section-2 .middlecontent {width: 82vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 82vw;}
}
/* Mobile devices */
@media (max-width: 359px) {}
@media (max-width: 340px) {
    .main-section_inner .section-2 .middlecontent {width: 81vw;}
    .main-section_inner .section-2 .middlecontent.circular_wrap {width: 81vw;}
}
@media (max-width: 322px) {}


ul#footer {
    display: flex;
    justify-content: space-between;
}

ul#footer > li {
    background: white;
    padding: 24px 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    border-radius: 5px;
    position: relative;
    width: 100%;
    max-width: 300px;
} 
ul#footer > li .viewall_button {
    position: absolute;
    right: 10px;
    top: 5px;
    background: #35528e;
    padding: 0px 10px;
    border-radius: 100px;
    color: white;
}
p.ss {
    font-size: 20px;
}
.profile-bottom li:first-child .round_img {background: #5699e0;}
.profile-bottom li:last-child .round_img {background: #c38bee;}
ul.profile-bottom li {
    background: white;
    padding: 19px;
    display: block;
    text-align: center;
    border-radius: 5px;
}
@media (max-width:768px) {
    
    ul#footer {
    justify-content: center;
    gap: 12px;
        width: 100%;
    }
}
.main-section_inner a {
    display: block;
}
:focus-visible{ 
line-height: 1;
}
.site-nav > ul > li > a> img {
    filter: invert(1) brightness(100.5);
}


ul.data-table {
    justify-content: center;
}