body {
      height: 100vh;
      padding: 0px; 
      margin: 0px;
      overflow-y: hidden;
    }

.mdc-drawer-app-content {
  overflow: auto;
  height: 100%;
}

.mdc-top-app-bar {
  background-color: white;
  color: #5f6368;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  position: unset;
}

.mdc-top-app-bar__navigation-icon {
  color: #5f6368 !important;
}

.mdc-top-app-bar__title {
  font-size: 22px;
  font-weight: 600;
}

.mdc-data-table {
  border: none;
  width: 100%;
}
.mdc-data-table__row {
  border-top: none;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.mdc-data-table__cell {
  height: 40px;
  font-size: 12px;
}

.sk3-container {
  display: flex;
  width: 100%;
  overflow: auto;
}
.sk3-container__table {
  width: 100%;
}

.sk3-container .mdc-drawer {
  height: 90vh;
  border: none;
  z-index: 4;
}

.sk3-action {
  display: none;
  width: 100%;
}

.sk3-action__panel {
  width: 100%; 
  min-width: 50vw;
}

.sk3-action__grid {
  width: 100%; 
  padding-left: 15px;
  padding-top: 5px;
  padding-right: 15px;
}

.sk3-action--active {
  display: flex;
}

#sk3-close {
  display: none;
}
#sk3-back {
  display: none;
}
#sk3-table {
  display: none;
}

.sk3-drawer__header {
  color: #5f6368;
  padding-top: 10px;
}

form .mdc-text-field {
  width: 100%;
}

form .mdc-layout-grid__cell {
  margin-bottom: 8px;
}

.mdc-dialog__content {
  padding: 0px !important;
}

.gjs-editor {
          width: 100vw;
          height: 100vh;
        }

    #view-source {
      position: fixed;
      display: block;
      right: 0;
      bottom: 0;
      margin-right: 40px;
      margin-bottom: 40px;
      z-index: 900;
    }

  .mdl-layout__waitmsg {
    align-items: center;
    justify-content: center;
    background: #f3f3f3;
  }
  .mdl-layout__content-waitmsg {
    padding: 24px;
    flex: none;
  }


.gjs-one-bg {
  background-color: white !important; 
}
.gjs-two-color {
  color: #616161 !important;
}
.gjs-pn-commands {
  box-shadow: none !important;
  border-bottom: 1px rgba(0, 0, 0, .1) solid;
}
.gjs-pn-views-container {
  box-shadow: none !important;
  border-left: 1px rgba(0, 0, 0, .1) solid;
}
.gjs-pn-views {
  border-bottom: 1px rgba(0, 0, 0, .1) solid !important;
  border-left: 1px rgba(0, 0, 0, .1) solid !important;
}
.gjs-three-bg {
  background-color: #d278c9 !important;   
}



   { display: block; border-bottom: 1px solid #b5b5b3; padding-bottom: 10px; width: 100%; }
   .sbd_filter { display: block; border-bottom: 1px solid rgba(100,121,143,0.122); padding-left: 15px; padding-bottom: 8px; padding-top: 4px; width: 100%; }
   .sbd_filterbtn { margin-top: 10px; }
   @media (min-width: 37em) {
      .sbd_filter { display: inline-flex;  }
      .sbd_filterbtn { margin-left: 20px; }
   }
/*   input[type="text"] { margin-bottom: 0px; border: none; }*/


.sk3-content {
  display: none;
}

.sk3-content--grid {
  width: 100%;
  padding-top: 10px;
}

.sk3-sqleditor--content {
  height: 90%;

}
.sk3-sqleditor--form {
  height: 100%;
}

.sk3-content--active {
  display: block;
}

.sk3-icon-button__small {
  width: 32px;
  height: 32px;
  font-size: 16px;
  padding: 6px;
}

.sk3-data-table__menu {
  min-width: 50%;
  width: 50%;
}


.dataTables_wrapper {
  padding-right: 20px !important;
  font-size: 14px;
}  

table.dataTable thead th {
  font-weight: 500;
}  

.dataTables_scrollBody {
  font-size: 12px;
}  

.dataTables_info {
  font-size: 12px;
}  
.dataTables_paginate {
  font-size: 12px;
}  


.sk3-grid-action {
  color: #5f6368;

}


  .mdl-textfield { padding: 0; padding-bottom: 5px; }
  .mdl-textfield__label:after{ bottom: 5px }

  .mdl-cell__edit { padding-left: 10px; }
  
  .mdl-button { min-width: 32px; }
  .mdl-grid { padding: 0px; }
  
  input[class*="mdl-textfield"] {border:none;border-bottom:1px solid rgba(0,0,0,.38); padding:0;padding-bottom:1px; color: rgba(0,0,0,.84); font-size: 12px; font-weight: 550; line-height: 18px; font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';}
  input[class*="mdl-textfield"]:focus {border-bottom:2px solid #039be5;padding-bottom:0px}
  label { display: block; margin-bottom: 0px; }    

.dx-widget {
  font-family: 'Roboto', 'Helvetica', 'Arial', 'sans-serif';
 }  

@media (min-width: 760px) {
  label { font-weight: 550 }    
  #sbd-filterform > .dx-widget {
    font-size: 11px;
    line-height: 1;
  }
}
@media (max-width: 760px) {
  #sbd-filterform * .dx-widget {
    font-weight: 600;
  }
  #sbd-filterform * .dx-texteditor-input {
    font-weight: 600 !important;
  }
}  

