@font-face {
  font-family: "Roboto-Regular";
  src: url(./font/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto-Bold";
  src: url(./font/Roboto-Bold.ttf);
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(./font/Roboto-Medium.ttf);
}
@font-face {
  font-family: "Roboto-Light";
  src: url(./font/Roboto-Light.ttf);
}
section {
  padding-top: 2em;
}

body {
  font-family: "Roboto-Regular";
  overflow-y: scroll;
}

.btn.focus, .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-blue {
  background-color: #0094FB;
  color: white;
  border-radius: 0;
  padding: 1em 1.3em;
}
.btn-green {
  background-color: #075E54;
  color: white;
  border-color: #075E54;
}

.btn-yellow, .innerBtn {
  background-color: #434B51;
  color: #ffffff;
  border-radius: 50px;
  text-transform: uppercase;
  font-family: "Roboto-Medium";
  padding: 0.3em 0;
  font-size: 14px;
}

.btnGreen {
  background-color: #F8443A;
  color: white;
  font-family: "Roboto-Bold";
}

.topHeader .nav {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.topHeader .nav .nav-link {
  color: #ffffff;
  font-size: 12px;
  font-family: "Roboto-Regular";
}

.navbar {
  padding: 0rem 0rem 0rem 1rem;
  background-color: #EFF0F2;
}
.navbar .logo {
  width: 50px;
}

.topNav .nav-link {
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Roboto-Regular";
}
.topNav .nav-link.active {
  color: #0094FB;
}
.topNav .nav-item {
  padding: 0 0.7em;
}

.topRight {
  list-style-type: none;
  margin-bottom: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.topRight li {
  display: inline-block;
}
.topRight .form-control {
  border: none;
  background-color: #EFF0F2;
  color: #1C1C1C;
}

.mainTitle h3 {
  color: #0094FB;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  margin: 1em 0;
}

.txtUppcase {
  text-transform: uppercase;
  padding: 1.55em 1.3em;
}

.homeBanner {
  background: url(/img/frontend/banner3.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 3em 0;
  min-height: 700px;
}
.homeBanner .homeContent h1 {
  color: white;
  margin-bottom: 0;
  font-family: "Roboto-Bold";
}
.homeBanner .homeContent p {
  color: white;
  font-family: "Roboto-Bold";
}
.homeBanner .homeContent .btn-blue {
  padding: 0.5em 1.3em;
}

.iconTxt {
  text-align: center;
  margin-bottom: 1em;
}
.iconTxt h4, .iconTxt p {
  color: #c81008;
  margin-bottom: 0;
}
.iconTxt img {
  width: 130px;
}

.iconTxt1 {
  text-align: center;
  margin-bottom: 1em;
}
.iconTxt1 h4, .iconTxt1 p {
  color: #0094fb;
  margin-bottom: 0;
}
.iconTxt1 img {
  width: 100px;
  height: 110px;
}

.yellowWrapper {
  background-color: #C81008;
  color: white;
  padding: 1.8em;
}
.yellowWrapper h3 {
  text-transform: uppercase;
  font-family: "Roboto-Bold";
}
.yellowWrapper img {
  width: 33px;
  padding-right: 10px;
}
.yellowWrapper .gedaWrapper {
  background-color: white;
  border-radius: 5px;
  padding: 1em;
  max-width: 490px;
}
.yellowWrapper .gedaWrapper h4 {
  color: #0094FB;
  font-family: "Roboto-Bold";
  margin-bottom: 1.2em;
}
.yellowWrapper .gedaWrapper p {
  color: #686868;
  margin-bottom: 0;
  font-size: 15px;
}
.yellowWrapper .gedaWrapper a {
  color: #686868;
  font-size: 15px;
}
.yellowWrapper .gedaWrapper .fas {
  color: #686868;
}
.yellowWrapper .gedaWrapper li {
  color: #1C1C1C;
}

.blueWrapper {
  color: white;
  background-color: #0094FB;
  padding: 1.8em;
}
.blueWrapper h3 {
  text-align: center;
  font-family: "Roboto-Bold";
}
.blueWrapper .card {
  background-color: white;
  width: 85%;
  margin: auto;
  padding: 1em;
  text-align: center;
  border-radius: 15px;
}
.blueWrapper .card p {
  color: #045097;
  font-family: "Roboto-Medium";
  margin-bottom: 0;
}

.contactBg {
  /*background: url(/img/frontend/mapbg.png);*/
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

.contctImg {
  padding: 2em;
}

.graphicImg {
  text-align: center;
}
.graphicImg img {
  width: 85%;
}

.suryaGraphics .fa-plus {
  color: #C81008;
  font-size: 1em;
}
.suryaGraphics p {
  font-family: "Roboto-Medium";
  font-size: 1em;
  text-transform: uppercase;
}
.suryaGraphics .bottmTxt {
  position: absolute;
  bottom: 0;
}

.borderBox, .purpleBox, .pinkBox, .blueBox {
  color: white;
  border-top-left-radius: 50px;
  padding: 1em;
  text-align: center;
  border-bottom-right-radius: 50px;
}
.borderBox h4, .purpleBox h4, .pinkBox h4, .blueBox h4 {
  font-family: "Roboto-Bold";
  text-align: center;
  margin: 0.5em 0;
}
.borderBox img, .purpleBox img, .pinkBox img, .blueBox img {
  width: 70px;
  margin: auto;
  text-align: center;
}
.borderBox ul, .purpleBox ul, .pinkBox ul, .blueBox ul {
  text-align: left;
}
.borderBox ul li, .purpleBox ul li, .pinkBox ul li, .blueBox ul li {
  padding: 0.6em 0;
}

.blueBox {
  background-color: #1283D3;
}

.pinkBox {
  background-color: #F8516A;
}

.purpleBox {
  background-color: #8643ED;
}

.orangeBg {
  background-color: #C81008;
}

.txtDiscom {
  text-align: center;
  padding: 2em;
  padding-bottom: 3em;
}
.txtDiscom p {
  color: white;
  max-width: 70%;
  margin: auto;
  font-family: "Roboto-Bold";
  font-size: 1.8em;
}

.col-30 {
  width: 30%;
  position: relative;
}
.col-30 p {
  position: absolute;
  right: -4em;
}

.col-40 {
  width: 40%;
}

.col-302 {
  width: 30%;
  position: relative;
}
.col-302 p {
  position: absolute;
  left: -5em;
}

.footer {
  border-top: 1px solid #A5A5A5;
  padding: 2em 0;
}

.footerContent h4 {
  font-family: "Roboto-Bold";
  text-transform: uppercase;
}
.footerContent ul {
  list-style-type: none;
  -webkit-padding-start: 3px;
          padding-inline-start: 3px;
}
.footerContent ul li a {
  color: #212529;
  font-size: 14px;
  font-family: "Roboto-Regular";
}
.footerContent .giz-logo {
  width: 150px;
}

.footrBottom {
  background-color: #2D393A;
  padding: 0.5em 0;
}
.footrBottom .footerContent p {
  color: white;
  margin-bottom: 0;
  font-size: 12px;
}
.footrBottom .footerContent p a {
  color: white;
}

.innerBanner {
  background-color: #C81008;
  color: white;
  padding: 8em 1em 3em 2em;
}
.innerBanner h1 {
  font-family: "Roboto-Bold";
}
.innerBanner p {
  font-family: "Roboto-Light";
}

.innerBtn {
  border-radius: 10px;
  font-family: "Roboto-Bold";
  padding: 1em;
  font-size: 1.2em;
  background-color: #C81008;
  text-transform: none;
}

.pRel {
  position: relative;
  height: 500px;
}

.innerForm {
  position: absolute;
  right: 2em;
  top: 1em;
  width: 34%;
}
.innerForm h3, .innerForm h5 {
  color: #7F7F7F;
  font-family: "Roboto-Bold";
}
.innerForm .form-control {
  font-size: 0.9em;
  border-color: #7F7F7F;
}
.innerForm ::-webkit-input-placeholder {
  color: #A5A5A5;
}
.innerForm ::-moz-placeholder {
  color: #A5A5A5;
}
.innerForm :-ms-input-placeholder {
  color: #A5A5A5;
}
.innerForm ::-ms-input-placeholder {
  color: #A5A5A5;
}
.innerForm ::placeholder {
  color: #A5A5A5;
}
.innerForm .form-check-inline {
  color: #7F7F7F;
  margin-bottom: 0.5em;
}

.consumerSearch {
  margin: 2em 0;
}
.consumerSearch ::-webkit-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.consumerSearch ::-moz-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.consumerSearch :-ms-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.consumerSearch ::-ms-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.consumerSearch ::placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.consumerSearch .form-control {
  background-color: transparent;
  width: 100%;
}
.consumerSearch .form-control ::-webkit-input-placeholder {
  color: white !important;
}
.consumerSearch .form-control ::-moz-placeholder {
  color: white !important;
}
.consumerSearch .form-control :-ms-input-placeholder {
  color: white !important;
}
.consumerSearch .form-control ::-ms-input-placeholder {
  color: white !important;
}
.consumerSearch .form-control ::placeholder {
  color: white !important;
}
.consumerSearch .form-control .btn {
  border-radius: 0;
}
.consumerSearch .form-control .form-group {
  padding-left: 0;
}

.installerBG {
/*  background: url(/img/frontend/american-public-power-association.png);*/
  width: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.installerBG .installerSearch::-webkit-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.installerBG .installerSearch::-moz-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.installerBG .installerSearch:-ms-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.installerBG .installerSearch::-ms-input-placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.installerBG .installerSearch::placeholder {
  color: white !important;
  font-family: "Roboto-Regular";
}
.installerBG .form-control {
  border-color: #1C1C1C;
}
.form-control::placeholder{color:#495057 !important;}

.whiteTitle {
  color: white;
  font-family: "Roboto-Bold";
  float: left;
}
.whiteTitle a {
  color: white;
  font-family: "Roboto-Bold";
  text-decoration: underline;
}

.p1 {
  text-align: end;
}

.installerTbl {
  font-family: "Roboto-Regular";
  /*color: white;*/
  color: #212529;
}
.installerTbl th {
  background-color: #075e54;
  font-family: "Roboto-Regular";
  font-weight: 100;
  border-top: 1px solid #1C1C1C  !important;
  border-bottom: 1px solid #1C1C1C !important;
  text-transform: capitalize;
}
.installerTbl td {
  border: none;
  font-size: 14px;
}
.installerTbl tbody tr {
  background-color: #a5a5a587;
}
.installerTbl tbody tr:nth-of-type(odd) {
  /*background-color: #a5a5a5;*/
   background-color:#f8f9fa;
}
.installerTbl .tblIcon {
  /*border: 1px solid white;*/
  border: 1px solid #212529;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  margin: 0 0.5em;
  padding: 6px;
}
.installerTbl .tblIcon .fas {
  /*color: white;*/
  color: #212529;
}

.pagination  {
  margin-bottom: 3em;
}
.pagination  .page-link {
  background-color: transparent;
  color: #1C1C1C;
  border-color: #1C1C1C;
  font-size: 12px;
}
.pagination  > li > a {
  background-color: transparent;
  color: #1C1C1C;
  border-color: #1C1C1C;
  font-size: 12px;
}
.pagination  .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #075E54;
  border-color: #1C1C1C;
}

.a {
    color: #075e54 !important;
}

.conatcTbl {
  font-size: 14px;
}
.conatcTbl .vlCenter {
  vertical-align: middle !important;
  text-align: center;
}
.conatcTbl .tblIcon1 {
  border: none;
  color: white;
}
.conatcTbl td {
  border: 1px solid #1C1C1C;
}

.lightgrn {
  background-color: #F8443A !important;
}

.darkgrn {
  background-color: #C81008 !important;
}

.contctForm .card {
  border: none;
}
.contctForm h3, .contctForm h5 {
  color: #7F7F7F;
}
.contctForm .form-control {
  font-size: 0.9em;
  border-color: #7F7F7F;
}
.contctForm ::-webkit-input-placeholder {
  color: #A5A5A5;
}
.contctForm ::-moz-placeholder {
  color: #A5A5A5;
}
.contctForm :-ms-input-placeholder {
  color: #A5A5A5;
}
.contctForm ::-ms-input-placeholder {
  color: #A5A5A5;
}
.contctForm ::placeholder {
  color: #A5A5A5;
}

.rtBg {
  background-color: #86D367;
}

.applyRoof h3 {
  color: #C81008;
  font-family: "Roboto-Bold";
}
.applyRoof p {
  font-size: 14px;
}

.rooftxt {
  padding: 1text-tranformem;
}

.roofIcon {
  position: relative;
}
.roofIcon img {
  width: 150px;
  padding: 0.5em;
}

.mobileImg {
  position: absolute;
  right: 0;
  top: -120px;
}
.mobileImg img {
  width: 200px;
}

.roofContent h4, .roofContent h6 {
  color: white;
  font-family: "Roboto-Bold";
}
.roofContent ul li a {
  color: #FFEA09;
}
.roofContent ul li {
  color: white;
  font-size: 14px;
}
.roofContent i {
  color: white;
  font-family: "Roboto-Light";
}

.my-50 {
  margin: 4em 0;
}

.py-50 {
  padding: 4em 0;
}

.btnWhite {
  background-color: white;
  color: #1C1C1C;
  font-family: "Roboto-Bold";
  font-size: 14px;
}

.estimateBg {
  background: url(/img/frontend/yellow-safety-helmet-solar-cell-panel1.png);
  width: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 3em 0;
}

.estimationForm h3, .estimationForm h5 {
  color: #7F7F7F;
}
.estimationForm .form-control {
  font-size: 0.9em;
  border-color: #7F7F7F;
}
.estimationForm ::-webkit-input-placeholder {
  color: #A5A5A5;
}
.estimationForm ::-moz-placeholder {
  color: #A5A5A5;
}
.estimationForm :-ms-input-placeholder {
  color: #A5A5A5;
}
.estimationForm ::-ms-input-placeholder {
  color: #A5A5A5;
}
.estimationForm ::placeholder {
  color: #A5A5A5;
}
.estimationForm .form-check-inline {
  color: #7F7F7F;
  margin-bottom: 0.5em;
}
.estimationForm .form-check-label {
  color: #A5A5A5;
  padding-left: 1em;
  margin-bottom: 0;
}
.estimationForm .formchek {
  color: #A5A5A5;
  padding-left: 1.2rem;
}

.importanBg {
  background: url(/img/frontend/Rectangle.png);
  width: 100%;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 3em 0;
}

.importanDoc ul li {
  color: white;
  padding: 0.3em;
  margin-left: 8px;
}
.importanDoc ul li a {
  color: white;
  font-size: 14px;
}
.importanDoc ul li a img {
  width: 25px;
}

.grnTitle {
  color: #C81008;
  margin: 1em 0;
  font-family: "Roboto-Bold";
}

.faqPills {
  border-bottom: 1px solid #1C1C1C;
}
.faqPills .nav-link.active, .faqPills .show > .nav-link {
  color: #C81008;
  background-color: transparent;
  font-family: "Roboto-Bold";
}
.faqPills .nav-link {
  color: #7F7F7F;
  font-family: "Roboto-Bold";
}

.faqGreen {
  background-color: #C81008;
  color: white;
}
.faqGreen .faqA {
  border: 1px solid white;
  padding: 0.5em 1em;
}
.faqGreen .faqA a {
  color: white;
  font-size: 14px;
}

.myaccordion {
  max-width: 100%;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
}

.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}

.myaccordion .card-body {
  background-color: #F8443A;
  color: white;
}

.myaccordion .card-header {
  border-bottom-color: white;
  background: #C81008;
  padding: 0.2em 0.6em;
}

.myaccordion .fa-stack {
  font-size: 18px;
}
.myaccordion .fa-stack .fas {
  color: white;
  background-color: #C81008;
}

.myaccordion .btn {
  width: 100%;
  font-family: "Roboto-Bold";
  font-size: 14px;
  color: white;
  padding: 0;
}

.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}

.myaccordion li + li {
  margin-top: 10px;
}

.accContent {
  font-size: 14px;
}

.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  z-index: 999;
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 1em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: white;
  font-size: 14px;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.icon-bar .icn1 {
  background-color: #C81008;
  margin-bottom: 1em;
}
.icon-bar .icn2 {
  background-color: #F8516A;
}

@media (max-width: 991px) {
  .pRel {
    position: relative;
    height: auto;
  }

  .innerForm {
    position: relative;
    width: 70%;
    margin: auto;
  }
}
@media (max-width: 767px) {
  .topHeader .nav {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .topHeader .nav .nav-link {
    padding: 0.3rem;
  }

  .homeContent {
    text-align: center;
  }

  .blueWrapper {
    margin-top: 1em;
  }

  .pinkBox {
    margin: 1.5em 0;
  }

  .txtDiscom {
    padding: 1.5em;
  }
  .txtDiscom p {
    max-width: 95%;
  }

  .contactInfographics {
    display: block !important;
    text-align: center;
  }

  .suryaGraphics .bottmTxt {
    position: relative;
  }

  .innerBtn {
    margin: 1em 0;
    text-align: center;
  }

  .mobileImg {
    top: 0;
  }
  .mobileImg img {
    width: 180px;
  }

  .contactBg {
    padding: 1em 0;
  }
}
@media (max-width: 567px) {
  .innerForm {
    width: 85%;
  }

  .h1, h1 {
    font-size: 2rem;
  }
}/*# sourceMappingURL=style.css.map */
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    /*left:-100%;*/
    left:-10rem; /* 10rem is the min-width of dropdown-menu */
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.commissioning_home
{
  width: 309px;
  position: absolute;
  margin-top: 480px;
  margin-left: 120px;
}
.feasibility_home {
    width: 385px;
    position: absolute;
    margin-top: 480px;
    margin-left: -80px;
}
.submission_home {
    width: 385px;
    position: absolute;
    margin-top: 25px;
    margin-left: -80px;
}
.oandm_home {
    width: 409px;
    position: absolute;
    margin-top: 25px;
    margin-left: 74px;
}
.suryaGraphics .fa-minus {
    color: #C81008;
    font-size: 1em;
}

#form-main .form-group {
    margin: 5px 0;
    display: flex;
}

#search-form-main .form-group {
  margin: 5px 0;
  display: flex;
}


.col-55 {
    flex: 0 0 55.333333%;
    max-width: 55.333333%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.set_zindex {
  z-index: 1;
}



@media (min-width: 800px) and (max-width: 1400px) {
  .homeBanner {
  background: url(/img/frontend/banner3.jpg);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
  padding: 3em 0;
  min-height: 510px !important;
  /*background-size: auto; */
  background-size: 100% 100%;

  }

}
.navbar .logo_main {
  width: 50px;
}
.all-messages th , .all-messages td {
  padding: 0px !important;
}

.help-block {
  margin-top: 5px;
  margin-bottom: 5px;
}

.help-inline {
  font-size: 13px;
  color: #737373;
  display: inline-block;
  padding: 5px;
}

/* Feedback states */
.has-success .help-block,
.has-success .help-inline,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #d6e9c6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #bbdba1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .help-inline,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #faebcc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #f5d89e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #faebcc;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .help-inline,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #ebccd1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #dca7b0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.breadcrumb > li + li:before {
    padding-left : 5px;
    content: "/\00a0";
}
table.table-bordered.dataTable {
    border-collapse: collapse !important;
    font-family: "Roboto-Regular";
    color: white;
}
table.table-bordered.dataTable th
{
  background-color: #075E54;
  font-family: "Roboto-Regular";
  font-weight: 100;
  border-top: 1px solid #1C1C1C !important;
  border-bottom: 1px solid #1C1C1C !important;
  text-transform: capitalize;
}
table.table-bordered.dataTable tbody tr {
    /*background-color: #F8443A;*/
    color:black;
}
table.table-bordered.dataTable tbody tr:nth-of-type(odd) {
    /*background-color: #C81008;*/
    color:black;
}
table.table-bordered.dataTable td {
    border: none;
    font-size: 14px;
    text-align: left;
    vertical-align: middle !important;
}
table.table-bordered.dataTable tbody tr td {
  text-align: left;
}
table.table-bordered.dataTable tbody tr:hover {
  color:black;
}
.dataTables_empty {
  text-align: center !important;
}

.paginate_button{
   
    float: left;
  

position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;

    border: 1px solid #ddd;
    font-size: 12px;
    background-color: transparent;
    color: #1C1C1C;
    border-color: #1C1C1C;
    font-size: 12px;
    cursor: default;


}
.view_application{
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529 !important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration: none;
}

a.paginate_button{
    text-decoration: blink;
}
a.paginate_button.current,a.paginate_button:hover{
  border: 1px solid black;
  /*background: #eee;
  border-color: #dddddd;
  color: #333;*/
}
/* actions pagination */

.dataTables_wrapper .actions{
    height: 31px;
}
.dataTables_wrapper .actions .actions-left{
    width: 50%;
    float: left;
}
.form .form-actions{
    padding: 10px;
}
.dataTables_paginate>span>span{
    display: initial;
    float: left;
    position: relative;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 14px;
}
.first  {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.last {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.paginate_button.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}
a.paginate_button.current, a.paginate_button.current:hover {
    z-index: 3;
    color: #fff;
    background-color: #075E54;
    border-color: #1C1C1C;
}
div.dataTables_paginate {
    margin-bottom: 20px !important;
    float: right;
}