html{
  height: 100% !important;
  font-size: 16px;
}
body{
  font-family: Roboto, sans-serif;
  font-size:14px;
  /* top: 124px; */
  height: 100% !important;
  display: flex;
  flex-direction: column !important;
  background: #f1f4f5;
  color:#757575 !important;
}
.font-size-20{
  font-size: 20px !important;
}
.font-size-30{
  font-size: 30px !important;
}
.material-icons{
  font-size: 14px;
  vertical-align: middle !important;
}
makebold{
  font-weight: 500 !important;
}
/* navbar css */
.navbar{
  padding: 0;
}
.navbar-brand-logo{
  height: 24px;
}
.top-header .container-fluid{
  padding: 0;
}
.appshortcut{
  padding: 20px 10px !important;
  line-height: 12px;
}
.nav-item {
  height: 60px;
}
.nav-link{
  color: #fff;
  padding: 1.23rem 1.072rem;
}
.nav-link:focus, .nav-link:hover{
  background-color: rgba(0,0,0,.1);
  text-decoration: none;
  color:#fff;
}
.module-header{
  -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 5px rgb(0 0 0 / 8%);
  background: #fff !important;
  margin-top: 60px;
  height: 50px;
}
.module-header .nav-link{
  padding: 0.9rem 1.072rem !important;
}
.module-header .btnsupport_help{
  padding: 0.68rem 1.072rem !important;
}
.module-header .nav-item{
  height: 50px;
}
.dropdown-menu{
  font-size: 14px;
  padding: .2rem 0;
}
.dropdown-item{
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  margin: 2px 5px;
  padding: .429rem .929rem;
  border-radius: .215rem;
}
.dropdown-menu a.dropdown-item:hover{
  background-color: #132b3f !important;
  color: #e6af60 !important;
}
.fixed-top2 {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index:900;
}
a.btnsupport_help{
  padding: 11px 10px !important;
  line-height: 10px;
}
a.btnsupport_help:focus{
  padding: 0.68rem 1.072rem !important;
}
/* navbar css ends */
/* form css */
.form-control{
  color:#757575;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* height: 2.573rem; */
  -webkit-transition: -webkit-box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
  -o-transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
  transition: box-shadow .25s linear,border .25s linear,color .25s linear,background-color .25s linear;
  border-color: #e0e0e0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.form-group{
  margin-bottom: 1.429rem;
}
:focus{
  box-shadow: none !important;
  /* box-shadow: 0 0 0 0.05rem rgb(13 110 253 / 25%) !important; */
}
#contactmultiple-datasets .tag, #usrmultiple-datasets .tag, #othermultiple .tag {
  width: 250px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000000 !important;
  background: #eeeeee;
  font-size: 12px;
  padding: 5px;
  margin: 0;
  line-height: 8px;
  padding-right: 10px;
}
/* form css ends */
/* notification & calendar popup css */
.dropdown-menu-media {
  width: 360px;
  padding-top: 0;
  padding-bottom: 0;
}
.dropdown-menu-media .dropdown-menu-header {
  position: relative;
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0.25rem 0.25rem 0 0;
}
.notification_grp .notification_container {
  height: auto !important;
  max-height: 250px !important;
}
.dropdown-menu-media .list-group {
  font-size: .858rem;
  max-height: 270px;
  margin: 0;
  border-radius: 0;
}
.scrollable-vertical.is-enabled .scrollable-container {
  overflow-y: scroll !important;
}
.scrollable.is-enabled {
  overflow: hidden !important;
}
.is-enabled .scrollable-container {
  overflow: hidden !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.is-enabled .scrollable-content {
  position: relative !important;
  overflow: visible !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#notification_list .media {
  padding: 5px 0;
}
#notification_list .media .media-heading,
#event_list .media .media-heading,
#blkheadmenu_reminder .media .media-heading {
  white-space: pre-wrap;
  word-break: break-all;
  word-break: break-word;
  font-size: 14px;
  color: #757575 !important;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 0.25rem;
}
#notification_list .media,
#event_list .media,
#blkheadmenu_reminder .media  {
  color: #757575 !important;
}
#notification_list .media .media-heading makebold {
  color: #757575 !important;
}
#notification_list .media .media-meta,
#event_list .media .media-meta,
#blkheadmenu_reminder .media .media-meta {
  color: #333 !important;
}
.badgeup{
  top: -1.25em;
  position: relative;
  margin: 0px -0.6rem;
}
#notification_progressimg, #todo_progressimg, #event_progressimg{
  height: 60px;
}
#notification_progressimg .loader-ellipsis, #todo_progressimg .loader-ellipsis, #event_progressimg .loader-ellipsis{
  color: #757575 !important;
}
.icon-circle{
  height:24px;
  font-size: 16px;
  padding: 4px;
  border-radius: 15px;
  margin-right: 10px;
}
/* notification & calendar popup css */
/*default page onload loader*/
.loader {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  font-size: 40px;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  background: #3949ab;
}
.loader-content {
  margin: 50vh auto 0;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.loader-index {
  margin-top: 20px;
}
.loader-overlay{
  display: block;
  text-align: center;
}

/*vertical align: reference: https://stackoverflow.com/a/13515693*/
.loader-overlay .loader-ellipsis{
  /*text-align: center;*/
  position: relative;
  top: 45%;
  /*top: 50%;*/
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  /*left: 50%;*/
}
/*default page onload loader ends*/

/*Downloaded from https://www.codeseek.co/nauerster/css-animated-ellipsis-loader-KzENEN */
.loader2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loader-ellipsis:before,
.loader-ellipsis:after,
.loader-ellipsis {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: ellipsis-loader 1.8s infinite ease-in-out;
  animation: ellipsis-loader 1.8s infinite ease-in-out;
}
.loader-ellipsis {
  top: 45%;
  color: #9e9e9e;
  font-size: 14px;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader-ellipsis:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader-ellipsis:after {
  left: 3.5em;
}
.loader-ellipsis:before,
.loader-ellipsis:after {
  content: "";
  position: absolute;
  top: 0;
}
@-webkit-keyframes ellipsis-loader {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes ellipsis-loader {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* page css */
.page {
  background: #f1f4f5;
  margin-top:110px;
  margin-bottom: 30px;
}
.page-header {
  position: relative;
  padding: 30px 0px;
  margin-top: 0;
  margin-bottom: 0;
  background: 0 0;
  border-bottom: 0;
  height: 90px;
}
.page-title{
  font-size: 1.75rem;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 0;
  color: #424242;
}
.page-content {
  padding: 30px 30px;
  background: #fff;
  border-radius: 5px;
}
@media (min-width: 768px){
  .bd-layout {
    display: grid;
    gap: 1.5rem;
    grid-template-areas: "sidebar main";
    grid-template-columns: 1fr 3fr;
  }
}
@media (min-width: 992px){
  .bd-layout {
      grid-template-columns: 1fr 4fr;
  }
}
.bd-sidebar {
    grid-area: sidebar;
}
.bd-main {
    grid-area: main;
}
.page-aside{
  left: 0;
  background: #fff;
  border-radius: 5px;
}
/* page css ends */
/* footer css */
footer{
  font-size: 12px;
}
footer a{
  color : #000;
  text-decoration: none;
}
/* footer css ends */


/* plugin css */
.select2-selection__rendered{
  color: #757575 !important;
}
.select2-primary.theme_primary_inverse {
  background: inherit !important;
}
.jstree-anchor{
  padding: 0 5px 0 5px;
}
.jstree-default .jstree-search{
  font-style: normal;
  font-weight: 400;
}
/* for table skeleton css */
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0
  }
  100% {
    background-position: 468px 0
  }
}
.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 25px;
  position: relative;
  overflow: hidden;
}
.animated-background td{
  border-right: 3px solid #ffffff;  
}
.animated-background.topgap td{
  border-top: 3px solid #ffffff;  
}
/* nav-tabs css */
.nav-tabs .nav-item {
  height: auto;
}
.nav-tabs .nav-link{
  color: rgba(0,0,0,.55);
  padding: .5rem 1rem;
  margin-bottom: -7px;
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.nav-tabs .nav-link .active{
  padding: .5rem 1rem;
  border-top-left-radius:0;
  border-top-right-radius:0; 
}
/* table css */
th:first-child, td:first-child {
  padding-left: 0px !important;
}
/* badge css */
.badge{
  font-weight: normal !important;
  text-transform: uppercase !important;
}