.topnav .navbar-brand img {
    height: 100% !important;
}

.topnav .navbar-brand .site-title {
    vertical-align:middle;
}

.breadcrumb{
  border-radius:0px;
  margin-bottom:0px;
  padding: 0.5rem .5rem;
}

.table {
    white-space: nowrap !important;
}
.table-sm{
    font-size:.9rem;
}
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #e3e6f0;
}

.table-sm td, .table-sm th {
    padding: 0.3rem;
    white-space: nowrap;
}
.table thead th{
border-bottom: 1px solid #e3e6ec;
}

.page-item:first-child .page-link{
border-radius:00px
}

.page-item:last-child .page-link{
border-radius:00px
}

.page-item .page-link{
border:none;
border-radius:00px;
padding: .6rem 1rem;
}

.select2 {
width:100%!important;
}
.select2-container {
  width: 100% !important;
}

span.select2-selection__rendered {
  white-space: nowrap !important;
}

.select2-container--bootstrap .select2-selection--single{
    border-radius:0px !important;
    height:40px !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
 line-height: 28px !important;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{
    height: 40px !important;
}

.select2-container--bootstrap .select2-selection--multiple{
    min-height: 42px;
}
.select2-container--bootstrap .select2-selection{
border-radius: 0px;
font-size: 1rem;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice{
padding: 3px 6px;
background: #e4e4e4;
}

.input-group-text{
border-radius: 0px;
}

.select2-container .select2-selection--single{
   height: calc(1.5em + 1rem + 2px) !important;
}



.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #c5ccd6 !important;
    border-radius: 0px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: calc(1.5em + 1rem + 2px) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: calc(1.5em + 1rem + 2px) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
border: solid #c5ccd6 1px !important;
}
.select2-container--default .select2-selection--multiple{
border-radius: 0px !important;
}
.select2-container .select2-selection--multiple{
min-height: calc(1.5em + 1rem + 2px) !important;

}
.select2-container--default .select2-selection--multiple{
border: 1px solid #c5ccd6 !important;
}

.form-control{
border-radius:0px;
}

.btn{
border-radius:0px;
font-size:inherit;

}

.nav-sticky {
    top: 3.625rem;
    font-size: 1rem;
}

.img-block{
    width:100px;
    height:100px;
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 10px;
}
.orgchart{
    padding:0px !important;
    min-width:none !important;
}

.orgchart .verticalNodes ul>li::before, .orgchart .verticalNodes ul>li::after {
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: -6px;
    border-color: rgba(217, 83, 79, 0.8);
    border-style: solid;
    border-width: 0 0 2px 2px;
}
.orgchart .verticalNodes ul>li::before {
    top: -4px;
    height: 30px;
    width: 11px;
}

.form-control-custom{
border-radius:0px !important;
font-size:.9rem;
}
.list-inline .list-inline-item{
 vertical-align:middle;
}
.table-condensed {
    font-size: .9rem;
}

.btn-custom{
    padding: 0.4rem 1rem;
}
#chart-container ul {
    list-style: none;
}

chart-container ul li{
border-left: 1px solid #29794f;
}

.dropdown-menu{
    z-index: 1040;
}

.card{
box-shadow:none;
border-radius:0px;
border:none
}

.orgchart .node .toggleBtn {
    position: absolute;
    left: 25px;
    bottom: 2px;
    text-align: center;
}

.oci-plus-square::before{
    line-height: normal !important;
    border-radius:50%;
}
.oci-minus-square::before{
    line-height: normal !important;
    border-radius:50%;
}

.sidenav{
    font-size: 1rem;
}
/* timeline UI  */

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 10px 10px;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #29794f;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
.form-control-custom{
 border: 1px solid #fff;
}
.input-group-text-custom{
 border: 1px solid #fff;
}
.fa-2x{
font-size:1.3rem;}

.icon-block {
    width:45px;
    height:45px;
    display: flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}
