{% load static %}
*{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.topnav{
    height: 3.3rem !important;
}
.topnav .navbar-brand img {
    height: 100% !important;
    width:130px;
    margin:0px !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;
  font-weight: bold;
}
.pagination{
margin-bottom:0px;
}
.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;
    background-color: #eff3f9;
}

.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;
}
.form-control{
border-radius:0px;
}

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

}

.nav-sticky-old {
  display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;

    /* Hide scrollbar - Firefox */
    scrollbar-width: none;

    /* Hide scrollbar - IE/Edge */
    -ms-overflow-style: none;
    }
.nav-sticky {
    top: 3.2rem;
    font-size: 1rem;

}

.nav-fixed #layoutSidenav #layoutSidenav_content{
top: 3.2rem !important;
}

.img-block{
    width:100px;
    height:100px;
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    border-radius: 10px;
}


.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;
}
.list-inline .list-inline-item{
 vertical-align:middle;
}
.table-condensed {
    font-size: .9rem;
}
.form-control-custom{
height: calc(1.5em + 1rem + 2px);
    border: 1px solid #c5ccd6;
    border-radius: 0px;
        font-size:.9rem;

    }

.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;
}


.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 !important;
    left: 25px !important;
    bottom: 2px !important;
    text-align: center !important;
}

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

.orgchart .node .toggleBtn::before{
    background-color: #1365ab !important;
}

.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 #1365ab;
    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: 24px;
}

    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;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

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

.searchLoader{
  position: absolute;
  right: 15px; /* keep it visible, not under the search icon */
  top: 9px;
  z-index: 10;
  color: #6c757d;
  font-size: 1rem;
  pointer-events: none;
}


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

.input-group .selectize-input{
    border-radius: 0px ;
}
.selectize-input.focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.selectize-input {
    min-height: calc(1.5em + 0.75rem + 6px);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border: none;
    background-color: #eff3f9;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #343a40;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.9;
}

.selectize-control.multi .selectize-input>div{
    background:#fff;
    font-weight: 500;
    color: #06794f;
    border-radius: 0;
}

.selectize-control.plugin-remove_button .item .remove{
    border:none
}
.selectize-control.multi .selectize-input>div.active {
    background: #fff;
    color: #06794f;
    border: none;
}



.nav-tabs .nav-link{
    border : none;
    border-radius: 0px;
}
.nav-tabs{
    border:none;
}
.nav-tabs .nav-link {
    border: none;
    font-size: 1rem;
    color:#1365ab;
    font-weight: 500;
}
.bg-inactive{
    background-color: #e6e6e6 !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;
}

.nav-link{
padding: .5rem .5rem
}


.img-block{

    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
}
.custom-image{
    width:50px;
    height:50px;
    border-radius:50%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

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

.img-block-md{
    height: 100px;
    width: 100px;
}
.bg-green-light{
background-color:#d9ffd4;
}

.bg-violet-light{
background-color:#dbd4ff;
}
.bg-sky-blue-light{
background-color:#d4f1ff;
}

.bg-pink-light{
background-color:#f0d4ff;
}

.bg-red-light{
background-color:#ffd4d4;
}
.bg-warning-light{
background-color:#ffe68f;
}


.analytic-block{
    border-radius:7px;
    margin-bottom:15px;
}
.a-number-lg{
    font-size: 1.7rem;
    line-height:7px;
    font-weight:500
}
.a-number-md{
    font-size: 1.4rem;
    font-weight:500
}

.a-number-sm{
    font-size: 1.2rem;
    line-height:4px;
    font-weight:500
}


.a-text-sm{
font-size: .7rem;
}

.a-text-lg{
font-size: 1.2rem;
line-height:7px;
padding-top:10px
}

.dataTables_info{
font-size:.8rem !important
}

div.dataTables_wrapper div.dataTables_filter input {
    width: 65%;
}

.bg-yellow-light {
    background-color: #feffd4;
}
/* .card {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
} */

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: 10px;
}

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.bg-gray-300 {
    background-color: #e2e8f0;
}
.h-100 {
    height: 100%!important;
}
.shadow-none {
    box-shadow: none!important;
}

