.side-bar-left {
    float: left;
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-bottom: 70px;
}
.side-bar-left ul {
  float: left;
  width: 100%;
}
.side-bar-left ul li{
  float: left;
  width: 100%;
}
.side-bar-left ul li a{
  float: left;
  width: 100%; color: #333 !important; font-size: 16px !important; text-align: left;
  padding: 15px 5px; position: relative; padding-left: 18px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.side-bar-left ul li a i{
  margin-right: 2px; font-size: 20px;
}
.side-bar-left ul li a:hover{
  color: #2e66bd !important;
}
.side-bar-left ul li a:hover{
  padding-left: 25px;
}
.nav-side-fixed{
  position: fixed !important; width: 280px; top: 0px; left: 0px; height: 100%; background: #fff !important;
  box-shadow: -7px 0px 5px rgba(0, 0, 0, 0.12) inset;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.top-custom-nav {
  float: left;
  width: 100%;
  height: 65px;
  background: #2e66bd;
  position: fixed;
  text-align: right; 
  padding-right: 20px; padding-top: 10px;
}
.top-custom-nav a{
  display: inline-block; vertical-align: middle; color: #fff; font-size: 15px;
}
.top-custom-nav a:hover{
  color: #fff;
}
.top-custom-nav a i{
  margin-left: 5px;
}
.sign-user-img{
  display: inline-block; vertical-align: middle; height: 45px; width: 45px; border-radius: 100%; background: #fff;
  margin-right: 5px;
}
body, .wrapper > section {
    background-color: #fff !important;
}
.custom-inner-wrapper {
  padding: 30px 30px 15px;
  display: inline-block;
  width: 100%;
}
.table tr td button.btn{
  padding: 6px 12px;
}
.layout-h .wrapper > footer a {
  font-size: 14px;
  color: #444;
  margin: 0px 10px;
}
.layout-h .wrapper > footer{
  padding-left: 220px;
}
.content-wrapper{
  padding: 0px !important; padding-left: 280px !important;
}
.layout-h .wrapper > section > .content-wrapper > h3 {
  display: block !important;
}
.layout-h.layout-fixed .wrapper > section{
  margin-top: 64px;
}
.navbar-brand{
  height: 65px !important;
}
.topnavbar .navbar-header{
  width: 100% !important; background: #29ae9f !important;
}
.side-bar-left .bg-info-light a{
  color: #2e66bd !important;
}
.side-bar-left .bg-info-light{
  background-color: transparent;
}
.side-bar-left .bg-info-light a::after{
  display: block;
}
.btn{
  font-size: 14px !important; padding: 11px 15px !important;
}
.table tr td .btn {
  padding: 6px 10px !important;
}
.custom-inner-wrapper .panel-default {
  border: none;
  margin: 0px;
}
.custom-inner-wrapper .table > thead > tr > th {
  color: #000;
  background: transparent;
  font-size: 16px;
  border-top: 1px solid #eeeeee !important;
}
.content-wrapper > h3{
  margin: 0px !important;
}
section{
  margin-top: 64px !important;
float: left;
width: 100%;
}
.box-shadow{
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.18) !important;
}
.table.table-border-none thead > tr > th{
  border-top: none !important;
}
.custom-inner-wrapper .panel .panel-heading{
  padding: 0px;
}
.custom-inner-wrapper .panel-body{
  padding: 0px;
}
.side-bar-left .dropdown-menu {
  position: relative !important;
  min-width: inherit !important;
  box-shadow: none !important;
  border: none !important;
  background: #f5f5f5 !important;
  box-shadow: -7px 0px 5px rgba(0, 0, 0, 0.12) inset !important;
  padding: 0px !important;
}
.side-bar-left ul li .dropdown-menu li a::after{
  display: none;
}
.side-bar-left ul li .dropdown-menu li a:hover{
  background: transparent;
}
.font-50{
  font-size: 50px !important;
}
.green-app-out .bg-green{
  background: #49ab4a;
}
.red-app-out .bg-green{
  background: #d94c10;
}
.purp-app-out .bg-green{
  background: #3e4fbb;
}
.org-app-out .bg-green{
  background: #f79608;
}

.blue-app-out .h2{
  color: #5d9cec;
}
.green-app-out .h2{
  color: #49ab4a;
}
.red-app-out .h2{
  color: #d94c10;
}
.purp-app-out .h2{
  color: #3e4fbb;
}
.org-app-out .h2{
  color: #f79608;
}
body .ng-table th.sortable.sort-desc{
  background-color: #2e66bd !important;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  color: #fff;
}
body .ng-table th.sortable div::before {
  border-top-color: #000 !important;
}
.mb10{
  margin-bottom: 10px;
}
.search-icon{
  position: relative; padding-right: 30px;
}
.search-icon input{
  width: 100% !important;
}
.search-icon button{
  position: absolute; right: 14px; top: 0px;
}

.nav-side-fixed.responsive-sidebar{
  left: -200px;
}

.table tr td ul.dropdown-menu{
  min-width:inherit !important;;
}
.no-margin{
  margin: 0px !important;
}
.bg-purple-custom .h2{
  color: #3e4fbb;
}
.bg-purple-custom .text-uppercase{
  font-size: 26px; color: #666666;
}
.bg-purple-btm{
  background: #3e4fbb;
}
.bg-purple-btm p{
  color: #fff; margin: 0px; font-size: 15px; padding: 10px 0px;
}
.relative{
  position: relative;
}
.block-icon-top {
  position: absolute;
  top: -15px;
  right: -14px;
  font-size: 148px !important;
  color: #f2f2f6;
}
.bg-green-custom .h2{
  color: #49ab4a;
}
.bg-green-custom .bg-purple-btm {
  background: #49ab4a;
}

.bg-red-custom .h2{
  color: #d94c10;
}
.bg-red-custom .bg-purple-btm {
  background: #d94c10;
}

.bg-org-custom .h2{
  color: #f79608;
}
.bg-org-custom .bg-purple-btm {
  background: #f79608;
}
.custom-inner-wrapper accordion {
    margin-top: 15px;
    float: left;
    width: 100%;
}
.custom-inner-wrapper accordion .panel-group {
  margin-bottom: 0px;
}
.custom-inner-wrapper accordion .panel-group h4{
  margin: 0px; float: left; width: 100%; padding: 16px 12px;
}

/******************login********************/

.login-bg-img {
  float: left;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  background: url(../img/login-bg.jpg) no-repeat;
  background-size: cover;
}
.login-bg-img::after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
body, .wrapper > section.login-sec {
  background: transparent !important;
}
.login-outer {
  width: 550px;
}
.login-outer .panel-body {
  padding: 70px;
  border: none !important;
}
.log-input {
  display: inline-block;
  width: 100%;
}
.log-input label {
  font-size: 15px;
  color: #444444;
}
.log-input input {
  padding-left: 0px;
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0px;
  height: 50px;
}
.log-input a {
  font-size: 15px;
  color: #444;
}
.hody-reg {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.hody-reg p {
  color: #fff;
  font-size: 15px;
}
.hody-reg a {
  color: #fff;
  font-size: 15px;
  text-decoration: underline;
}
.login-page-submit {
  width: 100%;
  margin: 20px 0 0;
}
.btn-primary {
  color: #ffffff;
  background-color: #2e66bd !important;
  border-color: #2e66bd !important;
  transition: all 0.5s ease !important;
  -webkit-transition: all 0.5s ease !important;
  -moz-transition: all 0.5s ease !important;
}
.btn-primary:hover {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.42);
}
.login-logo {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}
.reg-outer-main {
  width: 1170px;
  margin: auto;
}
.border-none {
  border: none !important;
}
.reg-outer-main .panel-body {
  padding: 70px;
  border: none !important;
}
.reg-heading {
  font-size: 32px;
}
.log-input select {
  padding-left: 0px;
  border: none;
  border-bottom: 1px solid #dadada;
  border-radius: 0px;
  height: 50px;
}

/******************login********************/

@media (max-width: 1250px) {

.navbar-toggle {
  display: none !important;
}
.navbar{
  border: none !important;
}
.navbar-nav {
  float: left !important;
  margin: 0px !important;
}
.side-bar-left .dropdown-menu{
  float: left !important;
}
.side-bar-left .dropdown-menu > li > a{
  padding: 8px 20px !important;
}

.reg-outer-main {
  width: 95%;
}

}

@media (max-width: 920px) {

.navbar-toggle {
  display: block !important;
  position: absolute !important;
  right: -62px;
  top: 4px;
}

.content-wrapper{
  padding-left: 0px !important;
}
.login-outer {
  width: 95%;
}
.nav-side-res{
  left: -280px;
}

}

@media (max-width: 768px) {




}

@media (max-width: 550px) {

.login-outer .panel-body {
  padding: 30px;
}

.reg-heading {
  font-size: 25px;
}
.reg-outer-main .panel-body {
  padding: 30px;
}

}