.dropdown-menu-lg {
min-width:30rem !important;}

.sidenav .sidenav-menu .nav .nav-link .nav-link-icon{
width: 20px;
}

    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    padding: 0px 10px;
}

.btn-circle {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 6px 0;
  font-size: 13px;
  line-height: 1.428571429;
  border-radius: 50%;
  border: 1px solid #cccccc;
  background-color: #eff3f9;
}

.search-result{
    position: absolute;
    top: 40px;
}

.search-result a{
    line-height:30px;
    display:block;
    width:100%;
}

.search-result a:hover{
    color:teal;
    background-color:#eff3f9;
}

  .timeline-with-icons {
      border-left: 1px solid hsl(0, 0%, 90%);
      position: relative;
      list-style: none;
    }

    .timeline-with-icons .timeline-item {
      position: relative;
    }

    .timeline-with-icons .timeline-item:after {
      position: absolute;
      display: block;
      top: 0;
    }

    .timeline-with-icons .timeline-icon {
      position: absolute;
      left: -48px;
      background-color: hsl(217, 88.2%, 90%);
      color: hsl(217, 88.8%, 35.1%);
      border-radius: 50%;
      height: 31px;
      width: 31px;
      display: flex;
      align-items: center;
      justify-content: center;
    }


.select2-dropdown--below {
    border-radius: 0px !important;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field{
border: 0px solid #fff !important;
}

.select{
width:100% !important;
border: 1px solid #c5ccd6;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
     -webkit-box-shadow: inset #fff !important;
     box-shadow: inset 0 0px 0px #fff !important;
     background-color: transparent;
    border: 1px solid #fff !important;
     border-radius: 0px !important;
    /* color: #555; */
     font-size: 1rem;
}

.search .select2-container--bootstrap .select2-selection{
    border: 0px solid #ccc !important;
    background-color: #eff3f8 !important;
    box-shadow:none;
}

.select2-container--bootstrap .select2-dropdown{
    -webkit-box-shadow: 0 0px 0px #fff !important;
    box-shadow: 0 0px 0px #fff !important;
    border-color: #fff !important;
}

.img-block-sm{
    height: 25px !important;
    width: 25px !important;
    border-radius: 50%
}

.word{
    word-break: break-word;
    font-size: 15px;
    font-weight: bold;
    color: #535252;
    padding: 0px !important;
    zoom: 1 !important;
}

@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-Regular.f7b5e589f882.otf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-RegularItalic.763b44257f3a.otf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-Medium.f4bca87fd0d1.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-MediumItalic.60eace1cb8db.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-SemiBold.2556a4f74e2c.otf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-Bold.dea4998b081c.otf");
  font-weight: 700;
  font-style: normal;
}


@font-face {
  font-family: "Metropolis";
  src: url("/static/assets/fonts/metropolis/Metropolis-Black.de55ae52af85.otf");
  font-weight: 800;
  font-style: normal;
}

 .align-right td {
        text-align: right;
    }
#travelspendChart {
    max-height:300px;
}
#travelspendChartLegend {
    max-height:300px;
}

.bg-light-green {
    background-color: #96DED1; /* Light green background color */
}
.bg-sky-lit{
    background-color: #00cfd561 !important;
}
.text-sky{
    color: #00cfd5 !important;
}
.bg-primary-lit{
    background-color: #00ac6970 !important;
}
.bg-warning-lit{
    background-color: #ebb20c59 !important
}
.dashboard-font{
    font-size:13px;
}
.dashboard-label-font{
    font-size:10px;
}
.bg-info{
background-color: #00b9d5 !important;
}
.logo {
    height: 45px;
    width: 45px;
}

.text-orange{
    color: #F28C28 !important;
}

.approver-bg-images{
    background-size: cover;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top:1.5px;
}

.bg-rep-image{
    height: 50px;
    width: 50px;
    }

.list-checkbox-hide{
    display: none;
}