.dx-toolbar .dx-toolbar-label {
  font-size: 12px;
}

}

.dx-gridbase-container {
  height: inherit;
}


.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #002171; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-util {
      float: left;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-util span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-util span:hover {
          color: #002171; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      display: block;
      position: relative;
      color: #5f6368; }
      .site-mobile-menu .site-nav-wrap a.active, .site-mobile-menu .site-nav-wrap_n a:hover {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li.active > a {
        color: #007bff; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 4px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > a > .btn-mobm {
        display: none; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }


.site-mobile-main {
  display: none;
  width: 100%;
  right: 0;
  background: #fff;
  height: calc(100vh);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-main {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-main .site-mobile-main-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-main .site-mobile-main-header .site-mobile-main-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-main .site-mobile-main-header .site-mobile-main-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-main .site-mobile-main-header .site-mobile-main-close span:hover {
          color: #002171; }
    .site-mobile-main .site-mobile-main-header .site-mobile-main-util {
      float: left;
      margin-top: 8px; }
      .site-mobile-main .site-mobile-main-header .site-mobile-main-util span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-main .site-mobile-main-header .site-mobile-main-util span:hover {
          color: #002171; }
    .site-mobile-main .site-mobile-main-header .site-mobile-main-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-main .site-mobile-main-header .site-mobile-main-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-main .site-mobile-main-header .site-mobile-main-logo a img {
          max-width: 70px; }
        .site-mobile-main .site-mobile-main-header .site-mobile-main-logo a:hover {
          text-decoration: none; }
  .site-mobile-main .site-mobile-main-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 1px 15px 0px 15px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-main .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-main .site-nav-wrap a {
      display: block;
      position: relative;
      color: #494949; }
      .site-mobile-main .site-nav-wrap a.active, .site-mobile-main .site-nav-wrap_n a:hover {
        color: #007bff; }
    .site-mobile-main .site-nav-wrap li {
      position: relative;
      display: block; }
    .site-mobile-main .site-nav-wrap li.menu-card {
      margin-bottom: 20px; 
      margin-left:  20px;
      box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
      transition: all 0.3s cubic-bezier(.25,.8,.25,1);
      border-radius: 2px;
     }
      .site-mobile-main .site-nav-wrap li.active > a {
        color: #007bff; }
    .site-mobile-main .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 4px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-main .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-main .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-main .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-main .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: calc(100% - 40px); }
      .site-mobile-main .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 18px; 
        font-weight: 600;
        display:  flex;
        border-bottom: 1px solid #bdc1c6}
      .site-mobile-main .site-nav-wrap > li > a.collapsed {
        border-bottom:  none;
      }
      .site-mobile-main .site-nav-wrap > li > a > .btn-mobm {
        padding-right: 15px;
        font-size: 20px; 
        padding-top: 2px;
        font-weight:  600;}
      .site-mobile-main .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-main .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-main .site-nav-wrap > li > ul > li > a {
            padding: 4px 10px 4px 20px;
            font-size: 14px; 
            font-weight: 600;}
          .site-mobile-main .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-main .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-main .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }

@media (max-width: 760px) {
  .site-mobile-main.mobm-show {
    display: block !important;
  }
}