.text-skyblue{
color:#1365ab
}

.bg-skyblue{
background-color: #1365ab;
}

.sidenav .sidenav-menu .nav .nav-link{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.clickable{
    cursor:pointer;
}
.bg-skyblue-lit{
        background-color:#1365ab2b !important;
    }
    .bg-primary-lit{
        background-color: #00ac6970 !important;
    }
    .bg-info-lit{
        background-color: #9d46cd54 !important;
    }
    .bg-warning-lit{
        background-color: #ebb20c59 !important
    }
    .bg-sky-lit{
        background-color: #00cfd561 !important;
    }
    .text-sky{
        color: #00cfd5 !important;
    }
    .bg-danger-lit{
        background-color:#d73f304d !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;
}

::-webkit-scrollbar {
    width: 8px;
    height:5px;
}



::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.field_icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    opacity: 0.8;
}

.login-main{
    height:100vh;
}
.login-section{
    overflow:auto;height:100%;width:420px
}
.login-logo{
    max-width:200px
}

.h-100vh{
    height:100vh;
}
.social-icon i{
    font-size:20px
}

.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav{
padding-top: 0px !important
}
.nav-fixed .topnav{
    z-index: 99999;
}

.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu{
    overflow-y: auto;
}
.text-dark {
    color: #2f4753 !important;
}
  .sidenav-light .sidenav-menu .nav-link.active {
      color: #00d3f2 !important;
      background-color: transparent !important;
  }
.sidenav-light .sidenav-menu .nav-link.active .nav-link-icon{
    color: #00d3f2 !important;
}

.sidenav-light .nav-link-icon {
    color:#000 !important;
}

