.nav-sidebar .menu-open>.nav-link .right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


ion-icon {
    font-size: 16px;
    vertical-align: middle;
}
.content-wrapper {
    background-color: #f2f7f8;
}
div#loading-image {
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999;
    background-color: #ffffffb8;
    height: 100%;
        top: 0;
}
div#loading-image div  {
    position: relative;
    top: 43%;
    width:50px;
    height:50px;
    font-size: 24px;
}
table .img-thumbnail {
    width: 75px;
}
.wmthumbnail {
    position: relative;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 0px 2px #0000007a;
}
.wmthumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.nav>li>a {
    position: relative;
    display: block;
    padding: 14px 15px;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: auto;
    overflow-y: hidden;
}
.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 1px;
    margin-top: -1px;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75);
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.greenclr {
    color: #27ae60;
}
.tealclr {
    color: #16a085;
}
.redclr {
    color: #e74c3c;
}
.blueclr {
    color: #2980b9;
}
.navyclr {
    color: #0000FF;
}
.orangeclr {
    color: #e67e22;
}
.yellowclr {
    color: #f1c40f;
}
.greyclr {
    color: #7f8c8d;
}
.blackclr {
    color: #000000;
}
.oliveclr {
    color: #808000;
}
.purpleclr {
    color: #8e44ad;
}
.maroonclr {
    color: #c0392b;
}



.greenbg {
    background-color: #27ae60;
}
.tealbg {
    background-color: #16a085;
}
.redbg {
    background-color: #e74c3c;
}
.bluebg {
    background-color: #2980b9;
}
.navybg {
    background-color: #0000FF;
}
.orangebg {
    background-color: #e67e22;
}
.yellowbg {
    background-color: #f1c40f;
}
.greybg {
    background-color: #7f8c8d;
}
.blackbg {
    background-color: #000000;
}
.olivebg {
    background-color: #808000;
}
.purplebg {
    background-color: #8e44ad;
}
.maroonbg {
    background-color: #c0392b;
}


body {
    font-family: Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.filterbox h4 {
    margin-bottom: 0;
}
.filterbox hr {
    margin: 10px 0px 0px 0px;
}
label {
    margin-bottom: 4px;
}
.filterbox label {
    margin-top: 10px;
}
.filterbox {
    background-color: #eeefe7;
}
.fas {
    width: 20px;
    text-align: center;
}
.nav-sidebar .nav-item>.nav-link {
    padding: 10px 15px;
}
.nav-sidebar .nav-link>.fas {
    font-size: 18px;
    width: 40px;
}


.d-flex1 {
    display: -ms-flexbox;
    display: flex;
}

ul#taskslist:before {
    content: 'Not found!';
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 28px;
    color: #848484;
}
span.tasklink {
    cursor: pointer;
}

.form-group.required>label:after {
  content:"*";
  color:#d61616;
  margin-left:3px;
}