@font-face {
      font-family: 'robotolight_italic';
      src: url('../fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
          url('../fonts/roboto-lightitalic-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;

  }

  h5 {
      font-size: 14px;
      color: gray;
      font-family: 'Nunito Sans', sans-serif;
  }

  .pfl_hdr1 {
      color: #8a8a8a !important;
      font-size: 16px !important;
      font-weight: bold !important;
      padding: 10px;
      border-radius: 10px;
  }

  @media only screen and (max-width: 991px) {
      .pfl_hdr1 {
          font-size: 12px !important;

      }

  }

  .events-index .breadcrumb {
      /* background-color: white; */
      width: 90%;
      margin: auto;
      padding: 15px;
      /* margin-bottom: 5%; */
  }

  .breadcrumb .active a {
      color: #5ab09b !important;
      font-weight: 700;
      font-size: 15px;
      font-family: 'Poppins', sans-serif;
  }

  .table_body {
      margin: 11px;
      padding: 20px;
      background-color: #fff;
      margin-right: 12px;
      border-radius: 4px;
      box-shadow: inset 0 0em 0em rgba(216, 20, 20, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(99, 99, 99, 0.3);
  }

  .panel-body {
      margin: 10px !important;
  }

  .table_data table {
      margin-bottom: 0;
      /*border: 1px solid #ddd;*/
  }

  .list-group-item img {
      /*width: 25px;*/
  }

  .grid_sub_table {
      padding: 20px !important;
      border: 1px solid #dbe7e8;
      background-color: #d9edef !important;
      margin: -29px;
      border-radius: 4px;
      margin-bottom: 4% !important;
      margin-top: 0%;
      position: relative;
      right: 6px;
  }

  body {
      font-family: 'Open Sans', sans-serif;
  }

  .logbg {
      background: url("../img/bgimg.jpg") no-repeat no-repeat center;
      background-size: cover;
      position: relative;
      padding: 0 !important;
      height: 60%;
  }

  .logbg:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom left, #163a4f, #00B29C, transparent);
      opacity: 0.8;
      background-image: linear-gradient(48deg, rgb(0, 178, 156) 0%, rgb(11, 118, 118) 61%, rgb(22, 58, 79) 100%);
  }

  .navbar-header {
      padding-left: 25px;
      min-height: 70px;
  }

  .input-group-addon {
      background-color: rgb(50, 118, 177);
      border-color: rgb(40, 94, 142);
      color: rgb(255, 255, 255);
  }

  .panel.panel-default.cus-panel {
      background: rgba(255, 255, 255, 0.7);
  }

  .button-group {
      text-align: center;
      margin-top: 4%;
      margin-bottom: 4%;
  }

  button.btn.btn-info.btn-log {
      padding: 8px 52px;
      background: #3da783;
      border-color: #3da783;
      color: #ffffff;
      font-family: 'Roboto', sans-serif;
  }

  button.btn.btn-info.btn-login-log {
      width: 100%;
      padding: 8px 52px;
      background: #35886cd4;
      border-color: #35886cd4;
      color: #ffffff;
      font-family: 'Poppins', sans-serif;
      transition: 0.3s ease;
  }

  button.btn.btn-info.btn-log:hover {
      background-color: #2e2e2e;
  }

  input.form-control.field-cotrl {

      /*  border: none;
      border-bottom: 1px solid #C7C5C5; */
      background: rgba(86, 89, 93, 0);
      /* border-radius: 0px; */
      box-shadow: none;
      color: #757575;
      font-family: 'Roboto', sans-serif;
  }

  .login-input {
      border: none;
      border-bottom: 1px solid #C7C5C5;
      background: rgba(86, 89, 93, 0);
      border-radius: 0px !important;
      box-shadow: none;
      color: #FFFFFF !important;
      font-family: 'Roboto', sans-serif;
  }

  span.input-group-addon {
      border: none;
      /*background: rgba(86, 89, 93, 0);*/
      border-radius: 0px;
  }

  input.form-control.field-cotrl::-webkit-input-placeholder {
      /* WebKit, Blink, Edge */
      color: #5A5656;
      font-family: 'Roboto', sans-serif;
  }

  .input-group-addon {
      color: black !important;
  }

  .text-cent {
      text-align: center;
      margin-bottom: 10%;
      color: #585858;
      font-family: 'Roboto', sans-serif;
      font-size: 20px;
  }

  .help-block {
      /* display: none !important; */
  }

  .panel-body {
      padding: 14px 30px !important;
  }

  .right-align {
      margin-left: 10%;
      text-align: right;
      font-family: 'Roboto', sans-serif;
  }

  a.txt-right,
  .txt-right:hover {
      color: #ccc6c6 !important;
      text-decoration: none;
  }

  a.txt-right:focus,
  a:hover,
  ul li.active a {
      /*color: #fff!important;*/
      text-decoration: none !important;
  }

  a:hover {
      color: #aaa;
      /* color: #fff!important; */
      text-decoration: none !important;
  }

  table,
  form a:hover {
      color: #333 !important;
  }

  .panel_login {
      border: none !important;
      /*margin: 5px;*/
      background-color: #163a4f !important;
      border-radius: 2% !important;
  }

  .panel {
      border: none !important;
      /*margin: 23px;
    margin-left: 40px;*/
      background-color: #dbe7e8 !important;
      border-radius: 4px !important;
  }

  img.img-size {
      width: 16px;
  }

  .form-group.new-rgp {
      margin-top: 22px;
      margin-bottom: 6px;
  }

  .btn.active.focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn:active:focus,
  .btn:focus {
      outline: none !important;
      outline-offset: none !important;

  }

  .greeting {
      color: #000000 !important;
  }


  /* navTwo */
  /*#navTwo {
 width: 250px;
    height: 80px;
    background-color:linear-gradient(to right, #4AC29A , rgb(224, 231, 229));
    padding-left: 30px;
}
#navTwo .active {
    background: white;
    -webkit-text-fill-color: #aaa;
    border-bottom: 3px solid #4ac29a;
    box-shadow: 10px #333;
}
.navul {
    padding: 0px !important;
    width: 100%;
    margin: 0;
}
#nav-two-ul {
    position: relative;
    width: 100%;
}
#navTwo li{
    margin-bottom: 0px;
    padding-top:1.2%;
    width: 9.28%;
    border-right: 3px solid #E7E4E4;
}
#navTwo li:first-child{
    border-left: 3px solid #E7E4E4;
}
.navbar-collapse{
    padding-left: 0px !important;
    padding-right: 0px !important;
}


*/
  #dashboard {
      padding-top: 51px;
      /* background-color: #f5f5f5; */
      background-color: #fafcfc;
      /* background-image: url(../img/bg.png); */
      /* background-image: url(../img/bg.png); */
      left: 1%;
      position: relative;
  }

  /*#wrapper {
    min-height: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    display: inline-block;
}
*/

  #navbar-items-top {
      min-height: 70px;
      padding-left: 0 !important;
  }

  .nav-icons {
      padding-top: 5px;
      position: absolute;
      right: 2%;
      top: 0;
  }

  .nav-icons li {
      list-style: none;
      cursor: pointer;
  }

  .nav-icons span {
      color: #fff !important;
      line-height: 5px;
      font-family: 'Poppins', sans-serif;

  }

  .nav-icons a {
      position: relative;
      display: inline-block;
      padding-top: 15px;
      color: #ffffff !important;
      /* font-weight: bold; */
      padding-top: 10px !important;
  }

  .drop-prof:hover {
      position: relative;
      display: inline-block;
      padding-top: 15px;
      color: #ffffff !important;
      font-weight: bold;
  }

  .nav-icons a #s-profile-pic {
      border-right: 1px solid rgba(255, 255, 255, 0.733);
      /* padding-right: 10px; */
  }

  .nav-icons a i {
      padding: 0px;
      color: #fff;
      border-radius: 5px;
  }

  .nav-icons a .fa-angle-down {
      border: none;
      padding: 0px;
  }

  .nav-icons img {
      border: 1px solid transparent;
      border-radius: 50%;
      width: 30px;
      padding-right: 1%;
  }

  #drop-arrow {
      width: 20px;
      margin: 10px;
  }

  #nav-drop {
      background: linear-gradient(to right, #00B1A5, #00B29C);
      border: none;
      padding-top: 20px;
  }

  #nav-drop>li {
      margin: 10px;
  }

  #nav-drop>li:first-child {
      border-bottom: 1px solid #F5F5F5;
  }

  #nav-drop>li>a:hover {
      background: transparent !important;
  }

  #nav-drop li img {
      width: 20px;
      border-radius: 0px;
  }

  #sch>.nav-link {
      width: 60%;
      border-bottom: 1px solid #333
  }

  .sch-img {
      border-radius: 0px !important;
      margin-left: 0px;
      margin-right: 6px;
      /* margin-top: 5px; */
      width: 150px;
  }

  .logo-img {
      border-radius: 0px !important;
      /*margin-left: 20px;*/
      margin-right: 6px;
      margin-top: 5px;
  }

  #sch-input {
      background: transparent;
      border: none;
      border-radius: 0px;
      border-bottom: 1px solid rgb(233, 228, 228);
      -webkit-box-shadow: inset 0 0px 0px !important;
  }

  #sch-input::placeholder {
      color: rgba(255, 255, 255, 0.747);
      opacity: 1;
      /* Firefox */
  }

  #toggle-icon {
      position: relative;
      left: 20px;
      top: 0px;
  }

  #toggle-icon>a {
      color: #fff !important;
      font-size: 1.4em;
  }

  #header .navbar-toggle {
      margin-top: 20px !important;
  }

  #wrapper {
      margin-top: 30px;
  }

  /*#sidebar-small-wrapper {
    background: #065e87;
    min-height: 100%;
    position: absolute;
    left: -100px;
    z-index: 10;
   margin-top: 10px; 
   box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}*/

  #sidebar-small-wrapper {
      background: #065e87;
      min-height: 100%;
      position: absolute;
      left: -100px;
      overflow-y: auto;
      position: fixed;
      z-index: 10;
      margin-top: 0px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }

  #sidebar-small-wrapper li {
      /* margin-top: 20px; */
      /* padding-left: 20px !important; */
      padding-top: 0;
      padding-bottom: 30px;
      border: none;
      /*border-left: 2px solid #333;*/
      border-radius: 3px;
      background: #065e87;
      color: #2EA5E0;
  }

  .list-group-side-new {
      /*  margin-top: 10px;
    padding-left: 0 !important;
    margin-bottom: 20px; */
      padding-right: 27px;
      padding-left: 27px;
      padding-top: 20px;
      list-style-type: none;
  }

  /* #sidebar-small-wrapper li:hover {
    border: 1px solid #B7B7B7;
} */
  /* #sidebar-small-wrapper li.active {
    border: 1px solid #B7B7B7;
    background-color: transparent !important;
    color: #333 !important;
} */
  #sidebar-small-wrapper li img {
      /* width: 30px; */
  }

  #main-wrapper {
      /*height: 79vh;
    overflow-y: auto;
    padding: 50px 0 0px 0;*/
      /*  margin-left: 248px !important;*/
      /*overflow-x: hidden;
    transition: margin-left .5s;*/
  }

  th,
  td {
      box-shadow: none !important;
  }

  #main {
      margin-top: 0%;
      position: relative;
      height: 100%;
      /*overflow-y: scroll;*/
  }

  #sidebar-wrapper {
      height: 90vh;
      background-color: #163f52;
      /*padding: 50px 0 0px 0;*/
      /*position: fixed;*/
      width: 270px;
      top: 70px;
      left: 0;
      display: block;
      min-height: 100%;
      /* background-color: #78909c; */
      /* height: 100%; */
      position: fixed;
      transition: left .5s;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);

  }

  .btn-primary {
      background-color: #1E475A !important;
      border-color: #1E475A !important;
  }

  .btn-success {
      background-color: #4AC29A !important;
      border-color: #4AC29A !important;
  }

  #sidebar {
      /*position: relative;
    height: 90vh;
    overflow-y: scroll;*/
  }

  #sidebar .list-group-item:hover {
      border: 1px solid #B7B7B7;
      background: transparent !important;
  }

  #sidebar .list-group-item {}


  .nopadding2 {
      padding: 6px !important;
      background-color: #ffffff;
      border: 2px solid #ddd;
  }

  .nopadding3 {
      padding: 6px !important;
      background-color: #ffffff;
      border: 2px solid #ddd;
  }

  .nopadding1 {
      padding: 0 !important;
      margin: 0 !important;
      /*background-color:#ffffff;
    */
  }


  .card-list-header {
      padding: 3% 5%;
      background: rgba(114, 110, 92, 0);
      /*border-bottom: 1px solid #d0d0d0;*/
      margin-bottom: 9px;
      color: #ffffff;
      width: 721px;
  }

  .card-group-item {
      /*padding: 3% 5%;*/
      padding: 5px 10px;
      background: rgba(214, 189, 180, 0);
      height: 100vh;
      overflow-y: auto;
  }

  .card {
      padding: 4%;
      /*padding-bottom: 28px;*/
      /* background: #cececd; */
      /*background: #eeeeee;*/
      margin-bottom: 9px;
      margin-top: 1px;
      border-radius: 7px;
      border: 1px solid #cececd;
      -webkit-box-shadow: inset 0 0 1px rgb(121, 120, 120);
  }

  .card-active {
      /* border: 1px solid #ff700b; */
      background: #d7e2e2;
      ;
      border: 2px solid #4ac29a;
      /* box-shadow: inset 1px 1px 1px 1px #4ac29a; */
      /*-webkit-box-shadow: 0 0 2px #4ac29a;*/
  }

  /*span.pull-right img {
    width: 28px;
    position: relative;
    top: 0px;
}*/

  .right-bg-col {
      background: #ffffff;
      position: absolute;
      right: 0;
      /*height: 100%;*/
  }

  .card-details {
      padding: 24px 4px 24px 27px;
  }

  span.pull-left img {
      width: 20px;
      margin-right: 14px;
  }

  img.addadcalBtn {
      width: 30px;
      height: 30px;
  }

  img.calender-small {
      margin-right: 8px;
      width: 16px;
      vertical-align: text-top;
  }

  .addcl-me {
      border: 1px solid #ff9900;
      border-radius: 5px;
      color: #ff9900;
      padding: 5px 20px;
      margin-right: 10px;
  }

  img.clock1 {
      width: 20px;
      margin-right: 15px;
      margin-left: 5px;
      vertical-align: text-top;
  }

  .group-icons {
      margin-bottom: 38px;
      margin-top: 27px;
  }

  .more-info p {
      font-size: 12px;
      margin-left: 4px;

  }

  span#basic-addon2 {
      background: #00aaad;
      padding: 9px 5px;
      border-radius: 0px 5px 5px 0px;
      border: 1px solid #00aaad;
      cursor: pointer;
  }

  input.form-control.search-box {
      height: 44px;
  }

  .att-info {
      margin-top: 60px;
  }

  .inp-grp {
      width: 90%;
      margin-bottom: 13px;
      margin-top: 18px;
  }

  .inp-grp input,
  .inp-grp input:focus {
      border: 1px solid #4f4c3f;
      border-radius: 5px;
  }

  .feedback {
      margin-top: 30px;
      /*text-align: center;*/
  }

  .feedback .btn {
      color: #ff9900;
      border: 1px solid #ff9900;
  }

  .btn-default:hover {
      color: #ff9900 !important;
      border-color: #ff9900 !important;
      background-color: #ffffff;
  }

  .inp-grp input,
  .inp-grp input:focus {
      border: 1px solid #4f4c3f;
      border-radius: 5px;
  }

  .feedback {
      margin-top: 20px;
      color: #2e676d;
      font-weight: bold;
      font-size: 15px;
      /*text-align: left;g*/
      /*text-align: center;*/
  }

  .feedback .btn {
      color: #ffffff !important;
      background-color: #008FE2 !important;
      border: 1px solid #008FE2 !important;
  }

  img.menu-img1 {
      vertical-align: top;
      margin-right: 21px;
  }

  img.menu-img2 {
      width: 15px;
      margin-right: 26px;
      vertical-align: top;
  }

  img.menu-img3 {
      margin-right: 21px;
      vertical-align: text-top;
  }

  #dashboard div#header {
      padding: 0 3%;
  }

  ul.nav.navbar-nav.nav-cus {
      margin-left: 4%;
  }

  .more-info {
      margin-top: 0%;
  }

  .feedback .btn-group-lg>.btn,
  .btn-lg {
      /*padding: 10px 52px;*/
  }

  .pro-fic {
      text-align: center;
      margin-top: 8%;
      margin-bottom: 8%;
      position: relative;
  }

  a.navbar-brand {
      font-family: 'Roboto', sans-serif;
      color: #fff !important;
  }

  .pro-fic h5 {
      font-size: 16px;
      color: #ffffff;
      margin-top: 27px;
  }

  input[type=file] {
      display: none;
  }

  img.dp {
      margin-top: 8px;
      width: 50px;
      height: 50px;
      border-radius: 50%;
  }

  .fa-camera {
      padding-right: 10px;
  }

  span.sm-d {
      font-family: 'Roboto', sans-serif;
  }

  .topic-headlne {
      display: inline-block;
      font-size: 18px;
      /* border-bottom: 1px solid #00aaad; */
      font-weight: bold;
      color: #20888a !important;
      margin: 10px;
      font-weight: bold;
      font-family: 'Poppins', sans-serif;
  }

  hr {
      border-top: 1px solid #c1bcbc;
      margin-top: 14px;
      margin-bottom: 14px;
  }

  .hr-active {
      border-top: 1px solid #d49f7a;
  }

  .change_pic {
      padding: 4px 0px;
      border-radius: 50%;
  }

  /*span.adcal {
    padding-left: 13%;
}*/
  @media (max-width: 992px) {
      body {
          padding-top: 0px;
      }
  }

  @media (min-width: 992px) {
      #main-wrapper {
          /*float:right;*/
      }
  }

  @media (max-width: 992px) {
      #main-wrapper {}
  }

  @media (max-width: 992px) {
      #sidebar-wrapper {
          /*position: static;
        border-right:0;*/
      }

      img.dp {
          width: 100px;
          height: 100px;
          border-radius: 50%;
      }

      .pro-fic h5 {
          font-size: 14px;
          color: #ffffff;
          margin-top: 27px;
      }

  }

  .footer {
      background-color: #ffffff !important;
      bottom: 0 !important;
      position: fixed !important;
      /*padding:10px;*/
      right: 0 !important;
      left: 261px;
      color: #176893 !important;
  }

  #dashboard .navbar-default {
      /* background-color: #4AC29A; */
      /* background: linear-gradient(to right, #008FE2 , #00B29C); */
      background: linear-gradient(to right, #163a4f, #00B29C);
      min-height: 80px !important;
      /* background-color: #e4e0de; */
      /*border-color: #4ac29a;*/
  }

  .list-g .list-group-item {

      padding: 10px 10px;
      /*margin: 10px;*/
  }

  .nav.list-group .list-g .list-group-item .nav>li>a:focus,
  .nav>li>a:hover,
  .nav>li>a:active {
      text-decoration: none;
      background-color: #bbbbbb;

  }

  .nav>li>a:hover {
      background: transparent;
      border: 2px solid #4ac29a;
  }

  .list-group-item {

      border: 0px solid #ddd;
  }

  .list-g a.list-group-item:focus,
  a.list-group-item:hover,
  button.list-group-item:focus,
  button.list-group-item:hover {
      color: #00B29C !important;
      text-decoration: none;
      background-color: #2e261b;
      border: 0px solid #00B29C !important;
      border-radius: 4px;
  }

  .list-g li.active a.list-group-item {
      color: #00B29C !important;
      text-decoration: none;
      /* background-color: #4ac29a; */
      border-right: 5px solid #00B29C !important;
  }

  .list-group-item:last-child {
      margin-bottom: 0;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
  }

  .list-group-item:first-child {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  span.text-btm {
      display: block;
      margin-top: 26%;
      text-align: center;
      margin-left: -30px;
      color: #ffffff;
  }

  h5.font-chnage {
      font-size: 20px;
      /* margin-left: 7px; */
      margin-bottom: 4px;
      font-weight: bold;
      color: gray;
  }

  h5.dept {
      font-size: 15px;
      color: gray;
      margin-top: 0;
      font-weight: bold;
      font-family: 'robotolight_italic';
  }

  .col-sm-6.pull-rgt {
      text-align: right;
      font-size: 12px;
  }

  .col-sm-6.pull-lft {
      text-align: left;
      font-size: 12px;
  }

  img.loc {
      width: 12px;
      margin-right: 5px;
      margin-left: 5px;
      vertical-align: middle;
  }

  img.clock {
      width: 20px;
      margin-right: 15px;
      vertical-align: text-top;
  }

  .use-info {
      float: left;
  }

  .cv-vw {
      position: relative;
      top: 10px;
      left: 16px;
  }

  /* scroll */
  .card-group-item::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background: rgba(245, 245, 245, 0);
  }

  .card-group-item::-webkit-scrollbar {
      width: 12px;
      background: rgba(245, 245, 245, 0);
  }

  .card-group-item::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #555;
  }

  .card-group-item {
      float: left;
      height: 658px;
      width: 100%;
      background: rgba(245, 245, 245, 0);
      overflow-y: scroll;
      overflow-x: hidden;
  }

  .faculty-card-group-item {
      float: left;
      height: 306px;
      width: 100%;
      background: rgba(245, 245, 245, 0);
      overflow-y: scroll;
      overflow-x: hidden;
  }

  .side-card-group-item {
      /*position: relative;*/
      float: left;
      height: 90vh;
      width: 100%;
      background: rgba(245, 245, 245, 0);
      overflow-y: auto !important;
  }

  .side-card-group-item::-webkit-scrollbar {
      width: 8px;
  }

  .side-card-group-item::-webkit-scrollbar-track {
      background-color: #2e2e2e;
  }

  .side-card-group-item::-webkit-scrollbar-thumb {
      background-color: #dedede;
      /*  border-radius: 3px; */
  }

  .right-bg-col::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background: rgba(245, 245, 245, 0);
  }

  .right-bg-col::-webkit-scrollbar {
      width: 12px;
      background: rgba(245, 245, 245, 0);
  }

  .right-bg-col::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
      background-color: #555;
  }

  .right-bg-col {
      /*overflow-y: scroll;*/
      overflow-x: hidden;
  }



  span.badge.spbadg {
      position: absolute;
      right: 3px;
      top: 12px;
  }

  a.notif {
      position: relative;
  }


  @media only screen and (min-width: 768px) and (max-width: 991px) {
      /*#sidebar-wrapper {
    margin-left: -8px;
    left: 8px;
    width: 200px;
}*/

      img.loc {
          width: 13px;
      }

      img.clock {
          width: 14px;
      }

      .col-sm-6.pull-rgt {
          font-size: 11px;
          padding-left: 0;
      }

      .col-sm-6.pull-lft {
          font-size: 11px;
          padding-right: 0;
      }

      h5 {
          font-size: 12px;
      }

      .topic-headlne {
          display: inline-block;
          font-size: 14px;
      }

      .card-details {
          padding: 17px 17px 17px 13px;
      }

      /*img.add {
    width: 30px;
    height:30px;
    margin-right: 2px;
}*/
      span.adcal {
          font-size: 11px;
      }

      img.calender-small {
          margin-right: 4px;
          width: 14px;
      }

      span.sm-d {
          font-size: 12px;
      }

      /*.card-list-header span.pull-right img {
    width: 22px;
    position: relative;
    top: -22px;
}*/
      span.pull-left img {
          width: 18px;
          margin-right: 14px;
      }

      .inp-grp {
          width: 100%;
          margin-bottom: 13px;
          margin-top: 18px;
      }

      .feedback .btn-group-lg>.btn,
      .btn-lg {
          padding: 10px 72px;
      }


      .event_filter_input {
          border: none !important;
          background: transparent;
          outline: none !important;
          color: #333;
          display: none;
      }

      .mr5 {
          margin-right: 5px;
      }

      .card-list-header span.pull-right img {
          width: 22px;
          position: relative;
          /*top: -22px;*/
      }

      .m0 {
          margin: 0;
      }

      .adcalBtn,
      .adcalBtn:hover {
          padding: 0;
          border-radius: 50%;
          margin-right: 5px;
          color: #333 !important;
      }

      .detail_close_btn {
          display: none;
      }

      .createvent {
          margin-right: 5px;
      }

      #createvent {
          color: #333 !important;
          padding-right: 10px;
      }

      #createvent:hover {
          color: #aaa;
      }

      /* Smartphones (portrait and landscape) ----------- */
      @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
          #navTwo li {

              width: 50%;
              border-right: 3px solid #E7E4E4;
          }

          #main-wrapper {
              height: 100%;
              overflow-y: auto;
              /*padding: 50px 0 0px 0;*/
              /*margin-left: 0px !important;*/
          }

          #sidebar-wrapper {
              z-index: 20;
              /* background-color: rgba(77, 68, 59, 1); */
              background-color: rgba(77, 68, 59, 1);
              left: -180;
          }

          .home_container .right-bg-col {
              background: #ffffff;
              position: fixed;
              right: 5px;
              left: 5px;
              height: 100%;
              top: 55px;
              bottom: 0;
              display: none;
          }

          .detail_close_btn {
              position: absolute;
              right: 7px;
              top: 4px;
              padding: 2px 8px;
              font-weight: 600;
              border-radius: 50%;
              background-color: #49413a;
              color: #fff;
              cursor: pointer;
              display: block;
          }
      }


      /* iPhone 5 (portrait & landscape)----------- */
      @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
          #main-wrapper {
              height: 100%;
              overflow-y: auto;
              /*padding: 50px 0 0px 0;*/
              margin-left: 0px;
          }

          #navTwo li {
              border-right: none;
              border-left: 3px solid #E7E4E4;
              min-width: 100%;
          }

          #nav-two-ul {
              text-align: center;
          }

          /* #nav-two-ul li{
        left: 180px;
    } */
          #sidebar-wrapper {
              z-index: 100;
              background-color: #163f52;
              left: -180;
          }

          .home_container .right-bg-col {
              background: #ffffff;
              position: fixed;
              right: 5px;
              left: 5px;
              height: 100%;
              top: 55px;
              bottom: 0;
              display: none;
          }

          .detail_close_btn {
              position: absolute;
              right: 7px;
              top: 4px;
              padding: 2px 8px;
              font-weight: 600;
              border-radius: 50%;
              background-color: #49413a;
              color: #fff;
              cursor: pointer;
              display: block;
          }
      }

      /*.main_margin_left_0{
    margin-left:0px;
}
.main_margin_left_180{
    margin-left:180px;
}
.sidemenu_width_180{
    width:180px ;
}
.sidemenu_width_0{
    width:0px;
}
*/
      .menu-btn {
          margin: 18px 0 0 0;
      }

      .navbar-brand {
          text-align: center;

          /*width:180px;*/
      }

      .navbar-form .input-group input {
          border: none;
          background-color: transparent;
          box-shadow: none;
          border-bottom: 1px solid #fff;
          border-radius: 0;
      }

      .input-login-group input {
          border: none;
          background-color: transparent;
          box-shadow: none;
          border-bottom: 1px solid #fff;
          border-radius: 0;
      }


      .eventCreateBtn {
          color: #333;
          margin: 0;
          padding: 0px 0;

      }

      .eventCreate {
          border: 1px solid gray;
          border-radius: 5px;
          color: #ffffff !important;
          padding: 7px 20px;
          margin-left: 0px;
          margin-bottom: 10px;
          background-color: gray;
          text-decoration: none;

      }

      .eventCreateBackBtn {
          color: #333;
          margin: 0;
          padding: 10px 15px;
          margin-bottom: 8px;
          border-bottom: 1px solid #ddd;
      }

      .dropdown-toggle.btn-default,
      .dropdown-toggle.btn-default.focus,
      .dropdown-toggle.btn-default:focus,
      .dropdown-toggle.btn-default:hover {
          background-color: #fff !important;
          box-shadow: none !important;
          border: 1px solid red !important;
      }

      .dropdown-menu>.active>a,
      .dropdown-menu>.active>a:focus,
      .dropdown-menu>.active>a:hover {
          color: #333;
          text-decoration: none;
          background-color: #f5f5f5;
          outline: 0;

      }

      .create_event_container {
          height: 86vh;
          width: 100%;
          overflow-y: auto;
          padding: 15px 15px 0px 15px;
      }

      /*Scroll for event create page*/
      .create_event_container::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
          border-radius: 10px;
          background: rgba(245, 245, 245, 0);
      }

      .create_event_container::-webkit-scrollbar {
          width: 12px;
          background: rgba(245, 245, 245, 0);
      }

      .create_event_container::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
          background-color: #555;
      }

      .pd30 {
          /* padding:50px !important;*/
          /* margin : 20px;*/
          padding: 30px !important;

      }

      .create_event_container textarea {
          height: 80px;
          max-height: 80px;
      }

      .mt20 {
          margin-top: 20px;
      }

      .page-header {
          color: #333;
          margin: 0;
          font-size: 17px;
          padding: 10px 15px;
          padding-bottom: 10px;
          border-bottom: 1px solid #ddd;
      }

      .feedback-hint {
          border: 1px solid #c1c1c1;
      }

      .feedback_container input[type=radio] {
          margin-left: -2px;
      }

      .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
          background: #238c68 !important;
      }

      .dtp div.dtp-date,
      .dtp div.dtp-time {
          background: #4ac29a !important;
      }

      .dtp .p10>a {
          color: #ffffff;
      }

      .dtp .p10>a>.fa {
          font-size: 24px;
      }

      .dtp table.dtp-picker-days tr>td>a.selected {
          background: #4ac29a;
      }

      .form-group textarea {
          max-width: 100% !important;
      }

      .innovate-form label {
          color: #4f4c3f;
      }

      .heading {
          font-size: 10px;
          color: gray !important;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          font-weight: bold !important;

      }

      .main_heading {

          padding-left: 50px;
          padding-bottom: 5px;
          color: #333;
          font-size: 18px;
          font-family: 'Helvetica', sans-serif;
          font-weight: bold;
      }

      .pfl {
          /*background-color: #4AC29A;*/
          padding-left: 50px;
          color: #333;
          font-size: 18px;
          border-bottom: 1px solid #ddd;
          font-family: 'Helvetica', sans-serif;
          font-weight: bold;
      }

      .hdr {
          padding-top: 10px;
          padding-left: 50px;
          padding-bottom: 30px;
          margin-top: 20px;
          color: #333;
          font-size: 18px;
          border-bottom: 1px solid #ddd;
          font-family: 'Roboto', sans-serif;
          font-weight: bold;
      }


      .h5 {
          padding-top: 10px;
          padding-left: 50px;
          padding-bottom: 10px;
          margin-top: 0px;
          color: #000000;
          font-size: 18px;
          text-align: center;
      }

      .innovate-form label {
          color: #4f4c3f;
      }

      .innovate-form .form-control,
      .innovate-form.form-control:focus {
          border: 1px solid #4f4c3f;
          border-radius: 0;
      }

      .list-g li i {
          font-size: 17px;
          margin-right: 5px;
      }

      .change_pic_container {
          position: absolute;
          bottom: 30px;
          right: 25px;
          font-size: 10px;
          color: #fff;
      }

      .change_pic {
          background: #fff;
          padding: 4px 6px;
          border-radius: 50%;
          color: #4f4c3f;
      }

      .change_pic #file_input {
          display: none;
      }

      .dtp-btn-cancel {
          margin-right: 2% !important;
      }

      #btn-colr {
          line-height: 2 !important;
          background: #4AC29A;
          color: #fff;
      }

      .search-btn {
          width: 33px;
      }

      #user-name {
          color: #fff;
      }

      #feedback {
          margin: 0 !important;
          padding: 5px;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 20px;
      }

      #side-card-item {
          padding: 5px 0px !important;
          overflow-x: hidden;
      }

      .mainDiv {
          height: 620px;
          overflow-y: auto !important;
          overflow-x: hidden;
          padding: 0 5px;
          padding-bottom: 20px;
      }

      .glyphicon {
          color: #4AC29A;
      }





      .glyphicon:hover {
          color: #4AC29A !important;
      }

      a.navbar-user {
          font-family: 'Roboto', sans-serif;
          color: #fff !important;
          border-right: 1px solid #22a277;
          font-weight: bold;
      }

      a.navbar-logout {
          font-family: 'Roboto', sans-serif;
          color: #fff !important;

      }

      a.navbar-portfolio {
          font-family: 'Roboto', sans-serif;
          color: #fff !important;
          border-right: 1px solid #22a277;

      }


      .CustomHeadClass,
      .CustomHeadClass a {
          background: #f3f3f3;
          color: #000 !important;
      }



      .popupComment {
          /*color: #333 !important;*/
          font-weight: bold;
          text-decoration: none;
      }

      .popupComment:hover {
          color: #337ab7 !important;
          text-decoration: none;
      }

  }

  a:hover {
      color: #337ab7 !important;
      text-decoration: none;
  }

  .instructionBtn {
      color: #4AC29A;
  }

  .instructionBtn:hover {
      color: #4AC29A !important;
  }

  .table_data {
      position: relative;
  }

  .summary {
      bottom: 45px !important;
      /* left: 0; */
      float: right !important;
      right: 38px !important;
  }

  .th {
      border-right: 2px solid #000;
  }



  .btn-success {
      color: #fff;
      background-color: #4AC29A;
      border-color: #4AC29A;
  }


  #w3 a:hover {
      background-color: transparent !important;
      color: #000 !important;
  }



  .my_credit {

      font-size: 30px;
      font-weight: bold;
      color: red;
      font-family: 'Poppins', sans-serif;
      letter-spacing: 2px;
  }

  .my_heding {
      font-weight: bold;
  }

  #w0-cols {
      display: none;
  }

  /* export dropdown */

  .dropbtn {
      margin-right: 100px;
      background-color: #065d86 !important;
      border-color: #065d86;
      color: #fff;
      width: 180px;
      padding: 8px;
      font-family: 'Poppins', sans-serif;
      text-align: center;
      border-radius: 5px;
      margin-left: 2%;
      /* margin-top: 20px;*/
  }

  @media only screen and (max-width: 991px) {
      .dropbtn {
          margin-left: 8%;
      }
  }

  .dropbtn:hover {
      margin-right: 100px;
      background: #167172;
      border-color: #167172;
      color: #fff;
      width: 180px;
      padding: 8px;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      border-radius: 5px;
      margin-left: 2%;
      /* margin-top: 20px;*/
  }

  .dropdown {
      position: relative;
      display: inline-block;
      left: 5px;
      margin-top: 24px;
  }

  .dropdown-content {
      margin-left: 20px;
      width: 180px;
      display: none;
      position: absolute;
      background-color: #ffffff;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
  }

  .dropdown-content a {
      font-family: 'Roboto', sans-serif;
      color: #ffffff;
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
  }

  .dropdown-content a:hover {
      background-color: #bbbbbb;
  }

  .dropdown:hover .dropdown-content {
      display: block;
  }

  .dropdown:hover .dropbtn {
      background-color: #167172;
  }


  /*  notification style*/

  .notification[data-count]:after {
      position: absolute;
      /*right:61%;*/
      top: 4%;
      content: attr(data-count);
      font-size: 30%;
      padding: .6em;
      border-radius: 100%;
      line-height: .75em;
      color: red;
      background: red;
      text-align: center;
      min-width: 2em;
      font-weight: bold;
      z-index: 1;
  }


  /* Notification dropdown style */

  #notificationContainer {
      background-color: #e6e6e6;
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      overflow: visible;
      position: absolute;
      top: 70px;
      margin-left: -140px;
      width: 416px;
      z-index: 1;
      display: none;
      overflow: auto;
      border-radius: 10px;
      max-height: 435px;
      right: 0px;

  }

  html {
      overflow-y: auto;
      overflow-x: hidden;
      background-color: transparent !important;
  }

  /* optional: show position indicator in red */
  /* ::-webkit-scrollbar-thumb {
      background: #4ac29a;  
} */

  #notificationTitle:before {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      color: transparent;
      /*border: 10px solid black;
border-color: transparent transparent #008FE2;*/
      margin-top: -28px;
      margin-left: 155px;
      min-height: 50%;
  }

  #notificationTitle {
      font-weight: bold;
      padding: 8px;
      font-size: 13px;
      background-color: #4AC29A;
      background: linear-gradient(to right, rgb(18, 81, 94), #1f8881);
      background: linear-gradient(to right, rgb(18, 81, 94), #1f8881);
      /*position: fixed;*/
      z-index: 1;
      /*width: 400px;*/
      border-bottom: 1px solid #008FE2;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #ffffff;
  }

  #notificationsBody {
      padding-top: 16px;
      min-height: 100px;

  }

  #notificationFooter {
      background-color: #008FE2;
      text-align: center;
      font-weight: bold;
      padding: 8px;
      font-size: 12px;
      border-top: 1px solid #008FE2;
  }

  #notificationLink {
      padding-right: 21px;
      border-right: 1px solid #ddd;
      margin-right: 15px;
      padding: 15px;
  }

  .notificationCard {
      padding: 3% !important;
      background: #f7f7f7 !important;
      margin-bottom: 9px !important;
      margin-top: 1px !important;
      margin-left: 10px !important;
      border-radius: 7px !important;
      border: 0.5px solid #337ab7 !important;
      width: 383px !important;
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .2);

  }

  #profileDropDownLink {
      padding-top: 5px !important;
  }

  #profileDropDownContainer {
      background: linear-gradient(to right, #00B29C, rgb(0, 173, 226));
      color: #ffffff !important;
      padding-left: 10px;
      padding-bottom: 10px;
      -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
      overflow: visible;
      position: absolute;
      top: 70px;
      right: -1%;
      width: 215px;
      z-index: 1;
      display: none;
      overflow: auto;
      border-radius: 4px;
      max-height: 435px;
      font-size: 16px;

  }


  .fa-bell {
      color: #ffffff;
  }


  /* font padding */
  .fa-map-marker:before {
      margin: 5px;
  }

  .fa-clock-o:before {
      margin: 5px;
  }

  .nopadding .fa-calendar:before {
      margin: 5px;
  }

  #sidebar :before {
      /*color: #163a4f*/
  }

  #sidebar .active :before {
      /* color: #fff; */
  }

  .right-flt {
      float: right
  }

  .left-flt {
      float: left;
  }

  #table-card {
      padding-left: 0px !important;
      padding-right: 0px;
      padding-top: 10px;
      background: transparent;
      border: none;
      -webkit-box-shadow: none;
  }

  .table th>a {
      cursor: default !important;
  }

  .fa-edit {
      color: #4AC29A;
  }

  .tab-content input {
      margin-right: 10px;
      width: 50px;
      height: 40px
  }

  .tab-pane>.panel-tbl>.row {
      margin-bottom: 10px;
  }

  @media only screen and (max-width: 500px) {
      .nav-icons {
          background-color: #4AC29A;
          left: 0;
          top: 80px;
      }

      .nav-icons li {
          border-bottom: 1px solid #333;
          margin: 0px 50px 0px 50px;
      }

      .navbar-default .navbar-nav>li>a {
          width: 100% !important;
      }

      .navbar-nav {
          padding-left: 0px !important;
      }

      #sch-input {
          border-bottom: none;
      }

      .nav-icons a:nth-child(2) {
          width: 80%;
      }
  }


  .atc-style-blue .atcb-link,
  .atc-style-blue .atcb-link:hover,
  .atc-style-blue .atcb-link:active,
  .atc-style-blue .atcb-link:focus {
      border: 2px solid #173648;
      border-radius: 5px;
      color: #ffffff !important;
      padding: 5px 20px;
      margin-right: 10px;
      background-color: #163a4f;
      text-decoration: none;

  }

  #event_filter_input {
      border: 0px;
  }

  .multiselect+.btn-group .btn {
      color: #000 !important;
      width: 100%;
      text-align: left;
      border: 1px solid #ccc !important;
      border-radius: 0;
  }


  .fa-camera {
      padding-top: 40px;
      padding-right: 0px;
      z-index: 0;
      color: rgba(218, 250, 247, 0.726) !important;
  }

  .btn-innovate {
      width: 10%;
      padding: 8px !important;
  }

  .btn-innovate,
  .btn-innovate:hover {

      margin-right: auto;
      background: #167172;
      border-color: #167172;
      font-weight: bold;
      color: #fff !important;
      /*width: 180px;*/
      font-family: 'Roboto', sans-serif;
      text-align: center;
      /*margin-bottom: 15px !important;*/
  }

  .empty {
      text-align: center;
  }

  .multiselect-container {
      border: 1px solid #4f4c3f;
      border-radius: 0;
  }

  .multiselect-container>li a:focus {
      color: #000000 !important;
      text-decoration: none;
      background-color: #ffffff;
      outline: 0 !important;
  }

  .multiselect-container>li a:hover {
      color: #000000 !important;
      text-decoration: none;
      background-color: #ffffff;
  }



  .multiselect+.btn-group {
      width: 100%;
  }

  .multiselect+.btn-group .btn {
      color: #000 !important;
      width: 100%;
      text-align: left;
      border: 1px solid #ccc !important;
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #C7C5C5;
      background: rgba(86, 89, 93, 0);
      border-radius: 0px;
      box-shadow: none;
      color: #757575;
      font-family: 'Roboto', sans-serif;
  }

  .multiselect+.btn-group .btn:focus {

      border: 1px solid #4f4c3f;
      border-radius: 0;
  }

  .multiselect.dropdown-toggle b.caret {

      float: right;
      margin-top: 8px;
  }

  .multiselect-container>li>a>label {
      margin: 0;
      height: 100%;
      cursor: pointer;
      font-weight: 400;
      padding: 3px 20px 3px 40px;
      color: #000;
      background-color: #ffffff;
  }

  .create_event_container {

      width: 100%;
      overflow-y: auto;
      padding: 15px 15px 0px 15px;

  }

  .btn-default {
      color: #ff9900 !important;
      border: 1px solid #ff9900;
      background-color: #fff !important;
      position: relative;
      right: 32px;
  }

  .dropdown-menu {
      position: absolute;
      top: 44%;
      left: -69px;
      right: -16%;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 22px 64px 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      /* background-color: #fff; */
      /* -webkit-background-clip: padding-box; */
      /* background-clip: padding-box; */
      /* border: 1px solid #ccc; */
      /* border: 1px solid rgba(0,0,0,.15); */
      border-radius: 4px;
      /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }

  .event_filter_input {
      border: 0px solid !important;
  }


  .grid_table {
      /* padding: 20px;
    border:1px solid #b7b7b7;
    background-color: #FAFAFA;*/
  }

  .CustomHeadClass {
      border: 1px solid #999999;
  }

  .table-bordered>thead>tr>th,
  .table-bordered>tbody>tr>th,
  .table-bordered>tfoot>tr>th,
  .table-bordered>thead>tr>td,
  .table-bordered>tbody>tr>td,
  .table-bordered>tfoot>tr>td {
      border: 1px solid #999999;
  }

  .table-striped>tbody>tr:nth-of-type(odd) {
      background-color: #e6e6e6;
  }

  .table-striped>tbody>tr:nth-of-type(even) {
      background-color: #ffffff;
  }

  .credits {
      color: #337ab7 !important;
  }

  .dropdown-menu>li>a,
  .dropdown-menu>li>a :hover {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: #ffffff !important;
      white-space: nowrap;
  }

  .fa-lg,
  .fa-lg:hover {
      font-size: 1.33333333em;
      line-height: .75em;
      vertical-align: -15%;
      color: #163a4f !important;
      background-color: transparent #ffffff;
  }

  .list-group-item,
  .list-group-item:hover {
      /*  position: relative;
    display: block;
    padding: 8px 19px 6px 3px;
    margin-bottom: -1px; */

      background-color: rgba(245, 245, 245, 0) !important;
      /*border: 1px solid #ddd;*/
  }

  .events-form {
      background-color: #fff !important;
      border-radius: 4px;
      color: #8a8a8a;
      padding-top: 30px;
      /* border: 1px solid #fff !important; */
  }

  .pfl_hdr {
      padding-bottom: 10px !important;
      padding-left: 50px !important;
      font-size: 18px !important;
      color: #333 !important;
      border-bottom: 1px solid #ddd !important;
      /*  font-family: 'Helvetica', sans-serif !important;*/
      font-weight: bold !important;
  }

  .pfl_hdr2 {

      padding-left: 50px !important;
      font-size: 15px !important;
      color: #333 !important;
      /*font-family: 'Helvetica', sans-serif !important;*/
  }


  .login-body {
      background-color: #615f5f;
      height: 100vh;
  }



  .modal-body {
      position: relative;
      padding: 0px;
  }

  .panel-login-body {
      padding: 14px 30px !important;
      margin-top: 50%;
  }

  .input-login-group {
      margin-left: 10%;
      position: relative;
      display: table;
      border-collapse: separate;
      margin-bottom: 5%;
  }

  .login-error-msg {
      color: #ff4d4d;
      margin-left: 10%;
      font-size: 17px;
      margin-bottom: 2%;
  }

  .form-control {
      display: block !important;
      width: 100% !important;
      height: 34px !important;
      padding: 6px 12px !important;
      font-size: 14px !important;
      line-height: 1.42857143 !important;
      color: #696666 !important;
      background-color: #fff !important;
      background-image: none !important;
      /* border: 1px solid #ccc; */
      /* border-radius: 4px; */
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
      /*border: none !important;
      border-bottom: 1px solid #C7C5C5 !important;*/
      border: 1px solid #C7C5C5 !important;
    border-radius: 4px !important;
      background: rgba(86, 89, 93, 0) !important;
    /*  border-radius: 0px !important;*/
      box-shadow: none !important;
      color: #696666 !important;
      /* font-family: 'Roboto', sans-serif;*/
  }

  .has-success .form-control {
      border-color: #3c763d;
      -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0) !important;
      /*box-shadow: inset 0 0px 0px rgba(0,0,0,.0) !important; */
  }

  .login-content {
      color: #ffffff !important;
      /* margin-top: 25%; */
      /* margin-right: 40%; */
      font-size: 24px;
      /* margin-left: 10%; */
      /* opacity: 1; */
      /* z-index: 1; */
      position: absolute;
      /* font-family: 'Open Sans', sans-serif; */
      top: 50%;
      left: 10%;
      right: 10%;
  }

  /*.list-group-main {
    padding-left: 0;
    margin-bottom: 20px;
    padding: 16px; 
    list-style-type: none;
    text-decoration: none;
}*/

  .list-group-item:last-child {
      /*margin-bottom: 13px;*/
      /*border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;*/
      /*border-right: 2px solid green;*/
  }

  .navbar-default {
      /* background: linear-gradient(to right, #008FE2 , #00B29C); */
      background: linear-gradient(to right, #163a4f, #00B29C) !important;
      min-height: 70px !important;
      /* background-color: #e4e0de; */
      /* border-color: #4ac29a; */
  }

  .admin-panel {
      margin-top: 0%;
      border: none !important;
      margin: 0px !important;
      margin-left: 0px !important;
      margin-left: 0 !important;
      /*background-color: rgba(91, 178, 156, 0.08) !important; */
      border-radius: 0px !important;
      min-height: 0vh !important;
      padding: 0px !important;
  }


  /*.admin-panel {
    margin-top: 2%;
     border: none!important; 
     margin: 23px; 
     margin-left: 40px;  
    margin-left: 0; 
    background-color: rgba(91, 178, 156, 0.08) !important;
    border-radius: 4px !important;
    min-height: 88vh;
    padding: 14px 15px !important;
}
*/
  .admin-form-panel {
      margin-top: 0%;
      /* border: none!important; */
      /* margin: 23px; */
      /* margin-left: 40px; */
      background-color: #ffffff !important;
      border-radius: 4px !important;
  }

  .admin-sub-panel {
      margin-top: -1%;
      /* border: none!important; */
      /* margin: 23px; */
      /* margin-left: 40px; */
      background-color: #dbe7e8 !important;
      border-radius: 4px !important;
  }



  .admin-card-title {
      color: #FFFFFF;
      font-size: 16px;
      text-align: center;
      margin-bottom: 10%;
      margin-top: 10%;
      text-decoration: none;
  }

  hr {
      margin-left: -39px !important;
      margin-right: -39px !important;
  }

  .admin-welcome-text {
      margin-left: 6%;
  }

  .admin-welcome {
      color: #b3b3b3;
      font-size: 74px;
      font-weight: bold;
      letter-spacing: 0.0625em;

  }

  .admin-sub-text {
      font-size: 39px;
      color: #b3b3b3;

  }

  .admin-home-card {
      max-width: 100% !important;
      /* margin-left: 31%; */
      /* margin-top: 12%; */
      padding: 3%;
      /* margin-bottom: 9px; */
      border-radius: 4px;
      border: 1px solid #cececd;
      background: linear-gradient(to right, #115661, #115661);
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      <<<<<<< HEAD font-family: 'Poppins',
          sans-serif;
      =======font-family: 'Poppins', sans-serif;
      >>>>>>>1d117a56cc0d3951dcc7c17f2a989907529fee08
  }

  .admin-home-card-portfolio {
      max-width: 100% !important;
      /* margin-left: 31%; */
      /* margin-top: 12%; */
      padding: 7%;
      /* margin-bottom: 9px; */
      border-radius: 4px;
      border: 1px solid #cececd;
      background: linear-gradient(to right, #115661, #115661);
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }

  .admin-home-card-portfolio-cv {
      max-width: 100% !important;
      /* margin-left: 31%; */
      /* margin-top: 12%; */
      padding: 7%;
      /* margin-bottom: 9px; */
      border-radius: 4px;
      border: 1px solid #cececd;
      background: linear-gradient(to right, #8d9192, #8d9192);
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }


  .admin-home-card-cv-cme {
      max-width: 100% !important;
      /* margin-left: 31%; */
      /* margin-top: 12%; */
      padding: 7%;
      /* margin-bottom: 9px; */
      border-radius: 4px;
      border: 1px solid #cececd;
      background: linear-gradient(to right, #8d9192, #8d9192);
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  }





  .manage-form-content-card {
      max-width: 100% !important;
      padding: 7%;
      max-height: 72vh;
      overflow-y: auto;
      margin-bottom: 28px;
      border-radius: 4px;
      border: 1px solid #cececd;
      background: #FFFFFF;
      color: gray !important;
      cursor: pointer;
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      height: 400px !important;
  }

  .admin-row {
      margin-bottom: 23%;
      margin-top: 5%;
  }

  .admin-row-sub {
      margin-bottom: 18%;
      margin-top: 4%;
      width: 88%;
      /* width: 94%;
     position: relative; */
      /* left: 102px; */
      margin-left: 12%;
  }

  .manage-form-admin-row {
      margin-bottom: 1%;
      margin-top: 3%;
  }


  .interview-row {
      margin-bottom: 1%;
      margin-top: 3%;
  }

  i.fa.fa-users.user-list {
      font-size: 3.333333em;
      color: #ffffff;
  }

  i.fa.fa-user-plus.user-list {
      font-size: 3.333333em;
      color: #ffffff;
      margin-left: 10%;
  }

  .admin-card-title {
      color: #FFFFFF !important;
      font-size: 16px;
      /*font-weight: bold;*/
      text-align: center;
      margin-bottom: 0%;
      margin-top: -2%;
      text-decoration: none;
  }

  .admin-main-card-title {
      color: #FFFFFF !important;
      font-size: 14px;
      /*font-weight: bold;*/
      text-align: center;
      margin-bottom: 0%;
      margin-top: -2%;
      text-decoration: none;
      font-family: 'Poppins', sans-serif;
      padding: 20px;
  }

  .btn-admin-innovate,
  .btn-admin-innovate:hover {

      margin-right: 100px;
      background: #1f8982;
      border-color: #1f8982;
      font-weight: bold;
      color: #fff !important;
      /*width: 180px;*/
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 15px !important;
  }

  .suscription-btn {
      margin-top: 28px;
  }

  .head-text-main {
      color: #1f8982;
      font-weight: bold;
      font-size: 14px;
      margin-left: 10px;
      font-family: 'Poppins', sans-serif;

  }

  .form-control {
      border: 1px solid #dedede!important;
  }



  .home-cotent-info {
      /* border-top: 1px solid #d8d8d8; */
      margin-top: 15px;
  }

  .info-section {
      margin-top: 20px;
      color: #968e8e;
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
      text-align: justify;
      padding: 0 20px 0 20px;
  }

  .head-main-info {

      margin-top: 15px;

  }

  .main-div-class {
      border-top: 1px solid #d8d8d8;
      margin-top: 15px;
  }

  .h1,
  h1 {
      font-size: 36px;
      color: gray;
  }

  .pagination>.active>a,
  .pagination>.active>a:focus,
  .pagination>.active>a:hover,
  .pagination>.active>span,
  .pagination>.active>span:focus,
  .pagination>.active>span:hover {
      z-index: 3;
      color: #FFFFFF !important;
      cursor: default;
      background-color: #1f8982;
      border-color: #1f8982;
  }

  .profile_container {
      margin-top: 71px;
  }

  .profile-panel {
      border: none !important;
      /*margin: 23px;*/
      margin-bottom: 22px;
      margin-left: 3px;
      background-color: #dbe7e8 !important;
      border-radius: 4px !important;
  }

  .profile-img {
      /* border-bottom: 6px solid #616161; */
      width: 60%;
      /* position: relative; */
      /* left: 95px; */
      /* height: 193px; */
      display: block;
      margin: auto;
      border: 1px solid #dedede;
      padding: 20px;
      border-radius: 5px;
  }

  .profile-view-section {
      color: gray;
  }

  .btn-edit,
  .btn-edit:hover {

      margin-right: 100px;
      background: #1f8982 !important;
      border-color: #1f8982 !important;
      font-weight: bold;
      color: #fff !important;
      min-width: 125px;
      margin-top: 15px;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 15px !important;
  }


  #uploadPic,
  #uploadPic:hover {
      /* position: relative;
      left: 130px; */
      background: #1f8982 !important;
      border-color: #1f8982 !important;
      /* font-weight: bold; */
      color: #fff !important;
      /* min-width: 125px; */
      margin-top: 15px;
      /* font-family: 'Roboto', sans-serif; */
      /* text-align: center; */
      margin-bottom: 15px !important;
      width: 40px;
      height: 40px;
      border-radius: 25px;
      cursor: pointer;
  }


  #deletePic,
  #deletePic:hover {
      /*  position: relative;
      left: 165px; */
      background: #d9534f !important;
      border-color: #d9534f !important;
      color: #fff !important;
      margin-top: 15px;
      margin-bottom: 15px !important;
      width: 40px;
      height: 40px;
      border-radius: 25px;
      cursor: pointer;
  }

  #uplad_gliph {
      position: relative;
      top: 10px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      font-size: 20px;
      left: -5px;
      -webkit-font-smoothing: antialiased;
  }

  #remove_gliph {
      position: relative;
      top: 10px;
      display: inline-block;
      font-family: 'Glyphicons Halflings';
      font-style: normal;
      font-weight: 400;
      line-height: 1;
      font-size: 20px;
      -webkit-font-smoothing: antialiased;
      left: -5px;
  }



  .btn-cancel,
  .btn-cancel:hover {

      margin-right: 100px;
      background: #1f8982 !important;
      border-color: #1f8982 !important;
      font-weight: bold;
      color: #fff !important;
      min-width: 125px;
      margin-top: 15px;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 15px !important;
  }

  .btn-danger,
  .btn-danger:hover {
      color: #ffffff !important;
      background-color: #d9534f;
      border-color: #d43f3a;
      /*min-width: 46px;*/
  }

  a {
      color: #555 !important;
      text-decoration: none;
  }


  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
      background-color: transparent;
      opacity: 0.7 !important;

  }

  span.col-md-1.number {
      margin-top: 39px;
      margin-left: 33px;
      width: 60px !important;
      border-bottom: 1px solid #C7C5C5 !important;
  }


  .sub-list {
      margin-left: 38px !important;

  }

  .list-g div.active a.list-group-sub-item {
      color: #00B29C !important;
      text-decoration: none;
      margin-bottom: 20px !important;
      /* background-color: #4ac29a; */
      /*border-right: 5px solid #00B29C!important;*/
  }

  .sub-list-div {
      margin-bottom: 20px;
      margin-top: 15px;
  }



  .list-group-sub-item.active {
      color: #00B29C !important;
  }

  .list-group-sub-item:hover {
      color: #00B29C !important;
  }

  .list-group-sub-item i.fa.fa-square {
      font-size: 7px;
  }

  .data-set {
      color: #299b8d !important;
      font-size: 16px;
      text-align: left;
      margin-bottom: 4%;
      margin-top: -2%;
      text-decoration: none;
      display: flex;
  }

  .form-title {
      background-color: #115661;
      color: #FFFFFF !important;
      font-size: 17px;
      font-weight: bold;
      height: 20%;
      text-align: center;
      border-radius: 4px;
      padding: 8px;
  }

  .nav {
      padding-left: 0px !important;
  }

  .country-code {
      top: 13px;
      border-bottom: 1px solid #C7C5C5;
      font-weight: bold;
      right: -15px;
      background-color: #e8e8e8 !important;

  }

  #sidebar-main-wrapper {
      /* height: 100%; */
      background-color: #f8f8f8;
      /* padding: 50px 0 0px 0; */
      /* position: fixed; */
      width: 241px;
      top: 81px;
      left: 0;
      display: block;
      min-height: 100%;
      /* background-color: #78909c; */
      /* height: 100%; */
      position: fixed;
      transition: left .5s;
  }

  div#users-role_id {
      width: 100%;
      /* word-spacing: inherit; */
      word-spacing: 1em;
  }

  .switch {
      margin-left: 23px !important;
  }

  .support-pannel {
      margin-top: 2%;
      /* border: none!important; */
      margin: 23px;
      /* margin-left: 40px; */
      margin-left: 45px;
      background-color: #dbe7e8 !important;
      border-radius: 4px !important;
      /* min-height: 90vh; */
      padding-top: 34px !important;
  }

  .active-class {
      color: #0c860c;
      font-size: 17px;
      font-weight: bold;
      background-color: #e8e8e8;
      text-align: center;
  }

  .active-sub-class {
      color: gray;
      font-size: 17px;
      font-weight: bold;
      background-color: #e8e8e8;
      text-align: center;
      margin-right: 3px;
  }

  .has-error .form-control {
      border-color: #a94442;
      -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
      box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
  }

  .btn-main,
  .btn-main:hover {
      background: #1f8982 !important;
      border-color: #1f8982 !important;
      font-weight: bold;
      color: #fff !important;
      min-width: 125px;
      margin-top: 15px;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 15px !important;
  }



  .admin-panel2.panel-body.pd30 {
      margin-top: 10px;
      /* margin-bottom: -30px; */
  }

  .login-container {
      /* top: 35% !important;
      position: absolute; */
  }

  img.login-logo-img {
      /* left: 17% !important;
      position: relative !important; */
      width: 30%;
      display: block;
      margin: 2% auto;
  }


  .graph-header-content-div.col-xs-12.col-sm-6.col-md-8 {
      top: 30vh;
      left: 33%;
      position: absolute;
  }

  .graph-header-sub-content-div {
      top: 63vh;
      left: 33%;
      position: absolute;
  }

  @media (max-width: 992px) {
      img.dp {
          width: 60px;
          height: 60px;
          border-radius: 50%;
      }
  }

  div#selected_role label {
      background: #1e8882;
      padding: 10px;
      border-radius: 4px;
      margin-right: 10px;
      color: #ffffff;
      width: 30%;
      margin: 12px;
  }

  .plan-popup {
      height: 100vh;
      background: url(../img/Login_bg.png) no-repeat;
      position: relative;
      height: 100vh;
      width: 100%;
      position: relative;
  }

  .plan_main_card {
      background-color: #333333;
      padding: 4% 3% 3%;
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 8px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: #FFFFFF;
  }

  .radio-green [type="radio"]:checked+label:after {
      border-color: #00C851;
      background-color: #00C851;
  }

  /*Gap*/

  .radio-green-gap [type="radio"].with-gap:checked+label:before {
      border-color: #00C851;
  }

  .radio-green-gap [type="radio"]:checked+label:after {
      border-color: #00C851;
      background-color: #00C851;
  }

  .radio-btn {
      background: #1e8882;
      padding: 5px;
      border-radius: 4px;
      margin-right: 10px;
      color: #ffffff;
      cursor: pointer;
  }

  div#plan_range label {
      background: #1e8882;
      padding: 10px;
      border-radius: 4px;
      margin: 30px;
      color: #ffffff;
      font-weight: bold;
      font-size: 17px;
      cursor: pointer;
  }


  section.payment-detail {
      background-image: url(../img/Login_bg.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 100vh;
      /* width: 100%; */
      /* position: relative; */
      display: inline-block;
      width: 100%;
      padding: 2% 0;
  }

  .payment-detail .login_card {
      background-color: #333333;
      padding: 4% 3% 3%;
      position: relative;
      /* top: 50%; */
      left: 50%;
      border-radius: 8px;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      transform: translateX(-50%);
  }

  .payment-center-block {
      display: block;
      margin-right: auto;
      margin-left: auto;
  }

  .pay-data.col-md-6.col-xs-12 {
      color: rgba(255, 255, 255, 0.8);
  }

  .pay-data.col-xs-12 {
      color: rgba(255, 255, 255, 0.8);
  }

  .pay-data.plan-data.col-xs-12 {
      /* margin-right: 100px; */
      padding: 10px;
      background: #1c4546;
      font-size: 18px;
      border-color: #1c4546;
      border-radius: 4px;
      font-weight: bold;
      color: #fff !important;
      width: 341px;
      font-family: 'Roboto', sans-serif;
      text-align: center;
      /* margin-bottom: 15px !important; */
  }

  label.plan_heading {
      border-bottom: 1px solid #9e9d9d;
      padding: 10px;
      width: 100%;
  }

  span.col-md-6.col-xs-16.left-plan {
      border-right: 1px solid #929292;
      margin: 0px;
  }

  .col-sm-9.forgot-pass {
      color: #FFFFFF;
      text-align: right;
  }

  a.set-pass {
      transition: 0.3s ease;
      color: #fffdfd !important;
      text-decoration: none;
      /*  border: 1px solid #35886cd4; */
      padding: 10px;
      display: block;
      width: 100%;
      clear: both;
      /*  margin: auto; */
      text-align: center;
      /* background-color: #35886cd4; */
      /*   border-radius: 5px;
      height: 38px; */
  }

  a.set-pass:hover {
      cursor: pointer;
      color: #fff !important;
  }

  .error {
      color: #a94442 !important;
  }

  .success {
      color: #c3e2c3 !important;
  }

  input#confirmpassword-email {
      color: #e0e0e0;
      font-size: 17px;
  }

  input#confirmpassword-new_password {
      /* font-size: 17px; */
      color: #e0e0e0;
      font-size: 17px;
  }

  input.form-control.field-cotrl.login-input {
      color: #e0e0e0;
      font-size: 17px;
  }

  button.btn.btn-innovate.text-center.bill-btn {
      margin-top: 30px;
  }

  a.tab-box {
      width: 164px !important;
  }

  .graph-header-content-div.col-xs-12.col-sm-12.col-md-12 {
      position: relative;
      left: 147px;
      top: 140px;
  }

  .payment-detail .steps ul {
      text-align: center;
      margin: 3% 0;
  }

  .list-inline {
      padding-left: 0;
      margin-left: -5px;
      list-style: none;
  }

  .payment-detail .steps ul li {
      vertical-align: middle;
      color: white;
  }

  .list-inline>li {
      display: inline-block;
      padding-right: 5px;
      padding-left: 5px;
  }

  .payment-detail .steps ul .middle {
      border-bottom: 2px solid #fff;
      width: 15%;
      margin: -18px -10px 0 -12px;
  }

  .payment-detail .steps ul li {
      vertical-align: middle;
      color: white;
  }

  .payment-detail .steps ul .circle {
      border: 2px solid #fff;
      height: 35px;
      width: 35px;
      vertical-align: middle;
      border-radius: 50%;
  }

  .payment-detail .steps ul .circle i {
      display: none;
  }



  .payment-detail .steps ul .active i {
      display: block;
      background-color: #399a8f;
      color: #fff;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      text-align: center;
      line-height: 24px;
      margin: 3px auto;
  }

  input#email {
      font-size: 18px;
  }

  span.beta-tag {
      background-color: #ffffff;
      /* width: 95px; */
      /* height: 30px; */
      left: 40px;
      position: relative;
      top: 19px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #7b7373 !important;
      /* padding: 5px; */
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 13px;
      /* min-width: 145px !important; */
  }

  .scrollable {
      position: relative;
      right: 0px;
      left: 0px;
  }

  .scrollable_admin {
      position: relative;
      right: 0px;
  }

  .my-interview-schedule.pd20.panel-tbl {
      border: none !important;
      /*background-color: #dbe7e8 !important;*/
      border-radius: 4px !important;
      margin: 5%;
      padding: 29px;
  }


  span.notification.has-badge {
      position: relative;
      left: 35px;
  }

  a#ExportPublicationBtn {
      /* right: -300px; */
      /* position: relative; */
  }

  .events-index {
      padding: 0px;
      padding-top: 30px;
  }

  input#datetimepicker4 {
      width: 110px;
      border: 1px solid #d4d4d4;
      /* margin-left: 61px; */
      position: relative;
      left: 8px;
      top: 50px;
  }

  .create-license .create-license:hover {
      z-index: 2;
      /* display: flex; */
      flex-basis: row-reverse;
      right: 0px;
      position: absolute;
      margin-right: 0px;

      background: #1f8982;
      border-color: #1f8982;
      font-weight: bold;
      color: #fff !important;
      /* width: 180px; */
      font-family: 'Roboto', sans-serif;
      text-align: center;
      margin-bottom: 15px !important;
  }

  a.create-license-button {
      /* position: relative;*/
      background: #167273;
      border: 1px solid #167273;
      padding: 10px;
      border-radius: 4px;
      color: #ffffff !important;
      font-weight: bold;
      right: 40px;
      top: 15px;
      z-index: 10;
  }

  .create-license-button:hover {
      /* position: relative;*/
      background: #167273;
      border: 1px solid #167273;
      padding: 10px;
      border-radius: 4px;
      color: #ffffff !important;
      font-weight: bold;
      right: 40px;
      top: 15px;
      z-index: 10;
  }

  .pager_class {
      width: 38px;
      background-color: #ffffff;
      color: #0050a2;
  }


  .zinnovLoader {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.2);
      z-index: 6000;
  }

  .zinnovLoader:after {
      display: show;
      content: '';
      background: url(../images/zinnovLoader.svg) 0 0 no-repeat;
      -webkit-background-size: 100%;
      -moz-background-size: 100%;
      background-size: 100%;
      width: 60px;
      height: 60px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -30px 0 0 -30px;
  }


  .interview_form_body {
      margin: 10px;
  }

  .count_style {
      color: #085008;
      font-weight: bold;
      font-size: 16px;
  }

  .datetimepicker123 {
      width: 100%;
      border-bottom: 1px solid #d4d4d4;
      /* margin-left: 61px; */
      /* position: relative; */
      left: 8px;
      top: 50px;
  }

  .exp_msg {
      color: #03acc7;
      font-weight: bold;
      font-size: 21px;
      text-align: center;
  }

  .valid_msg {
      color: red;
  }

  #sidebar .list-group-item {
      border: none !important;
      color: #fff !important;
      font-weight: 700;
      font-size: 13px;
      font-family: 'Poppins', sans-serif;

  }


  .col-sm-12.add_license_prfile {
      margin: 36px !important;
      position: relative;
      right: 37px;
      z-index: 10;
  }



  .event-content {
      position: absolute;
      /* right: 4px; */
      width: 463px;
      margin-right: 10px;
      background-color: #d1e5e6;
      border-radius: 4px;
      padding-top: 8px;
      padding-bottom: 10px;
  }

  .program_title {
      font-weight: bold;
      color: #138ab7;
      margin-bottom: 13px;
      padding: 10px;
      font-family: 'Poppins', sans-serif;
      font-size: 12px;
  }

  div#interviewscreeningform-screening_application_status label {
      background: #475b68;
      padding: 5px;
      border-radius: 4px;
      margin-right: 10px;
      color: #ffffff;
  }

  div#interviewscreeningform-applicant_grade label,
  div#interviewscreeningform-contact_director label,
  div#interviewscreeningform-skype_interview_status label {
      background: #1e8882;
      padding: 5px;
      border-radius: 4px;
      margin-right: 10px;
      color: #ffffff;
  }

  .side_bar_block {
      /* border: 1px solid #14676d; */
      margin: 10px;
      margin-top: 0px;
      /* border-radius: 4px; */
  }

  .pfl_hdr_head {

      /*padding-left: 50px !important;*/
      padding-bottom: 7px !important;
      color: #8a8a8a !important;
      font-size: 20px !important;
      /* border-bottom: 1px solid #ddd !important; */
      font-weight: bold !important;

      left: 20px;
  }


  .payment_data {
      display: block;
      width: 100%;
      height: 37px;
      padding: 3px 3px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #696666;
      background-color: #fff;
      background-image: none;
      /* border: 1px solid #ccc; */
      /* border-radius: 4px; */
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
      -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
      border: none;
      border-bottom: 1px solid #C7C5C5;
      background: rgba(86, 89, 93, 0);
      border-radius: 0px;
      box-shadow: none;
      color: #969393;
      font-size: 16px;
      /* font-family: 'Roboto', sans-serif; */
  }

  .notset {
      color: #b10000;
      font-weight: bold;
      text-align: center;
      font-size: 18px;
      padding: 18px;
  }

  .countdown-data {
      color: #f1f1f1;
      font-weight: bold;
      font-size: 20px;
      /* text-align: center; */
      position: absolute;
      left: 42%;
      bottom: 16px;
      /*background-color: #bf4545;*/
      padding: 10px;
      border-radius: 4px;
  }

  span.error-use {
      background-color: #b50d0d;
      padding: 10px;
      border-radius: 4px;
      color: #ffffff;
      font-weight: bold;
      font-size: 15px;
  }

  .head_data {
      border: 2px #000000 solid;
  }

  a.list-group-sub-item {
      color: #fff !important;
      font-weight: 600;
      font-family: 'Poppins', sans-serif;

  }

  #sidebar :before {
      /*color: #fff;*/

      /* padding-right: 5px;
    vertical-align: sub; */
  }

  .fa-dot-circle-o:before {
      font-size: 17px !important;
  }

  .fa-calendar:before {
      ffont-size: 20px;
  }

  .fa-home:before {
      font-size: 20px;
  }

  .fa-users:before {
      font-size: 20px;
  }

  .fa-user:before {
      font-size: 20px;
  }

  .fa-angle-down:before {
      font-size: 22px;
  }

  .custom-table-head {
      background-color: #218780 !important;
      color: #fff;

  }

  thead {
      background-color: #218780 !important;


  }

  .interview-management-index .breadcrumb {
      margin: -14px -15px;
      margin-bottom: 2%;
      background-color: white;
      padding: 8px 25px;
  }

  .table-striped thead tr:first-child {
      background-color: #218780 !important;
      color: #fff;
  }

  .table-striped th>a {
      color: #fff !important;
  }

  span.glyphicon.glyphicon-trash {
      color: #c53434;
  }

  .modal-header {
      text-align: center !important;
      color: #fff;
  }

  .btn-action-padd {
      padding: 15px;
  }

  .action-btn-head {
      padding: 0px;
      text-align: end;
  }

  .block-tbody-head {
      background-color: #208982 !important;
      color: #ffffff;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 5px;
      font-size: 16px;
  }


  .switch {
      position: relative;
      display: inline-block;
      width: 54px;
      height: 27px;
      margin-left: 0px !important;
  }

  .switch-lable {
      vertical-align: -webkit-baseline-middle;
      padding: 9px;
      font-size: 17px;
  }

  .switch input {
      opacity: 0;
      width: 0;
      height: 0;
  }

  .sliderSwitch {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #1e8882;
      -webkit-transition: .4s;
      transition: .4s;
  }

  .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #1e8882;
      -webkit-transition: .4s;
      transition: .4s;
  }

  .sliderSwitch:before {
      position: absolute;
      content: "";
      height: 19px;
      width: 20px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
  }

  .slider:before {
      position: absolute;
      content: "";
      height: 19px;
      width: 20px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
  }

  input:checked+.sliderSwitch {
      background-color: #ddd;
  }

  input:focus+.sliderSwitch {
      box-shadow: 0 0 1px #2196F3;
  }

  input:checked+.sliderSwitch:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
  }

  /* Rounded sliders */
  .sliderSwitch.round {
      border-radius: 34px;
  }

  .sliderSwitch.round:before {
      border-radius: 50%;
  }


  input:checked+.slider {
      background-color: #ddd;
  }

  input:focus+.slider {
      box-shadow: 0 0 1px #2196F3;
  }

  input:checked+.slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
  }

  /* Rounded sliders */
  .slider.round {
      border-radius: 34px;
  }

  .slider.round:before {
      border-radius: 50%;
  }

  .bootstrap-datetimepicker-widget table td span {
      background: #eee !important;
      color: #000 !important;
      height: auto !important;
  }

  td {
      text-align: center;
  }

  td img {
      width: 40px;
  }

  td a span img {
      width: initial;
  }

  .table-tabs {
      color: #208680 !important;
  }

  .slider-handle.round {
      background: #fff;
  }

  .dropDown-sidebar-img {
      height: 20px;
  }

  .bootstrap-datetimepicker-widget.dropdown-menu {
      height: auto;
      width: 247px !important;
  }

  .screening-btn {
      background-color: #337fcee0;
      border-color: #337fcee0;
  }

  .application-btn {

      background-color: #F4A460;
      border-color: #F4A460;
  }

  .align-block-next-nav {
      width: 50%;
      float: right;

  }

  .eventCreateBtn1 {
      margin-right: 100px;
      border-radius: 5px;
      background: #00B29C;
      border-color: #4AC29A;
      width: 180px;
      text-align: center;
  }

  /* .eventCreateBtn1 h5{
    font-family: 'Poppins', sans-serif;
  } */

  .acgme_table {
      width: 25%;
      margin-left: 10%;
  }

  .reportblockheadblock {
      margin-right: 2%
  }

  a.social-icons {
      border: 1px solid #FFFFFF;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      text-align: center;
      padding-left: 4px;
      background: #FFFFFF;
      color: #045d86 !important;
  }

  i.fa.fa-caret-left {
      color: #FFFFFF;
  }

  i.fa.fa-caret-right {
      color: #FFFFFF;
  }

  .dtp-picker-days thead tr th {
      color: #FFFFFF !important;
  }

  .grid_tbl_heading {
      background-color: #475c69;
      color: #ffffff;
      padding-top: 10px;
      padding-bottom: 10px;
      /* padding-left: 5px; */
      font-size: 16px;
      width: 100% !important;
  }

  .grid-view {
      margin-left: 0px;
      margin-right: 0px;
  }

  .content-block-faculty {
      /*position: relative;*/
      /*min-height: 81vh;*/
      margin-right: 2%;
      margin-bottom: 31px;
      margin-left: 2%;
      width: 90%;
      margin: auto;
      background-color: #ffffff;
      border-radius: 4px;
      -webkit-box-shadow: 0 7px 3px 0 rgba(0, 0, 0, .2);
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .2);
      padding-top: 10px;
      padding: 20px;
  }

  @media only screen and (max-width: 991px) {
      .content-block-faculty {
          margin-left: 6%;
      }
  }

  .panel {
      /*  position: relative;*/
      /*min-height: 81vh;*/
      margin-right: 2%;
      margin-bottom: 31px;
      margin-left: 2%;
      top: 26px;
      background-color: #ffffff;
      border-radius: 4px;
      -webkit-box-shadow: 0 7px 3px 0 rgba(0, 0, 0, .2);
      box-shadow: 0 2px 9px 0 rgba(0, 0, 0, .2);
      padding-top: 10px;
      padding: 20px;
  }

  .modal-content {
      /*position: absolute !important;*/
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: 6px;
      outline: 0;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  }

  .form-control {
      border: 1px solid #FFFFFF;
      border-bottom: 1px solid #bfbfbf;
  }

  small.dea_expiry_data {
      display: block;
      position: absolute;
      padding-right: 7px;
      color: #5f5d5d;
      font-size: 13px;
  }

  section.admin-row-sub-data {
      display: grid;
      /* position: relative; */
      margin: 2% !important;
  }

  .form-control {
      border: 1px solid #b7b7b7;
      border-radius: 10px;
  }