.sidenav .sidenav-menu .nav .nav-link .nav-link-icon{
    font-size: 1.1rem;
    padding-right: 0.9rem;
    padding-left: 0.2rem;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.nav-icon {
    color: #078a9b !important;
}

.nav-link{
color: #2f4753;
}

.sidenav-light .sidenav-menu .nav-link .nav-link-icon{
    color: #078a9b;
}

.sidenav-light .sidenav-menu .nav-link .nav-link-icon.active{
color:#fff;
}

.bg-blue-alt {
background-color: #baecff !important;
}

.sidenav-light .sidenav-menu .nav-link:hover {
  color: #078a9b;
}

.bg-white-trans {
 background-color: #FFFFFF!important
}

.bg-gradient{
    background: rgb(186,255,216);
background: radial-gradient(circle, rgba(186,255,216,1) 0%, rgba(186,223,255,1) 100%);
}

.sidenav-light .sidenav-menu .nav-link {
  color: #fff !important;
}
.sidebar-logo {
    display: flex;
    flex-direction: column;
}
.sidebar-logo-row {
    display: flex;
    align-items: center;
}
.sidebar-globe {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}
.login-globe {
    margin-right: 10px;
}
.sidebar-text-container {
    display: flex;
    flex-direction: column;
}
.sidebar-globe-text {
    margin-top: 5px;
    margin-left: -7px;
    width: 100%;
}
.login-globe-text {
    margin-left: -7px;
    width: 100%;
}
.sidebar-base-text {
    margin-left: 30px;
    width: 50%;
}
.login-lh{
    line-height: 1.2;
}
.login-lh-font{
    font-size: 0.9rem;
}
.login-min-height{
    min-height: 100vh;
}
.home-video{
    height: 310px;
}
.news-content-height1{
    height: 280px;
}
.news-content-height2{
    height: 275px;
}
.treadmill-flow{
    overflow: hidden;
}
.news-content-empty{
    width: 100px;
    margin-top: 40px;
    opacity: 0.5;
}
.position-relative{
    position: relative;
}
.header-search-padding{
    padding-left: 2.5rem;
}
.header-search-box{
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.header-search-flow{
    max-height: 200px;
    overflow-y: auto;
}
.notification-count{
    padding: 2px;
    font-weight: 500;
    position: absolute;
    height: 21px;
    width: 21px;
    top: -2px;
    left: 25px;
}
.border-radius{
    border-radius: 50%;
}
.dropdown-text{
    font-size: 0.9em;
}
.footer-font-size{
    font-size: 12px;
}
.footer-height{
    height: 45px;
}
.detail-card-header{
    background-color: #d0d7e2;
}
.round-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0;
}
    .hide-scrollbar {
      overflow-x: auto;

      /* Hide scrollbar */
      scrollbar-width: none;          /* Firefox */
      -ms-overflow-style: none;       /* IE 10+ */
    }

    .hide-scrollbar::-webkit-scrollbar {
      display: none;                  /* Chrome, Safari, Edge */
    }
p.word {
  word-break: break-word;
  font-size:15px;
  font-weight: bold;
  color:#535252;
  padding:0px !important;
  zoom: 1 !important;
}
.mask-data {
    font-size:15px;
    font-weight: bold;
    color:#535252;
}
.img-size{
    height: 250px;
    width: 250px;
    opacity: 0.5;
}
.dataframe thead {
    position: sticky;
    top: -10px;
    z-index: 10;
    border:0px transparent !important;
}
.select2-container--bootstrap .select2-selection--single{
    background-color:#fff;
}
.selectize-input{
    background-color: #ffffff;
    min-height: calc(1.5em + 0.75rem + 9px);
}
.input-group-append {
    margin-left: 0px;
}
.timeline {
    position: relative;
    padding: 0;
    margin: 0;
}
.timeline:before {
    content: "";
    position: absolute;
    left: 2%;
    width: 5px;
    height: 100%;
    background: #1365ab;
}
.timeline-item {
    position: relative;
    margin: 5px 0;
}
.timeline-item:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 2.25%;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 4px solid #1365ab;
    border-radius: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.timeline-content {
    border: none;
    border-radius: 10px;
}
.timeline-data {
    position: relative;
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 10px;
    margin-left: 5%;
}
.menu-tab{
    text-align:center;
    border:2px solid white;
}
.light-red-card{
    background-color: #FAA0A0;
}
.light-green-card{
    background-color: #AFE1AF;
}
.font-grey-color{
    color:grey;
}
.card-border-radius{
    border-radius: 0px;
}

.nav-sticky::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.nav-sticky li {
    flex: 0 0 auto;
}
.nav-sticky .nav-link.active {
  font-weight: 600;
  color: #1365ab;
  border-bottom: 3px solid #1365ab !important;
}
.nav-sticky .nav-link {
  color: #3b3e40;
  font-weight: 400 !important;
}

.orgchart .node:hover{
    box-shadow: none !important;
}
.bg-blue{
    color: #4B90DB!important;
}
.sidebar-mt{
    margin-top: 22%;
    padding-bottom: 22%;
}
.text-blue{
    color: #3562e3;
}
.topnav .navbar-brand{
width:12rem;
}

.bg-primary {
  background-color: #2c63b0 !important;
}

.text-primary {
  color: #2c63b0 !important;
}
.btn-primary {
    background-color: #2c63b0 !important;
    border-color: #2c63b0 !important;
    color: #fff !important;
}

.badge-info {
  color: #9d46cd;
  background-color: #9d46cd42;
}

.badge-skyblue{
background-color: #1365ab !important;
color: #fff !important;
}
a{
color:#2f4753 !important
}

@media (min-width: 576px) {
.modal-dialog{
    margin: 3.75rem auto !important;
}
}
.toast{
  position: absolute;
  right: 1%;
  top: 19%;
  z-index: 9999;
}