body{
  background-color: #f3f3f3;
  background-color: #dddddd;
  
  font-family: "Rubik", "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
}


.basic-multi-select.nPd-0 .css-6j8wv5-Input{
  margin: 0;
  padding-bottom: 0;
  padding-top:0;
}
.basic-multi-select.nPd-0{ z-index: 4;}


a {
color: #212529;
text-decoration: none;
}

.hsn-hide{display: none;}

a:hover {
color: #212529;
text-decoration: none;
}

body .form-control{ color: #051562 !important;}
body .form-control::placeholder{ color: #bdbdbd !important; opacity: 1;}
body .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #bdbdbd !important;
}

body .form-control::-ms-input-placeholder { /* Microsoft Edge */
color: #bdbdbd !important;
}

.footer{ display: block;   margin: 0 auto;     font-size: 14px; border-top: #c1c1c1 solid 1px;    background-color: #fff; }
.footer .footerContainer{ border-top: #c1c1c1 solid 1px;
padding: 10px;
padding-top: 25px;
padding-bottom: 25px;
}

.footer.logged{
max-width: 1000px;
}

.footer .footerContainer{ border-top: #c1c1c1 solid 1px;
border: none;
max-width: 1000px;
  margin: 0 auto;
}

/* .footer.not-logged .footerContainer{ border-top: #c1c1c1 solid 1px;
border: none;
max-width: 1000px;
  margin: 0 auto;
} */

.main{
  /* max-width: 1000px; */
  
  margin: 0 auto;
  background-color: #ffffff;
  background-color: rgb(242, 243, 245);
  min-height: 100vh;
  
  padding-bottom: 150px;
  
  width: 100%;
  box-shadow: none;
  
}
.main.not-logged{
/* border-bottom: #c1c1c1 solid 1px; */
background-color: #fff;
}
.main.logged{
max-width: 1000px;
box-shadow: 15px 0 15px -10px rgb(165 162 162 / 75%), -15px 0 15px -10px rgb(165 162 162 / 75%);
}
.pg-block-mg{
max-width: 1000px;
margin: 0 auto;
}
.pg-block-mg{ padding: 15px;}

.site-head{
  display: block;
  min-height: 100px;;
  text-align: center;
}



.top-nav{width: 100%;}
.top-nav .top-nav-left{ width: 50%; display: inline-block;}
.top-nav .top-nav-right{ width: 49%; display: inline-block; text-align: right;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  display: inline;
}

li a {
  /* display: block;*/
  width: auto;
  padding: 8px;
  /*background-color: #dddddd; */
  color: #685353;
}

li a:hover {
  color: #0b7bbd;
  cursor: pointer;
}

.page-tille-20{ 
  text-align: center; 
  display: block;
  font-size: 30px;
  color: #5a85c0;
  font-weight: bold;
  position: relative;
  padding-bottom: 5px;
}

.page-tille-20::after{
content: "";
height: 4px;
width: 75px;
background-color: #00a79d;
background-color: #00b3ff;
position: absolute;
bottom: 0;
/* left: 0; */
right: 46%;
}

.mainpage-search-form-holder{
    display: block;
    text-align: center;
    margin-top: 25px;
    
}
.mainpage-search-form{
  display: inline-block;
  display: block;
  background-color: #0b7bbd;
  background-color: #00A79D;
  padding: 1px;
  }
.mainpage-search-form input{
  margin-top: 0;;
  padding: 0;
  height: 22px;
  font-size: 12px;

  }
.mainpage-search-form .input-hold{ margin-top: -2px;}
.top-sarch-bar{
border-radius: 5px;
background-color: #00A79D;
background-color: #00b3ff;
padding: 16px;
}
.job-designation-list, .job-search-list{
  padding-top: 60px;;
  line-height: normal;
  
}
.job-designation-list.not-logged, .job-search-list.not-logged{
padding-top: 105px;
padding-top: 25px;
line-height: normal;

}
.job-designation-list a{
display: inline-block; text-decoration: none; color: #0b7bbd; cursor: pointer;    font-family: math;
color: #087670;
color: #00b3ff;
color: #066e9b;
}
.job-designation-list h6{
width: 100%;
  text-align: left;
  color: #7a7777;
  font-weight: bold;
  margin-bottom: 10px;
  
}

.job-designation-list h5, .job-search-list h5{
width: 100%;
  text-align: left;
  color: #1d77c3;
  color: #00A79D;
  font-weight: bold;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 5px;
  color: #1c968f;
  color: #00B3FF;
  padding-bottom: 15px;
  font-size: 30px;
}
.job-designation-list h5::after, .job-search-list h5::after{

content: "";
height: 4px;
width: 75px;
background-color: #00a79d;
background-color: #00B3FF;
position: absolute;
bottom: 0;
left: 0;
}



.jobs-by-designation-row{ display: none;}
.job-designation-list .jobs-by-designation-row{ display: flex;}
.job-property-list{ margin-top: 30px;}
.job-property-list h5{
width: 100%;
  text-align: left;
  color: #7a7777;
  color: #00A79D;
  font-weight: bold;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 5px;
  color: #1c968f;
  padding-bottom: 15px;
  color: #00B3FF;
}
.job-property-list h5::after{
content: "";
height: 4px;
width: 75px;
background-color: #00a79d;
background-color: #00B3FF;
position: absolute;
bottom: 0;
left: 0;
}
.job-property-list h5.-top-h3 small{
font-weight: normal;
float: right;
}
.business-unit-click{
box-shadow: 1px 2px 8px 0px #f1f1f1;
background-color: white;
border-radius: 8px;
height: 125px;
height: 90px;
border-bottom: 7px solid #dfdfdf;
}
#akldsjsakfhrewiruhyoweqr-data{ margin-top: 30px; }
.rideone {
background-color: #6CC785;
background-color: #00b3ff;
background-color: #bbbbbb;
padding-top: 25px;
border-radius: 8px 0px 0px 8px;
text-align: center;
height: 125px;
height: 90px;
margin-left: 15px;
padding: 0;
}
.rideone img {
/* width: 70%; */
width: 100%;
height: 100%;
max-width: 100%;
  max-height: 100%;
  /* box-shadow: 4px 0 5px -2px #979797; */
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom: 7px solid #dfdfdf;
}
.fontsty {
margin-right: -15px;
}
.fontsty h4 {
color: #6E6E6E;
font-size: 25px;
font-size: 18px;
margin-top: 20px;
margin-top: 5px;
text-align: right;
margin-right: 30px;
height: 25px;
overflow: hidden;
}
.fontsty h2 {
color: #6E6E6E;
font-size: 35px;
margin-top: 15px;
margin-top: 0px;
text-align: right;
margin-right: 30px;
}
.job-property-list a { width: 33.33%; display: inline-block; text-decoration: none; color: #0b7bbd; color: #087670; color: #066e9b; cursor: pointer;    font-family: math; }

.job-property-list-web a.ppty-widget{
display:inline-block; 
width: 24%;
margin-right: 8px;
padding: 8px;
border-radius: 5px;
/*
background-color: #caefec;
border-color: #00A79D!important;
background-color: #ffffff;
*/
  border: solid 1px #00a79d;
  border: solid 1px #00B3FF;
  border-bottom: 0!important;
  border-top: 0!important;
  border-right: 0!important;
  border-left-width: 0.25rem!important;
  box-shadow: 0 0.15rem 1.75rem #21283226;
  margin-bottom: 10px;
}
.job-property-list-web a.ppty-widget:last-child{
margin-right: 0;
}
.job-property-list-web a.ppty-widget{
background-image: linear-gradient(to left,
#00a79d,
#0F7A81 50%,
#464646 50%,
#464646);
background-image: linear-gradient(to left, #00b3ff, #0a7fb1 50%, #464646 50%, #464646);
                 background-position: 100% 0;
  background-size: 200% 100%;
  transition: all .25s ease-in;
}
.job-property-list-web a.ppty-widget:hover {
background-position: 0 0;
}
.job-property-list-web a.ppty-widget span{ display: block; text-align: center; color: #00A79D; color: #fff;}
.job-property-list-web a.ppty-widget span.-wdgt-numb{
font-size: 28px;
font-weight: bold;
}
.job-property-list-web a.ppty-widget:hover span{
color: #00A79D;
color: #00b3ff;
}

.job-search-list ul.job_listings {
margin: 0;
border-top: none;
}
ul.job_listings li.job_listing a div.location, ul.job_listings li.job_listing a div.position, ul.job_listings li.no_job_listings_found a div.location, ul.job_listings li.no_job_listings_found a div.position, ul.job_listings li.no_job_listings_found a ul.meta {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.job-search-list ul.job_listings li.job_listing{
list-style: none outside;
padding: 0;
margin: 0;
border-bottom: 1px solid #eee;
}

.job-search-list ul.job_listings li.job_listing{
background: #fff;
border: 1px solid #e9e9e9;
border: solid 1px #00a79d;
border: solid 1px #00b3ff;
  border-bottom: 0!important;
  border-top: 0!important;
  border-right: 0!important;
  border-left-width: 0.25rem!important;
margin-bottom: 15px;
border-radius: 4px;
display: block;
}

.job-search-list li.job_listing a > div {
/* display: table-cell !important; */
/* float: none !important; */
vertical-align: middle;
}

ul.job_listings, li.job_listing a div.position{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

ul.job_listings, li.job_listing a div.right-button{
/* padding-left: 50px; */
  /* padding-right: 50px; */
}
ul.job_listings, li.job_listing a div.right-button button{
/* display: block;
  width: 100px; */
}

.job-search-list  li.job_listing a {
display: block;
padding: 1em 1em 1em 2em;
overflow: hidden;
zoom: 1;
position: relative;
line-height: 3em;
font-size: 1em;
text-decoration: none;
}

.job-search-list  li.job_listing a {
position: relative;
display: block;
padding: 8px;
min-height: 130px;
border-radius: 4px;
-webkit-transition: 0.2s;
transition: 0.2s;
}

.job-search-list  li.job_listing a {
/* display: table; */
width: 100%;
background: #fbfbfb;
background: #ededed;
font-family: sans-serif;
}

.job-search-list  li.job_listing a > ul {
display: table-cell !important;
float: none !important;
vertical-align: middle;
}



.job-search-list li.job_listing a div.job_img {
width: 90px;
width: 11%;
}
.job-search-list li.job_listing a div.job_img img{
width: 100%;
}
ul.job_listings li.job_listing a div.position{
/* float: left; */
width: 60%;
width: 100%;
/* padding: 0 0 0 42px; */
line-height: 1.5em;
}
.job-search-list li.job_listing a div.position{
padding-left: 0;
padding-top: 0;
padding-bottom: 10px;
float: none;
width: 100%;
}
.job-search-list li.job_listing a div.position{
/* float: left; */
width: 40%;
padding-bottom: 0;
}
ul.job_listings li.job_listing a div.position h6 {
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
color: #00a79d;
color: #00b3ff;
}
.job-search-list li.job_listing a div.position h6 {
font-size: 20px;
line-height: 1.2em;
margin-bottom: 0.25em;
}
.job-search-list li.job_listing a div.position .company strong{
font-weight: 300;
color: #8c8c8c;
font-size: 12px;
font-size: 14px;
font-family: math;
padding-right: 17px;
display: block;
}




ul.job_listings li.job_listing a div.location{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.job_listings li.job_listing a div.location {
width: 20%;
width: 100%;
padding-left: 0;
line-height: 2em;
margin-top: 10px;
}
.job-search-list ul.job_listings li.job_listing a div.location .bi {
margin-right: 6px;
color: #00a79d;
color: #00b3ff;
}

ul.job_listings li.job_listing a ul.meta{
float: right;
text-align: right;
width: 70%;
padding: 0 0 0 1em;
margin: 0;
line-height: 1.5em;
color: #999;
list-style: none outside;
}


.job-search-list ul.job_listings li.job_listing a ul.meta{
  float: none;
  text-align: left;
  padding: 0 0 0 110px;
  width: 100%;
}
.job-search-list  ul.job_listings li.job_listing a ul.meta{
/* text-align: right; */
/* width: 20%; */
padding: 0;
margin-left: 0;
}


/* ul.job_listings li.job_listing a ul.meta li{ display: block;} */
ul.job_listings li.job_listing a .meta .job-type {
color: #00a79d;
color: #00b3ff;
}

.joblisting-260822 .card {
border: 1px solid rgb(0 179 255 / 28%);
margin-top: 20px;

}
.joblisting-260822 .card .card-body > .col-md-12, .joblisting-260822 .card .card-body > .location{
margin-bottom: 20px;
}
.joblisting-260822 .card .card-body .meta, .joblisting-260822 .card .card-body .card-title{
display: none;
}
.job-designation-list h5, .job-search-list h5{
margin-bottom: 0px;
/* margin-bottom: 44px; */
}

.joblisting-260822 .card .card-title a, .joblisting-260822 .card .card-body .location, .joblisting-260822 .card .card-body .job-type{
color: #0b7bbd;
color: #066e9b;
}

.joblisting-260822 .not_mob{ display: none;}

.joblisting-260822 .card .card-body .apply a{ color: #fff; }
.joblisting-260822 .card .card-body .apply a:hover{color:#00B3FF}
.joblisting-260822{     margin-top: 60px; margin-top: 32px; }

@media only screen and (min-width: 600px) {

ul.job_listings, li.job_listing a div.right-button {
  padding-left: 50px;
  padding-right: 50px;
} 
.job-search-list li.job_listing a{
  display: table;
  padding: 0 0 0 42px;
}
ul.job_listings li.job_listing a div.position{
  float: left;
  width: 60%;
}
.job-search-list li.job_listing a > div{
  display: table-cell !important;
  float: none !important;
}
ul.job_listings li.job_listing a div.location {
  width: 20%;
}
.job-search-list ul.job_listings li.job_listing a ul.meta {
  text-align: right; 
   width: 20%;
}
ul.job_listings li.job_listing a ul.meta li {
  display: block;
}

.joblisting-260822 .card{ 
  margin-bottom: 20px;
  border-left: solid 4px #00b3ff;
  width: 100%;
  display: block;
}

.joblisting-260822 .card .card-body > div, .joblisting-260822 .card .card-body > meta{
  display: table-cell !important;
}
.joblisting-260822 .card .card-body{
  width:100%;
  display: table;
  background: #ededed;
  background: #9ad4ed0f;
}
.joblisting-260822 .card .card-body > .col-md-12{ width:auto; padding-right: 20px;}
.joblisting-260822 .card .card-body .card-title{ display: block;}
.joblisting-260822 .card .card-body .location{ width: 20%;  vertical-align: middle; }
.joblisting-260822 .card .card-body .meta{ width: 20%; vertical-align: middle; }
.joblisting-260822 .card .card-body .apply{ width: 11%; vertical-align: middle; }
.joblisting-260822 .card .card-header, .joblisting-260822 .card .card-footer{display: none !important;}

.joblisting-260822 .not_mob{ display: block;}
.joblisting-260822 .card .ya_mob, .joblisting-260822 .card .card-body .ya_mob{ display: none!important;}
}

.link-list-st01-head{
  width: 100%;
  text-align: left;
  color: #7a7777;
  font-weight: bold;
  margin-bottom: 10px;
}
.link-list-st01{
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
.link-list-st01 a{ width: 33.33%; width: 25%; display: inline-block; color: #0b7bbd; cursor: pointer;    font-family: math;}
.link-list-st01 a:hover{color:#122999; text-decoration: underline; }


table.hsn-tbl-300 {
  border-collapse: collapse;
}

.hsn-tbl-300 td, .hsn-tbl-300 th {
  border: 1px solid #999;
  padding: 0.5rem;
  text-align: left;
}

.dropup{
  position: relative;
}
.order span.dropdown{display: none;}
.order .caret{
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin:0px 5px!important;;
  
}


.order.dropup .caret{
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}

.react-bs-table-tool-bar {
  /* margin-bottom: 15px; */
}

.my-data-tbl-2001 th, .my-data-tbl-2001 td{
font-size: 12px; padding: 2px;
}

.dropdown-toggle{ font-size: 12px;}
ul.pagination  li{ line-height: 1;}
ul.pagination li a{ font-size: 12px;}

table.tbl-jobview-heada{ width: 100%; margin-top: 60px;}
table.tbl-jobview-heada th, table.tbl-jobview-heada td{ font-size: 14px;
color: #444545;
font-family:'HelveticaNeueBold',Arial,sans-serif ;}
/* table.tbl-jobview-heada th{ width:  20%;} */
table.tbl-jobview-heada .tbl-left-cell{ width: 190px; width: 225px; 
font-weight: 700;
/* font-size: 1.4rem; */
font-size: 14px;
/* font: 400 100%/1.5 'HelveticaNeueBold',Arial,sans-serif; */
font-family:'HelveticaNeueBold',Arial,sans-serif ;
text-align: right;
padding-right: 15px;
}

table.-tbl-style-01 th, table.-tbl-style-01 td{     color: #1b1b1b;}
table.-tbl-style-01 td a{ color: #1b1b1b; }

.table-header-wrapper .table{margin-bottom: 0;}
.table .tr-level-sections{ background-color: #f7f7f7; }

.-cursor-pointer{ cursor: pointer;}

/* Margin */
.-mg-tp-10{ margin-top: 10px;}
.-mg-tp-15{ margin-top: 15px;}
.-mg-tp-20{ margin-top: 20px;}
.-mg-tp-50{ margin-top: 20px;}

.-mg-bt-10{ margin-bottom: 10px;}
.-mg-bt-15{ margin-bottom: 15px;}
.-mg-bt-20{ margin-bottom: 20px;}
.-mg-bt-25{ margin-bottom: 25px;}
.-mg-bt-30{ margin-bottom: 30px;}
.-mg-bt-35{ margin-bottom: 35px;}
.-mg-bt-40{ margin-bottom: 40px;}
.-mg-bt-45{ margin-bottom: 45px;}
.-mg-bt-50{ margin-bottom: 50px;}

/* Padding pd */
.pd-tp-10{ padding-top: 10px;}
.pd-tp-15{ padding-top: 15px;}
.pd-tp-20{ padding-top: 20px;}
.pd-tp-25{ padding-top: 25px;}
.pd-tp-30{ padding-top: 30px;}

.pd-bt-10{ padding-bottom: 10px;}
.pd-bt-15{ padding-bottom: 15px;}
.pd-bt-20{ padding-bottom: 20px;}
.pd-bt-25{ padding-bottom: 25px;}
.pd-bt-30{ padding-bottom: 30px;}

/* Badge */

.badge-success {
background-color: #c7f5d9;
color: #0b4121;
}

.badge-primary {
background-color: #cfe0fc;
color: #0a47a9;
}

.badge-warning {
background-color: #ffebc2;
color: #453008;
}

.badge-danger{
background-color: #f5c7c7;
color: #410b0b;
}

/* BG Coloyr */
.bg-kala-gray {
background-color: #ededed;
}

/* Text  Colour */
.color-green-01{ color: #27a12c; }
.color-red-01{ color: #ff0000; }
.color-black-01{ color: #000; }
body .color-blue-01{ color: #0b7bbd !important;}

/* Text Size */
.txt-size-11{ font-size: 11px; }

/* .nav-item.dropdown {padding-top: 5px;} */
.navbar-expand-lg * {font-size: 14px;}

/* .collapse:not(.show) .hsn-link-mob{
display: none;
} */
#top-nav-bar .hsn-link-mob{
/* display: none; */
}
#top-nav-bar .hsn-link-comp{
display: none;
}

@media (min-width: 992px){
#top-nav-bar .hsn-link-mob{
  display: none;
 }
 #top-nav-bar .hsn-link-comp{
  display: block;
 }
}


/* hsn-link-comp */

.-block_tags{     display: inline-block;
  background-color: #c5d2da;
  color: black;
  padding: 0px 5px;
  border-radius: 5px;
  min-width: 50px;
  text-align: center;
  text-decoration: none;}


/* Text */
.form-control:focus{
box-shadow: 0 0 0 0.25rem rgb(168 239 235);
}
.hsn-rmv-underline{ text-decoration: none;}
.-tx-uper{ text-transform: uppercase; }
.-txt-al-center{text-align: center;}

.-btm-bdr-01{ border-bottom: solid 1px #c6b9b9;     border-left: solid 1px #c6b9b9;
border-right: solid 1px #c6b9b9;
border-top: solid 1px #c6b9b9; }

.-wd-100p{ width: 100%;}

.-ribbon-txt-01{     color: #343434; font-size: 20px; padding: 5px 15px; cursor: pointer;     }
.-ribbon-txt-01:hover{ background-color: #057c75;     background-color: #046a95; color: #ffffff;}

.-form-sections-01.-opend{
  -webkit-box-shadow:0px 1px 7px #c6b9b9;
-moz-box-shadow:0px 1px 7px #c6b9b9;
box-shadow:0px 1px 7px #c6b9b9;
margin-bottom: 20px;
}
.-form-sections-01.-opend .-ribbon-txt-01{background-color: #5a85c0; background-color: #00A79D; background-color: #00b3ff; color: #ffffff;}
.-form-sections-01.-opend .-ribbon-txt-01:hover{background-color: #057c75; background-color: #046a95;}

/* .-form-sections-01.-opend .-form-sections-01-hidden{ display:block;    
  
  -webkit-transition-property: all;
  -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -moz-transition-property: all;
  -moz-transition-duration: .5s;
  -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  -ms-transition-property: all;
  -ms-transition-duration: .5s;
  -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
   .-form-sections-01 .-form-sections-01-hidden{ display: none; } */
   /* .-form-sections-01 .-form-sections-01-hidden {
      overflow: hidden;
   } */
   .-form-sections-01 .-form-sections-01-hidden .-add-btn{margin-top: 20px;;}

   .-form-sections-01.-opend .-form-sections-01-hidden {
      animation: scale-display .3s;
    display: block;
   }
   .-form-sections-01.-closed .-form-sections-01-hidden {
     
      animation: scale-display--reversed .3s;
    animation-fill-mode:forwards;
      display: none;
      
  }

  @keyframes scale-display {
      0% {
          opacity: 0;
          transform: scale(0);
      -webkit-transform: scale(0);
      }
  
      100% {
          opacity: 1;
          transform: scale(1);
      -webkit-transform: scale(1);
      }
  }

  @keyframes scale-display--reversed {
      0% {
          display: inline-flex;
          opacity: 1;
          transform: scale(1);
          -webkit-transform: scale(1);
      }
      99% {
          display: inline-flex;
          opacity: 0;
          transform: scale(0);
          -webkit-transform: scale(0);
      }
      100% {
          display: none;
          opacity: 0;
          transform: scale(0);
          -webkit-transform: scale(0);
      }
  }


.-form-sections-01 .-i-down{display: none;}
.-form-sections-01.-opend .-i-down{display: inline-block;}
.-form-sections-01.-opend .-i-right{display: none;}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-group {
  margin-bottom: 1rem;
}
.form-row>.col, .form-row>[class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}


.-a-link{ cursor: pointer; text-decoration: none;}
.-a-link:hover{ text-decoration: underline;}




/* Theme Colors */
.bg-light {
border-top: 5px solid #00A79D !important;
border-top: 5px solid #00B3FF !important;
background-color: #00a79d0d !important;
border-bottom: #00b3ff30 solid 1px;
}
.navbar-light .navbar-nav .nav-link {
color: rgb(0 167 157);
color: #00B3FF;
font-weight: 500;
}
.navbar-light .ntfic-windw a.no-notif{
padding-left: 8px;
}
.page-tille-20 {
  color: #00A79D;
  color: #00B3FF;
}
.btn-primary {
  background-color: #5a85c0;
  border-color: #5a85ca;
  background-color: #0fc5e7;
  border-color: #0fc5e7;
  background-color: #00A79D;
  border-color: #00A79D;
  background-color: #00B3FF;
  border-color: #00B3FF;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  background-color: #4a75b0;
  border-color: #4a75b0;
  box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);
  background-color: #08b2d2;
  border-color: #08b2d2;
  box-shadow: 0 0 0 0.25rem rgb(17 164 218 / 50%);
  background-color: #057c75;
  border-color: #057c75;
  box-shadow: 0 0 0 0.25rem rgb(13 133 129 / 50%);
  background-color: #00B3FF;
  border-color: #00B3FF;
  box-shadow: 0 0 0 0.25rem rgb(13 133 129 / 50%);
}
.btn-primary:hover {
  background-color: #4a75b0;
  border-color: #4a75b0;
  background-color: #08b2d2;
  border-color: #08b2d2;
  background-color: #057c75;
  border-color: #057c75;
  border: 2px solid #00B3FF;
  background: transparent;
  color: #00B3FF;
}

.page-item.active .page-link {
background-color: #00A79D;
border-color: #00A79D;
background-color: #00b3ff;
border-color: #00b3ff;
}

.nav-link {
color: #00A79D;
color: #00B3FF;
font-weight: 500;
}
.nav-link:hover, .nav-link:focus {
color: #057c75;
}

.btn.table-btn{ padding: 0 3px; margin-right: 5px;}


/* Remove default bullets */
ul#myUL {
  list-style-type: none;
}

/* Remove margins and padding from the parent ul */
#myUL {
  margin: 0;
  padding: 0;
}

#myUL li{ display: block;}

/* Style the caret/arrow */
ul#myUL .caret {
  cursor: pointer;
  user-select: none; /* Prevent text selection */
}

/* Create the caret/arrow with a unicode, and style it */
ul#myUL .caret::before {
  content: "\25B6";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
ul#myUL .caret-down::before {
  transform: rotate(90deg);
}

/* Hide the nested list */
ul#myUL .nested {
  display: none;
}

/* Show the nested list when the user clicks on the caret/arrow (with JavaScript) */
ul#myUL .nested.-tree-active {
  display: block;
}




.hsnDisplayNone{ display: none;}

.css-qc6sy-singleValue, .form-control {
  color: #897e7e!important;
  font-size: 1rem;
  font-weight: 400;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-group.special {
display: flex;
}


.alert p:last-child{ margin-bottom: 0;}
.clearfix::after {
content: "";
clear: both;
display: table;
}






.profile-box {
width: 100%;
/* margin: 30px auto; */
/* box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); */
background-color: #FFF;
/* padding-left: 40px; */
/* padding-right: 20px; */
}

.profile-box .left-side {
background-color: #00ab9f;
background-color:#0fc5e7;
background-color: #00A79D;
color: #FFF;
padding: 40px 18px;
font-family: "mouse-300", Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.5;
border-radius: 20px;
}

.profile-box .left-side .profile-info {
padding: 5px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
background-color: #FFF;
width: auto;
max-width: 200px;
margin: auto;
margin-bottom: 20px;
border-radius: 10px;
color: #444;
text-align: center;
}


.profile-box .left-side .profile-info img {
width: 100%;
}
.profile-box .left-side .profile-info h3 {
font-size: 1rem;
margin-bottom: 0px;
padding: 5px;
}
.profile-box .left-side .profile-info span {
font-size: .9rem;
}
.profile-box .left-side .ltitle {
padding: 10px;
font-size: 1.1rem;
border-bottom: 1px solid #fff;
font-family: "mouse-500", Arial, Helvetica, sans-serif;
}

.profile-box .left-side .contact-box {
display: flex;
padding: 10px 0px;
}

.profile-box .left-side .pb0 {
padding-bottom: 0px;
}
.profile-box .left-side .contact-box .icon {
padding: 10px;
}
.profile-box .left-side .contact-box .icon i {
padding: 10px;
border: 1px solid #FFF;
border-radius: 50px;
width: 40px;
height: 40px;
text-align: center;
}
.profile-box .left-side .contact-box .detail {
font-size: .9rem;
margin: auto 0;
}
.profile-box .left-side .refer-cov {
padding: 8px;
}
.profile-box .left-side .refer-cov b {
font-size: .9rem;
font-weight: bold;
}
.profile-box .left-side .refer-cov p {
font-size: .8rem;
margin: 0;
}
.profile-box .left-side .refer-cov span {
font-size: .9rem;
}
.profile-box .left-side ul.norm li{
display: block;
}
.profile-box .left-side ul.norm li i{
float: left;
margin-top: 8px;
}
.profile-box .left-side ul.norm li a{
padding-left: 22px; display: block;
}

.rit-cover .hotkey {
text-align: right;
padding: 30px 20px;
}
.rit-cover .hotkey h1 {
width: 100%;
text-align: right;
color: #c7c2c2;
color: #5a85c0;
color: #00A79D;
}
.rit-cover .hotkey small {
font-size: 1rem;
color: #9c9898;
color: #5a85c0;
color: #00A79D;
margin-top: -30px;
font-weight: 600;
}
.rit-cover .rit-titl {
padding: 10px;
border-bottom: 2px solid #CCC;
border-bottom: 2px solid #00a79d;
color: #00a79d;
font-size: 1.1rem;
}
.rit-cover .rit-titl i {
font-size: 18px;
margin-right: 5px;
}
.rit-cover .about {
font-size: .9rem;
text-align: justify;
text-indent: 15px;
padding: 5px 0px;
}
.no-margin {
margin: 0px;
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.rit-cover .about .btn-link li {
float: left;
margin-top: 15px;
padding: 5px 20px;
border-radius: 15px;
border: 1px solid #888;
margin-right: 10px;
margin-bottom: 10px;
color: #888;
}
.rit-cover .about .btn-link li a {
color: #888;
}
.rit-cover .about .btn-link li i {
margin-top: 5px;
margin-left: -28px;
}
.rit-cover table th{
width: 160px;
font-size: .9rem;
font-weight: 500;
  line-height: 1.2;
  text-align: right;
}
.rit-cover table td{
font-size: .9rem;
}
.rit-cover .work-exp {
padding: 15px 0px;

}
.rit-cover .work-exp {
border-bottom: #afa9a9 solid 1px;
}
.rit-cover .work-exp.nobord{
border-bottom:none;
}
.rit-cover .work-exp h6 {
font-size: .9rem;
margin-bottom: 0px;
}
.rit-cover .work-exp h6 span {
float: right;
font-size: .8rem;
}
.rit-cover .work-exp i {
font-size: .9rem;
}
.rit-cover .work-exp ul {
padding: 5px 0px;
}
.rit-cover .work-exp ul li {
font-size: .9rem;
padding-left: 5px;
}
.rit-cover .work-exp ul li i {
margin-right: 5px;
}
.work-exp:last-of-type{
background-color: #00a79d;

}
.leav-resan-in{
color: #ff7207;
background-color: #efecec;
display: inline-block;
padding: 0px 5px;
border-radius: 5px;
}
.rit-cover .education {
padding: 20px 0px;
}
.rit-cover .education ul li {
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
border-radius: 2px;
background-color: #ecebeb3d;
padding: 10px 15px;
font-size: .9rem;
}
.rit-cover .education ul li span {
font-size: .8rem;
}
.rit-cover .intervPoint{
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  padding: 15px;
  color: #00a79d;
  background: #d5f5f3;
}
.file-vw-modal .modal-content{
background-color: #000000bf;
}
.file-vw-modal .modal-header{    background-color: #101010ab;
border-bottom: 1px solid #000000e8;
}
.file-vw-modal .modal-footer{    background-color: #101010ab;
border-top: 1px solid #000000e8;
}
.file-vw-modal .modal-title {
color: #fff;
}
.file-vw-modal{ 
width: 100%;
text-align: center;
}
.file-vw-modal img{ max-width:100%;  max-height: 100vh;
display: block;
  margin: 0px auto;
}
.file-vw-modal table{
max-width: 100%;
min-width: 100%;
height: 100%;
/* height: 100vh; */

}
.file-vw-modal table td{
/* background-color: #00A79D; */
vertical-align: center;
text-align: center;
}
.file-vw-modal iframe{ min-height: 100%; width: 900px;}
.file-vw-modal.pdf .modal-header{ position: fixed; z-index: 1;  background: none; max-width: 300px; border: 0;}
.file-vw-modal.pdf .modal-footer{ position: fixed; z-index: 1; 
right: 25px; top: 0; background: none;}
.file-vw-modal.pdf .modal-body{ padding: 0;}


.spinner-mine {
  width: 20px;
  height: 20px;

  margin: 0 auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.btn-grid table{ margin: 0 auto;}
.btn-grid table td{ border: #fff 10px solid; max-width: 150px; width: 150px; height: 78px;}
/* .btn-grid table td a{ min-width: 150px; min-height: 78px; display: block; } */
.btn-grid table td:hover{border: #fff 10px solid; }
.btn-grid table td{ padding: 10px; vertical-align: center; border-radius: 5px;
display: table-cell;}
.btn-grid table td.btn-primary.tdDisabled{ background-color: #79918f;
color: #b2d9ce; }

.btn-grid table td.tdDisabled span{
display: none;
}

.lds-spinner {
color: official;
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-spinner div {
transform-origin: 40px 40px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 6px;
height: 18px;
border-radius: 20%;
background: #fff;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
  opacity: 1;
}
100% {
  opacity: 0;
}
}


.spining-modal .modal-content {
background-color: #3b3b3b94;
}

.spining-modal .modal-content table{ width: 100%;}
.spining-modal .modal-content table td{     text-align: center;}
.spining-modal .modal-content table td .process-text{ color: #e8e3e3;}

.mdl-logo-holder{
border: 2px solid #605454;
  box-shadow: 5px 5px #efe9e9;
  width: 150px;
  height: 150px;
  vertical-align: middle;
  line-height: 150px; /* or whatever you want, should match height */
text-align: center;
margin-bottom: 20px;
position: relative;
display: flex;
  align-items: center;
  justify-content: center
}
.mdl-logo-holder img{ display: block; width: 100%; max-width: 100%; max-height: 100%;  vertical-align: middle;}
.mdl-logo-holder .img-edt-btn{ 
position: absolute;
top: 0;
width:100%;
  height: 100%;
  background-color: #58595abf;
display: none;
}
.mdl-logo-holder:hover .img-edt-btn{
display: block;
position: absolute;
color: #fff;
cursor: pointer;
}
.mdl-logo-holder:hover .img-edt-btn i.edit-icon{
top: -44%;
  right: 3px;
  position: absolute;
}


/* Notification page */
.notification-ui_dd-content {
margin-top: 30px;
}
.notification-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px;
margin-bottom: 7px;
background: #fff;
-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 6%);
box-shadow: 0 3px 10px rgb(0 0 0 / 6%);
}
.notification-list--unread {
border-left: 2px solid #00a79d;
border-left: 2px solid #00b3ff;
}
.notification-list .notification-list_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.notification-list .notification-list_content .notification-list_detail p {
margin-bottom: 5px;
line-height: 1.2;
}
.notification-list .notification-list_content .notification-list_detail p.text-muted {
color: #6c757d!important;
}

.notification-list .notification-list_content h6{    color: #1c968f;color: #00b3ff;}

.page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
/* border-bottom: 1px solid #eeeeee; */
}

.heading-line {
position: relative;
padding-bottom: 5px;
color: #1c968f;
color: #00b3ff;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.heading-line:after {
content: "";
height: 4px;
width: 75px;
background-color: #00b3ff;
position: absolute;
bottom: 0;
left: 0;
}

.QrcodeHsn-01{
width: 150px;
height: 150px;
}
.QrcodeHsn-01 canvas{
position: absolute;
}
.QrcodeHsn-01 .QrDownloadBtn{position: absolute;    margin-top: 55px;
margin-left: 30px; display: none;}
.QrcodeHsn-01:hover .QrDownloadBtn{ display: inline; position: absolute;}

.home-search-select .css-6j8wv5-Input{
  padding-bottom: 0px;
  padding-top: 0px;
}

/* .jb-view .text-right{ text-align: right;} */
.jb-view .text-centre{text-align: center;}
/* .jb-view .QrcodeHsn-01{ margin: 0 auto;} */
.jb-view .QrcodeHsn-01 canvas {
  /* margin-left: -75px; */
}
.jb-view .txt-bold{ font-weight: 400;
  font-family: 'HelveticaNeueBold',Arial,sans-serif;}
  .jb-view .col-6.text-right {
    width: 40%;
}
@media only screen and (min-width: 768px) {
.jb-view .text-right{ text-align: right;}
.jb-view .text-right2{ text-align: right;}
.jb-view .col-6.text-right{ width: 50%;}
}



#home-carousel-001 .carousel-caption {

  text-shadow: 1px 2px #000000;
}

.form_react_select .select__input-container{
  padding-bottom: 0px;
  padding-top: 0px;
}



/* Carousel Header Styles */
.header-text {
/* position: absolute; */
top: 20%;
left: 1.8%;
right: auto;
width: 96.66666666666666%;
color: #fff;
}

.header-text h2 {
font-size: 40px;
}

.header-text h2 span {
background-color: #2980b9;
padding: 10px;
}

.header-text h3 span {
background-color: #000;
padding: 15px;
}

.btn-min-block {
min-width: 170px;
line-height: 26px;
}

.btn-theme {
color: #fff;
background-color: transparent;
border: 2px solid #fff;
margin-right: 15px;
}

.btn-theme:hover {
color: #000;
background-color: #fff;
border-color: #fff;
}



.hsn-text-editor-501{
border: 1px solid #ced4da;
border-radius: 0.25rem;
background-color: #fff;
}

.hsn-text-editor-501 li{
display: list-item;
}

.jb-view  ul{
list-style-type: square;
list-style-position: inside;
padding-left: 15px;
}
.jb-view li {
display: list-item;
list-style-position: outside;
padding: 5px;
}
.jb-view .detail-txt *{
background-color: #0000 !important;
}

span.add-dash-span {
display: block;
position: relative;
margin-bottom: 1px;
padding-left: 20px;
margin-bottom: 5px;
}


span.add-dash-span::after {
content: "\2014";
position: absolute;
left: 0px;
top: 2px;

}

.rptBody{ padding: 0px 10px;}
.rptBodyTbl{ width: 100%;}
.rptBodyTbl-leftTd{width: 300px; padding: 10px;
  background-color: #e6f0f1;
  border-left: #bbe5f4 solid 1px;
  border-right: #bbe5f4 solid 1px;
  border-bottom: #bbe5f4 solid 1px;
}
.rptBodyTbl-rightTd{ padding: 10px; }