.ew-required {
    color:
    #dc3545;
    margin-left: .5em;
    font-size: 50%;
    vertical-align: super;
}
.form-control {
    width:auto;
}

.app-header__logo .logo-src {
	background: url(/static/images/header_logo.png) 50% 50% no-repeat;
	height: 17px;
	width: 68px;
}

/*made sidebar text hide on sidebar collapse*/
.header-mobile-open .app-sidebar .custom-logo-text {
    display: none;
}

/*diagonal strikethrough*/
.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}

/*make content never exceed 100% width with navbar adjustment*/
.app-main .app-main__outer {
    max-width: 100%;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}
.app-inner-layout__content.pt-1 {
    max-width: 100%;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
}
.pr-readonly-value{
    background-color: #cacaca !important;
}
.pr-readonly-value2{
    background-color: white !important;
}

/*make intor.js tour more transparent*/
.introjs-helperLayer {
    background-color: transparent !important;
    border: solid yellow !important;
}
/*make overlay div more transparent*/
.introjs-overlay {
    background: -moz-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.4)));
    background: -webkit-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.4) 100%);
    background: -o-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.4) 100%);
    background: -ms-radial-gradient(center,ellipse farthest-corner,rgba(0,0,0,0.1) 0,rgba(0,0,0,0.4) 100%);
}

/*remove redundant vertical scroll bar in chrome on responsive tables*/
.table-responsive > .table-bordered {
    border: inherit;
}

/*Jquery-Autocomplete*/
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

/*my activity styles for mobile*/
/* Smartphones ----------- */
#my_act_project_list_area { column-count: 2;column-gap: 1.25rem; }
@media only screen and (max-width: 760px) {
  #my_act_project_list_area { column-count: 1;column-gap: 1.25rem; }
}

/*show  menu icons for sub menus*/
.vertical-nav-menu ul > li > a .metismenu-icon {
    display: block;
}

/*remove red dot for sub menu icons*/
.vertical-nav-menu ul > li > a::before {
    background: none;
}

/*make menu link text color pure white*/
.app-sidebar.sidebar-text-light .vertical-nav-menu li a, .app-inner-layout .app-inner-layout__wrapper .sidebar-text-light.app-inner-layout__sidebar.card .vertical-nav-menu li a {
    color: #fff;
    font-size: inherit;
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a, .app-inner-layout .app-inner-layout__wrapper .sidebar-text-light.app-inner-layout__sidebar.card .vertical-nav-menu ul > li > a {
    color: #fff;
    font-size: inherit;
}

/*fix mobile sidebar color*/
.header-mobile-wrapper {
  display: none;
  background: #021b35;
}

/*decrease app heading height*/
.app-header {
  height: 70px;
}

/*default styles*/
body {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-size: 12px;
}

/*set font size of form controlls to default*/
.form-control {
    font-size: inherit;
}

/*Add bordering on tab headers to make them more visible*/
.tabs-animated .nav-link {
    border: 1px solid #da624a;
    border-radius: 10px;
}

/*floating button*/
.floating_btn_rb{
	position:fixed;
	width:45px;
	height:45px;
	bottom:40px;
	right:0px;
	background-color:#021b35;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
    z-index: 9999;
    padding: 5px;
}

.floating_btn_rb:hover{
	background-color:#021b35;
	color:#FFF;
}

/*custom jquery UI dialog*/
.ui-widget-header {
    background-color:#021b35;
    color:#FFF;
}

.ui-widget-overlay {
  background: #736d6d;
  opacity: .7;
  -ms-filter: Alpha(Opacity=70);
}

/*remove padding from content shown in dialog*/
.ui-dialog-content .form-group{
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0.5rem;
}