#body-sec{
  background: #F6F6F6;
}
.card{
  border-radius: 6px;
}

.login-box{
  background: url("../img/wbms-login-bg.jpg") no-repeat; 
  background-size: cover;
  height: 100vh;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.login-box .content-sec {
  padding: 0px;
  width: 35%;
}
.login-box .card{
  background: transparent;
}
.login-card-body, .register-card-body{
  padding: 10%;
  border-radius: 10px;
}
.login-error{
  position: initial;
  margin-bottom: 10px;
  text-align: center;
}
.login-card-body, .register-card-body{
  color: #858585;
}
.form-label{
  font-weight: 500;
  margin-bottom: 4px;
}
.btn{
  border-radius: 6px !important;
  box-shadow: none !important;
}

.btn-primary{
  color: #fff !important;
  background-color: #236192 !important;
  border-color: #236192 !important;
}
.btn-primary:hover {
  /*color: #236192 !important;
  background-color: #fff !important;
  border-color: #236192 !important;*/
  color: #fff !important;
  background-color: #236192 !important;
  border-color: #236192 !important;
  box-shadow: rgb(23 217 163 / 20%) 0px 7px 29px 0px !important;
}

.btn-danger{
  color: #fff !important;
  background-color: #e14040 !important;
  border-color: #e14040 !important;
}
.btn-danger:hover {
  /*color: #e14040 !important;
  background-color: #fff !important;
  border-color: #e14040 !important;*/
  color: #fff !important;
  background-color: #e14040 !important;
  border-color: #e14040 !important;
  box-shadow: rgb(217 23 75 / 20%) 0px 7px 29px 0px !important;
}

.btn-default{
  color: #000 !important;
  background-color: #dbdbdb !important;
  border-color: #dbdbdb !important;
}
.btn-default:hover {
  /*color: #000 !important;
  background-color: #fff !important;
  border-color: #dbdbdb !important;*/
  color: #000 !important;
  background-color: #dbdbdb !important;
  border-color: #dbdbdb !important;
  box-shadow: rgb(124 124 124 / 20%) 0px 7px 29px 0px !important;
}

.btn-success{
  color: #fff !important;
  background-color: #368f54 !important;
  border-color: #368f54 !important;
}
.btn-success:hover {
  /*color: #368f54 !important;
  background-color: #fff !important;
  border-color: #368f54 !important;*/
  color: #fff !important;
  background-color: #368f54 !important;
  border-color: #368f54 !important;
  box-shadow: rgb(23 217 48 / 20%) 0px 7px 29px 0px !important;
}

.btn-warning{
  color: #000 !important;
  background-color: #fdce2f !important;
  border-color: #fdce2f !important;
}
.btn-warning:hover {
  /*color: #000 !important;
  background-color: #fff !important;
  border-color: #fdce2f !important;*/
  color: #000 !important;
  background-color: #fdce2f !important;
  border-color: #fdce2f !important;
  box-shadow: rgb(217 195 23 / 20%) 0px 7px 29px 0px !important;
}

.btn-info{
  color: #fff !important;
  background-color: #1fd8ff !important;
  border-color: #1fd8ff !important;
}
.btn-info:hover {
  /*color: #1fd8ff !important;
  background-color: #fff !important;
  border-color: #1fd8ff !important;*/
  color: #fff !important;
  background-color: #1fd8ff !important;
  border-color: #1fd8ff !important;
  box-shadow: rgb(23 81 217 / 20%) 0px 7px 29px 0px !important;
}

.btn.bg-navy{
  color: #fff !important;
  background-color: #15244C !important;
  border-color: #15244C !important;
}
.btn.bg-navy:hover, .btn.bg-navy:active{
  /*color: #15244C !important;
  background-color: #fff !important;
  border-color: #15244C !important;*/
  color: #fff !important;
  background-color: #15244C !important;
  border-color: #15244C !important;
  box-shadow: rgb(23 81 217 / 20%) 0px 7px 29px 0px !important;
}

/*.btn-primary{
  background-image: linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-danger{
  background-image: linear-gradient(to right, #e52d27 0%, #b31217  51%, #e52d27  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-default{
  background-image: linear-gradient(to right, #838383 0%, #c1c1c1  51%, #838383 100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-success{
  background-image: linear-gradient(to right, #134E5E 0%, #71B280  51%, #134E5E  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-warning{
  background-image: linear-gradient(to right, #FFB75E 0%, #ED8F03  51%, #FFB75E  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-info{
  background-image: linear-gradient(to right, #0cebeb 0%, #20e3b2  51%, #0cebeb  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn.bg-navy{
  background-image: linear-gradient(to right, #642B73 0%, #C6426E  51%, #642B73  100%);
  text-align: center;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;            
  box-shadow: 0 0 20px #eee;
  border: none;
}

.btn-primary:hover, .btn-danger:hover, .btn-default:hover, .btn-success:hover, .btn-warning:hover, .btn-info:hover, .btn.bg-navy:hover{
  background-position: right center;
  color: #fff;
  text-decoration: none;
}*/

.btn-group-sm>.btn, .btn-sm {
    padding: 6px 15px;
}
.form-control, .select2-container--default .select2-selection--multiple{
  border-radius: 6px !important;
}
.select2-container--default .select2-selection--multiple{
  min-height: 35px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline .select2-search__field{
  font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search.select2-search--inline .select2-search__field{
  margin-top: 4px
}
.mt-4{
  margin-top: 2.5rem !important;
}
.form-heading{
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  color: #333;
  font-weight: 600;
}
.login-box-footer .heading{font-size:  1.7rem;}
.login-box-footer {color:#333;}
.abs-logo{
  position: absolute;
  top: 3%;
  left: 3%;
}
.abs-footer{
  position: absolute;
  bottom: 3%;
  left: 3%;
  color: #858585;
}
.main-header.navbar{
  display: block !important;
}
.header-top-stripe{
background: linear-gradient(90deg, rgb(237 239 255) 0%, rgba(23,65,123,1) 71%);
padding: 3px 0.5rem;
}
.header-logo img{
  width: 60%;
}
.header-top-stripe .navbar-nav-right .nav-link{
  color: #fff !important;
}
.header-top-stripe .navbar-nav-right li a, .header-top-stripe .navbar-nav-right li a:hover{
  border-right: none !important;
}

.header-top-stripe .nav-item.act{
  background: transparent !important;
}
.header-top-stripe .navbar-nav-right .nav-item{
  padding: 0px 0px;
}

.navbar-light .navbar-nav .nav-link span img{
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-bottom: 3px;
}

.navbar-light .navbar-nav .nav-link span{
  /*border-right: none !important;*/
  font-size: 14px;
  font-weight: 500;
  color: #000;
  padding: 5px 11px 6px;
  border-right: 1px solid #c5c5c5;
}
.navbar-light .navbar-nav .nav-item:hover {
    background: none;
}
.navbar-light .navbar-nav .nav-item:hover .nav-link {
    color: #333;
    border-right: none !important;
}
.navbar-light .navbar-nav li:hover .nav-link span, .navbar-light .navbar-nav li.act .nav-link span{
  /*border-right: none !important;*/
  color: #17417B;
}
.navbar-expand .navbar-nav .nav-link{
  padding: 5px 0px 5px;
}
.navbar-light .navbar-nav .nav-item.act, .navbar-light .navbar-nav .nav-item:hover{
  background: #cfd2e3;
}
.sub-menu { top: 107px; background: #153F79;}
.sub-menu-ul li.act, .sub-menu-ul li:hover {
    background: #15244c;
}
.third-level-ul{
  background: #153F79;
}
.layout-navbar-fixed .wrapper .content-wrapper{
  margin-top: calc(8.7rem + 1px);
}
.content-wrapper {
    background: #F6F6F6;
}
input.form-control {
    height: 35px;
}
.form-control {
    font-size: 14px;
    padding: 0.375rem 0.6rem;
}
.breadcrumb-item a {
    color: #336193;
}
.breadcrumb-item.active{
  color: #6a6a6a;
}
.breadcrumb-item .ti-home{
  padding: 6px;
  background: #5172a5;
  border-radius: 5px;
  color: #fff;
  transition: 0.5s;
  background-size: 200% auto;
  box-shadow: 0 0 20px #eee;
}
.breadcrumb-item .ti-home:hover{
  background-position: right center; /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.card{
  box-shadow: none;
}
/*.table {
  border: 0px;
}*/
/*.table-bordered td, .table-bordered th {
  border: 0px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}*/
.table td {
  padding: 10px 5px;
  font-size: 14px;
}
.table th{
  padding: 12px 5px;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: 4px 12px 3px;
    height: 35px;
    border-radius: 6px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    height: auto;
    margin-top: -1px;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: 8px
    width: 20px;
}
.table-bordered thead td, .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-hover tbody tr:hover {
    color: #212529;
    background-color: #ededed !important;
}
select.form-control {
    height: 35px;
    padding: 3px 0.75rem;
    font-size: 14px;
}
.table td .daterange-input{
  font-size: 14px;
}

.page-item .page-link{
  color: #3274D2;
}
.page-item.disabled .page-link {
    color: #6c757d;
}
.pagination .page-item.disabled .page-link {
  border-color: #d9dee3;
}
.pagination li {
    margin-right: 5px;
}
.pagination .page-item .page-link {
    border-radius: 6px;
}
.pagination li.active a{
  background-color: #3274D2;
}
.ml-35{
  margin-left: 35px;
}
.abs-listing{
  width: 95.5%;
}
.icon-btn{
  border-radius: 5px;
}
.action-icons-ul li a{
  border-radius: 5px;
}
.icon-btn-filter-sm{
  padding: 4px 8px;
}
/*.form-card .card-body{
  margin: 30px;
  padding: 25px;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 10px;
}*/
/*.panel-content .form-card .card-body{
  margin: 0px;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 10px;
}*/
/*.form-card .card-body .card-header{
  background: #fff !important;
  padding: 0px 0px 15px;
}
.form-card .card-body .card-title{
  font-size: 18px;
  font-weight: 400;
  color: #333;
}*/
.action-icons-ul li a{
  padding: 2px 4px;
}
/*.form-card table, .form-card table th, .form-card table td{
  border: none !important;
  background: #fff !important;
}*/
.bg-navy {
    background-color: #404040!important;
}
.custom-tab-content .table{
  width: 100% !important;
}
.custom-tab-content .table, .custom-tab-content .table th, .custom-tab-content .table td{
  /*border: none !important;*/
  /*border: 1px solid #dee2e6;*/
  /*padding: 7px 5px;*/
}
.custom-tab-content .table thead th, .custom-tab-content .table thead td{
  border: 1px solid #153f7936;
}
.custom-tab-content .table .label-text-odd td{
  border: 1px solid #153f7936;
}
.custom-tab-content .table thead th, .custom-tab-content .table thead td{
  /*border-bottom: 1px solid #e3e3e3 !important;
  margin-bottom: 10px;*/
  background-color: #153f7936 !important;
}

.card-grey .card-header{
  background: #153f7936 !important;
}

.custom-tab-content .table thead td span{
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #333 !important;
}
.custom-tab-content .table thead tr:first-child{
  background: #fff !important;
}
.custom-tab-content .label-text-odd td {
    padding: 7px 5px;
}
/*.custom-tab-content .label-text-odd:before {
    content: "-";
    display: block;
    line-height: 1em;
    color: transparent;
}*/
#pro-tab-01 tbody tr td.text-right, .label-text-odd td.text-right {
  color: #818181 !important;
  font-weight: 500 !important;
}

.collapsible-content{
  display: flex;
  transition: .3s ease;
}

.collapsible-sidebar{
  width: 18%;
  transition: .3s ease;
  position: relative;
}

.collapsible-content .content{
  width: 82%;
  height: 100%;
  transition: .3s ease;
}
.left-profile-bar{
  width: 87%;
  height: 100%;
}
.left-profile-bar .info-sec{
  background: #15244C;
  position: relative;
}
.left-profile-bar .menu-sec{
  background: #153F79;
  height: 100%;
}
.left-profile-bar .info-sec {
  display: flex;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.left-profile-bar .info-sec .photo{
  color: #15244C;
  font-size: 24px;
  /*padding: 10px 12px;*/
  border-radius: 50%;
  background: #E6E6E6;
  font-weight: 500;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center
}
.left-profile-bar .info-sec .company{
  font-weight: 500;
  margin-top: 5px;
  font-size: 15px;
  text-align: center;
}
.left-profile-bar .info-sec .department{
  font-weight: 400;
  text-align: center;
}
.left-profile-bar .info-sec .number{
  font-size: 12px;
  text-align: center;
}
.profile-toggle{
  padding: 14px 5px;
  display: inline-block;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  right: -10%;
  top: 0px;
  background: #15244C;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.left-profile-bar .menu-sec ul{
  display: block !important;
  background: none !important;
  padding: 10px;
  border: none !important;
}
.left-profile-bar .menu-sec ul li {
  border-right: none !important;
  display: block !important;
  float: none !important;
  padding: 0px !important;
}
.left-profile-bar .menu-sec ul li a{
  border-radius: 0.25rem;
  display: flex;
  color: #fff !important;
  font-size: 14px;
  font-weight: 400;
}
.left-profile-bar .menu-sec ul li a.active {
    background: #15244C !important;
    color: #fff !important;
    border: none !important;
}
.layout-navbar-fixed .wrapper .content-wrapper{
  padding-bottom: 0px;
}
.collapsible-content .content > .card:first-child{
  margin-bottom: 0px;
}
.filter-tabs-02{
  background: none !important;
  border: 0px !important;
}
.filter-tabs-02 li{
  margin-bottom: 0px !important;
  padding-left: 10px;
  padding-top: 10px;
}
.filter-tabs-02 li a{
  color: #818181 !important;
  font-size: 15px;
  font-weight: 500;
  /*padding: 15px 25px 5px !important;*/
}
.filter-tabs-02 li a.active{
  background: none !important;
  color: #2d3e6b !important;
  border-bottom: 2px solid #2d3e6b !important;
}
.filter-tabs-02 li{
  border: 0px !important;
}


.left-profile-bar .menu-sec ul li a span{
  margin-left: 15px;
}

.sidebar-close .menu-sec ul li a span{
  display: none;
}
.sidebar-close .photo{
  font-size: 15px !important;
  width: 35px !important;
  height: 35px !important;
}
.sidebar-close .company, .sidebar-close .department, .sidebar-close .number{
  display: none;
}

.sidebar-close .profile-toggle{
  right: -35%;
}
.sidebar-close .collapsible-sidebar{
  width: 7%;
}
.sidebar-close .left-profile-bar{
  width: 63%;
}

.sidebar-close .content{
  width: 93%;
}
.content .input-group-text{
  height: 35px;
}
.input-group .form-control{
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.input-group-prepend .input-group-text, .input-group-prepend .form-control{
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.input-group .btn{
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
  font-size: 14px !important;
  color: #000;
}

.filter-tabs-02 li a i{
  margin-top: 2px;
}
.table-list-actions, .table-list-actions:hover{
  border-radius: 5px;
}
.modal-content{
  border-left: none;
  border-radius: 5px;
}
.modal-header{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 12px 15px;
  background: #0A1F3C;
  color: #fff;
}
.modal-header .close i{
  color: #fff;
}
#sticky-notepad .client-btn {
    position: absolute;
    right: 0px;
    top: 3px;
    z-index: 1000;
}


.dashboard-boxes .box {
    flex: 1;
    height: auto;
    background: #ccc;
    border-radius: 5px;
    padding: 40px 40px;
    /* padding-right: 13px; */
    position: relative;
    border: 0px !important;
    margin-right: 10px;
}
.dashboard-boxes .box h4 {
    font-size: 1.13rem;
     margin-top: 0px; 
     margin-bottom: 10px !important;
}
.dashboard-boxes .box span {
    font-size: 1.7rem;
    font-weight: 500;
}
.dashboard-boxes .box .icon{
  position: absolute;
  right: 65px;
  top: 25px
}

.card-img-absolute {
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.bg-gradient-danger {
    background: -webkit-gradient(linear, left top, right top, from(#ffbf96), to(#fe7096)) !important;
    background: linear-gradient(to right, #ffbf96, #fe7096) !important;
}
.bg-gradient-info {
    background: -webkit-gradient(linear, left top, right top, from(#90caf9), color-stop(99%, #047edf)) !important;
    background: linear-gradient(to right, #90caf9, #047edf 99%) !important;
}
.bg-gradient-success{
    background: -webkit-gradient(linear, left top, right top, from(#84d9d2), to(#07cdae)) !important;
    background: linear-gradient(to right, #84d9d2, #07cdae) !important;
}
.bg-gradient-warning {
    background: -webkit-gradient(linear, left top, right top, from(#f6e384), to(#ffd500)) !important;
    background: linear-gradient(to right, #f6e384, #ffd500) !important;
}
.bg-gradient-primary {
    background: -webkit-gradient(linear, left top, right top, from(#da8cff), to(#9a55ff)) !important;
    background: linear-gradient(to right, #da8cff, #9a55ff) !important;
}
.bg-gradient-orange{
    background: linear-gradient(to right, #f5c885, #f17a26) !important;
}
.bg-gradient-purple{
  background: linear-gradient(to right, #f7a8f5, #ff36f9) !important;
}
.bg-gradient-grey{
  background: linear-gradient(to right, #d1d1d1, #999999) !important;
}
.dashboard-boxes .box *{
  color: #484848;
}
.dashboard-boxes .box{
  background: #fff;
}
.dashboard-boxes .box .icon span{
  background: rgb(215 215 215 / 30%);
}
.swal2-toast {
    border-radius: 6px;
}
.swal2-popup{
  border: none !important;
}
.toast-progress{
  position: absolute;
  width: 100%;
  bottom: 0px;
  height: 4px;
}
.toast-progress-bar{
  background-color: #2D3339;
  transition: width 1s; /* Makes progressBar smooth */
  transition-timing-function: linear; /* Try to remove this line for more tick tock feel */
}
.pre-load img {
  width: 80%;
}

.border-body{
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 10px;
  padding: 20px;
}
.dash-heading{
  font-size: 2rem;
  color: #333;
}
.dash-name{
  font-size: 16px;
  font-weight: 500;
  color: #818181;
}
.border-body .card-header{
  padding: 0px 0px 15px;
}
.border-body .card-title{
  color: #333;
  font-size: 20px;
  font-weight: 400;
}
.dash-box{
  display: flex;
  align-items: center;
}
.dash-box .icon{
  width: 70px;
}
.dash-box .icon span{
  width: 52px;
  height: 52px;
  background: #a1a1a1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50% !important;
  font-size: 25px;
}
.stats .numbers{
  font-size: 21px;
  color: #333;
}
.stats .number-title{
  font-size: 15px;
  color: #818181;
}
.dash-box .icon span.icon-purple{
  background-color: #d7d4f3;
  color: #201cd5;
}
.dash-box .icon span.icon-aqua{
  background-color: #D6F7FC;
  color: #12D2E7;
}
.dash-box .icon span.icon-red{
  background-color: #FBE2E5;
  color: #D44443;
}
.dash-box .icon span.icon-pink{
  background-color: #f4dcf7;
  color: #f709f9;
}
.only-icon{
  font-size: 40px;
  margin-top: 10px;
}
.only-icon.icon-orange{
  color: #ffa500
}
.only-icon.icon-green{
  color: #39d309
}
.only-icon.icon-blue{
  color: #09a3d3
}
.graph-stats-first{
  text-align: center;
  padding-top: 30px;
}
.graph-stats-second{
  text-align: center;
  padding-bottom: 30px;
}
.graph-number{
  font-size: 20px;
  font-weight: 600;
}
.graph-number{
  font-size: 20px;
  font-weight: 600;
  color: #333;
}
.graph-text{
  font-size: 15px;
  font-weight: 400;
  color: #818181;
}
.table thead tr:first-child {
  background: #153f7936 !important;
}