﻿     .tooltip.right .tooltip-arrow {
          display: block;
          border-right-color: #eee;
      }
    .tooltip.bottom .tooltip-arrow {
        display: block;
        border-bottom-color: #eee;
    }
      .reqlst {
          display: none;
      }
      .reqCont {
          background-color: #e4e4e440 !important;
          color: darkgray;
          text-align: left;
      }
      .panel-heading {
          background-color: #45818E !important;
          color: white;
      }
      .panel-body {
          border: solid 3px #eee;
      }
      .formCtn {
          margin: 25px 0 0 0;
          padding: 45px;
          box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
          width: 90%;
          margin: 0 auto;
      }
      .btn-div {
          text-align: center;
      }
      .reqlst {
          padding: 25px;
          border-radius: 5px;
      }
      .UpperCase i, .lowerCase i, .Num i, .lng i, .spchar i{
          margin-right: 5px;
      }
      .ntMatch:focus {
          border-color:red;
      }
      .ntMatch {
          border-color: red;
      }
     @media only  screen and (max-width:800px) {
        .reqlst{
          background-color:white;
          opacity: 1 !important;
       }
    }
     /*.tab {
  
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: #fff;
  width: 100%;
  margin: 0 auto;
  border:1px solid #34495e;
  line-height: 1.5;
  font-weight: 300;
  color: #888;
  -webkit-font-smoothing: antialiased;
}

.tabs {
     padding:0;
  display: table;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.tabs li {
  float: left;
  line-height: 38px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width:20%;
  text-align:center;
}
.tabs a {
  background-color: #eff0f2;
  color: #888;
  font-weight: bold;
  display: block;
  letter-spacing: 0;
  outline: none;
  padding: 0 20px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid #34495e;
  border-right: 1px solid #34495e;
  border-left: 1px solid #34495e;
}

.tabs_item {
  display: none;
  padding: 30px 0;
}

.tabs_item:first-child {
  display: block;
}

.current a {
  color: white;
  background: #34495e;
}
 @media only  screen and (max-width:425px) {
        .tabs li {
              float: left;
              line-height: 38px;
              overflow: hidden;
              padding: 0;
              position: relative;
              width:50%;
              text-align:center;
        }
        .tabs {
            padding:0;
              display: table;
              position: relative;
              overflow: hidden;
              margin: 0;
              width: 100%;
        }
    }*/





     .text-color {
  color: #46a1de;
  transition-duration: .5s;
}


.wrapper {
  min-width: 600px;
  max-width: 900px;
  margin: 0 auto;
}

.tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin:0 auto;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.tabs > li {
  transition-duration: .25s;
  display: table-cell;
  list-style: none;
  text-align: center;
  padding: 10px 12px 15px 12px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #50555a;
  font-weight:bold;
   font-size: 18px;
}
.tabs > li:before {
  z-index: -1;
  position: absolute;
  content: "";
  width: 100%;
  height: 120%;
  top: 0;
  left: 0;
  background-color: #45818E ;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition-duration: .25s;
  border-radius: 5px 5px 0 0;

}
.tabs > li:before {
  -webkit-transform: translateY(70%);
  transform: translateY(70%);
}
/*.tabs > li:hover:before {
  -webkit-transform: translateY(60%);
  transform: translateY(60%);
}*/
.tabs > li.active {
  color: white;
 
}
.tabs > li.active:before {
 transition-duration: .5s;
  background-color: #45818E;
   border-radius:5px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.tab__content {
  background-color: white;
  position: relative;
  width: 100%;
 
}
.tab__content > li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  list-style: none;
}
.tab__content > li .content__wrapper {
  text-align: center;
  border-radius: 5px;
  width: 100%;
  padding: 0px 0px 40px 40px;
  background-color: white;
}

.content__wrapper h2 {
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  font-weight: 300;
}
.content__wrapper img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.mainWrapper{
    display:block;
    width:70%;
    margin:0 auto;
}
.formCtn {
        padding: 15px;
        width:100%;
    }
 .usrCont{
            
            margin-top:50px;
        }
@media only screen and (max-width:1024px) {
    .panel-body{
         height:700px;
    }
    .usrCont{
            float:none;
            margin:0 auto;
            padding:0;
        }

}

 @media only  screen and (max-width:768px) {
       .wrapper {
              min-width: 100%;
            }
       .tabs {
          width: 100%; 
          padding:0;  
        }
       .tab__content > li .content__wrapper {
          padding: 0;
        }
        .tab__content{
            height:600px;
        }
    .formCtn {
        padding: 15px;
        width:100%;
    }
    .mainWrapper{
    display:block;
    width:100%;
    margin:0 auto;
}
        .usrCont{
            float:none;
            margin:0 auto;
        }
    .panel-body{
    height:800px;
}
    }
  .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            
            height: 150px !important;
            width:150px !important;
            border-radius:50%;
            margin:0 auto;
        }
        .tab__content{
            height:auto;
        }
@media only screen and (max-width: 768px) {
    .panel-body {
        height: 880px;
    }
    .trgtBtn,.btn_cancel{
        margin-bottom:15px;
    }
}
.fa-calendar{
        position: absolute;
        top: 35px;
        right: 15px;
}