.input-group-text{ min-width:170px;}
a[role='button']{ cursor:pointer;}

table td{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height:40px;}

.my-table thead {
    background: #f3f4fb;
    border: 1px solid #f5f5f5;
}
.table.my-table td, .table.my-table th {
    padding: 1.35rem .75rem;
    vertical-align: middle;
    border-top: 0px solid #dee2e6;
}
.table thead th {
    border-bottom: 0px solid #dee2e6 !important;
}
.table-responsive .my-table tr:nth-child(even){
    background: #fcfcff;
    border-bottom: 1px solid #f5f5f5;
}
tr th:last-child, tr td:last-child {
    text-align: right !important;
}
.content{
    background: #fff;
}
.bgLight {
  background: #fffbf5;
}

.bgLighter {
  background: #eff1f9;
}

.text-blue {
  color: #29abe2 !important;
}

.bgBlue {
  background: #29abe2;
}

.bgWarning {
  background: #fbb03b;
}

.bgPrimary {
  background: #0071bc;
}

.accordion a {
  cursor: pointer;
}

.mh-75 {
  max-height: 60vh;
  overflow: auto;
}

.banner, .banner-inner {
  background: url(../img/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.banner-inner {
  background: url(../img/bg-inner.jpg);
}

.validInput {
  right: 0;
  left: auto;
  text-align: right;
  top: 50px;
}

.py-50 {
  padding: 125px 0;
}

.form-box .view-pass {
  top: 15px;
  right: 28px;
  left: auto;
  bottom: 0;
  opacity: 0.7;
  font-size: 18px;
  cursor: pointer;
}
.form-box .form-control {
  height: calc(1.5em + 1.45rem + 2px);
  border-color: #c9e7ff;
  border-radius: 0;
}
.form-box .form-control:focus {
  border-color: #80bdff !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-box .btn {
  padding: 0.8rem .75rem;
  text-transform: uppercase;
  background-color: #29abe2 !important;
  border-color: #29abe2;
}
.form-box .btn:hover {
  background-color: #128cbf !important;
}
.form-box .ico {
  bottom: 0;
  top: 16px;
  right: auto;
  font-size: 1.3rem;
  left: 0;
  color: #636363;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
    max-width: 1920px;
}
#sidebar ul li.active>a, a[aria-expanded="true"] {
    color: #fff;
    background: #1d93c5;
}
#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    color: #ffffff !important;
    text-decoration: none;
    padding-left: 1rem;
}
a[data-toggle="collapse"] {
    position: relative;
}
.sidebar {
        min-width: 250px;
    max-width: 250px;
    color: #fff;
    transition: all 0.3s;
    min-height: 100vh;
}
.content {
    width: 100%;
}


ul.menu > li{position:relative; display:inline-block; font-size: 16px; padding-right:15px;}
ul.menu > li:after{content:""; right:0; top:8px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #333; position:absolute;}
ul.menu ul{opacity:0; visibility:hidden; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width:200px; position:absolute; right:0; top:50px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.15); padding:0; text-align:left; border:1px solid #ccc; list-style:none; z-index:100;}
ul.menu ul li{display:block;}
ul.menu ul li a{display:block; padding:10px; color:#333; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; font-size: 14px;}
ul.menu ul li a:hover{color:#fff; background-color: #00aeef;}
ul.menu li:hover ul{opacity:1; visibility:visible; top:25px;}
.full-link{position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}

@media (max-width: 767px) {
  .py-50 {
    padding: 55px 0;
  }

  .section .display-3, .section .display-4 {
    font-size: 2.5rem;
  }

  header a {
    font-size: 18px !important;
    margin: 0 !important;
  }
  header .pl-5, header .px-5 {
    padding-left: 2rem !important;
  }

  .banner .pb-5, .banner-inner .pb-5, .banner .py-5, .banner-inner .py-5 {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;
  }
  .banner h1, .banner-inner h1 {
    font-size: 42px;
  }
  .banner br, .banner-inner br {
    display: none;
  }
  .banner p.h4, .banner-inner p.h4 {
    font-size: 18px;
  }

  a.btn.btn-warning {
    margin-bottom: 1.5rem !important;
  }

  .form-box.px-5 {
    padding: 0px 15px !important;
  }

  .section .pt-5, .section .py-5 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .section .mb-5, .section .my-5 {
    margin-bottom: 1rem !important;
  }
}
