/*
 * Core: General Layout Style
 * -------------------------
 */

@font-face {
  font-family: 'lato';
  src: url('../fonts/lato-regular.woff2') format('woff2'),
    url('../fonts/lato-regular.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}

html,
body {
  min-height: 100%;
  /* font-family: noto,Arial,sans-serif;*/
  /* font-size: 1.4rem;*/
  color: #4d5b60;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  width: 100%;
  background-color: #E6E6FA;
  overflow-x: hidden;
  overflow-y: auto;
  display: inline-flex;
}

.layout-boxed html,
.layout-boxed body {
  height: 100%;
}



#app {
  height: 100%;
  width: 100%;
  position: absolute;
}

.home-box {
  background-color: white;
  border-radius: 0.2rem;
  box-shadow: 0 2px 3px #ced4d9;
}


.wbm-app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  
}

/*
Flex box related Properties ++
*/
.flex-container,
.flex-container-h,
.flex-container-h-r,
.flex-container-v,
.flex-container-v-r {
  display: flex;
  /*flex-wrap: wrap;*/
}

.flex-container-h-r {
  flex-direction: row-reverse;
}

.flex-container-h {
  flex-direction: row;
}

.flex-container-v {
  flex-direction: column;
}

.flex-container-v-r {
  flex-direction: column-reverse;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap;
}

.flex-justify-between {
  justify-content: space-between;
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-align-center {
  align-items: center;
}

.flex-align-stretch {
  align-items: stretch;
}

.flex-item-fluid {
  flex: 1;
}

.flex-item-fluid2 {
  flex: 2;
}

.flex-item-solid {
  flex: 0;
}

.flex-item-none {
  flex: none;
}

.flex-item-shrink {
  flex-shrink: 1;
}

.flex-item-noshrink {
  flex-shrink: 0;
}

.flex-item-first {
  order: -1;
}

.flex-item-medium {
  order: 0;
}

.flex-item-last {
  order: 1;
}

.flex-item-center {
  margin: auto;
}

.flex-item-right {
  margin-left: auto;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.grow-equal {
  flex-grow: 1;
}

.grow-60 {
  flex-grow: 0.6;
}

.grow-40 {
  flex-grow: 0.4;
}

.grow-10 {
  flex-grow: 0.1;
}

.grow-30 {
  flex-grow: 0.30;
}

.grow-70 {
  flex-grow: 0.7;
  margin-top: 2px;
}

.grow-305 {
  flex-grow: 0.305;
  margin-top: 2px;
}

.-auto {
  flex-basis: auto;
}

.nowrap {
  flex-wrap: nowrap;
}

.self-align {
  margin: 8px;
}

.flex-item-button {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
}

.flex-item-fluid4 {
  flex: 4;
}

/*
Flex box properties --
*/

/*
  new grabber
  */
.arrow-left {
  position: relative;
  cursor: pointer;
  height: 100%;
  right: -4px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: calc(50% - 7px);
  margin: -10px 0 0 0px;
  border-right: 10px solid #ccc;
}

.arrow-left:hover {
  border-right: 10px solid #4d5b60;
}

.arrow-right {
  position: relative;
  cursor: pointer;
  height: 100%;
  right: 0;
  left: 0.5rem;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: calc(50% - 7px);
  margin: -10px 0 0 0px;
  border-left: 10px solid #ccc;
}

.arrow-right:hover {
  border-left: 10px solid #4d5b60;
}

.arrow-left1 {
  position: relative;
  cursor: pointer;
  height: 100%;
  right: 0;
  width: 0;
  height: 0;
  left: 48%;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  /*top: calc(50% - 7px);*/
  margin: 10px 0 0 0px;
  border-right: 10px solid #ccc;
}

.arrow-left1:hover {
  border-right: 10px solid #4d5b60;
}

.arrow-right1 {
  position: relative;
  cursor: pointer;
  height: 100%;
  right: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  /* top: calc(50% - 7px);*/
  margin: 10px 0 0 0px;
  border-left: 10px solid #ccc;
}

.arrow-right1:hover {
  border-left: 10px solid #4d5b60;
}

/* Hover state */

.attribute-tab {
  background-color: #e7e7e7;
  max-width: 20rem;
}

.hidden {
  display: none;
}

.svg__help-bg {
  background-image: url("../../images/icon__help-bg.svg");
}

.header--purple {
  background-color: #8561c5;
  color: #ffffff;
}

.icon__header-bg {
  background-repeat: no-repeat;
  background-size: contain;
}

/*
content from theme.css
*/
.icon-avatar {
  height: 10rem;
  width: 20rem;
}

.icon-users {
  height: 5rem;
  width: 5rem;
  border-bottom: 3px solid #199ccd;
}

/* General Links */
a {
  color: #3c8dbc;
}

a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

/*
Side pane Holder*/

.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-menu>li {
  position: relative;
  margin: 0;
  padding: 0;
}

.sidebar-menu>li>a {
  padding: 12px 5px 12px 15px;
  display: block;
}

.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion {
  width: 20px;
}

.sidebar-menu>li .label,
.sidebar-menu>li .badge {
  margin-top: 3px;
  margin-right: 5px;
}

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
}

.sidebar-menu li>a>.fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}

.sidebar-menu li.active>a>.fa-angle-left {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sidebar-menu li.active>.treeview-menu {
  display: block;
}

.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}

.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px;
}

.sidebar-menu .treeview-menu>li {
  margin: 0;
}

.sidebar-menu .treeview-menu>li>a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
}

.sidebar-menu .treeview-menu>li>a>.fa,
.sidebar-menu .treeview-menu>li>a>.glyphicon,
.sidebar-menu .treeview-menu>li>a>.ion {
  width: 20px;
}

.sidebar-menu .treeview-menu>li>a>.fa-angle-left,
.sidebar-menu .treeview-menu>li>a>.fa-angle-down {
  width: auto;
}

/*
 * Component: Sidebar Mini
 */
@media (min-width: 768px) {

  .sidebar-mini.sidebar-collapse .content-wrapper,
  .sidebar-mini.sidebar-collapse .right-side,
  .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 50px !important;
    z-index: 840;
  }

  .sidebar-mini.sidebar-collapse .custom-main-sidebar {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li {
    position: relative;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
    margin-right: 0;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
    border-top-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
    top: 0;
    margin-left: -3px;
    padding: 12px 5px 12px 20px;
    background-color: inherit;
  }

  .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    top: 44px;
    margin-left: 0;
  }

  .sidebar-mini.sidebar-collapse .custom-main-sidebar .user-panel>.info,
  .sidebar-mini.sidebar-collapse .sidebar-form,
  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
  .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
  .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
  .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
  }

  .sidebar-mini.sidebar-collapse .custom-main-header .logo {
    width: 50px;
  }

  .sidebar-mini.sidebar-collapse .custom-main-header .logo>.logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
  }

  .sidebar-mini.sidebar-collapse .custom-main-header .logo>.logo-lg {
    display: none;
  }

  .sidebar-mini.sidebar-collapse .custom-main-header .navbar {
    margin-left: 50px;
  }
}

.sidebar-menu,
.custom-main-sidebar .user-panel,
.sidebar-menu>li.header {
  white-space: nowrap;
  overflow: hidden;
}

.sidebar-menu:hover {
  overflow: visible;
}

.sidebar-form,
.sidebar-menu>li.header {
  overflow: hidden;
  text-overflow: clip;
}

.sidebar-menu li>a {
  position: relative;
}

.sidebar-menu li>a>.pull-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
}

/*
 * Component: Dropdown menus
 * -------------------------
 */
/*Dropdowns in general*/
.dropdown-menu {
  box-shadow: none;
  border-color: #bdc3c7;

}

.dropdown-menu>li>a {
  color: #777;
}

.dropdown-menu>li>a>.glyphicon,
.dropdown-menu>li>a>.fa,
.dropdown-menu>li>a>.ion {
  margin-right: 10px;
}

.dropdown-menu>li>a:hover {
  background-color: #e1e3e9;
  color: #333;
}

.dropdown-menu>.divider {
  background-color: #eee;
}

.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
  width: 400px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li,
.navbar-nav>.messages-menu>.dropdown-menu>li,
.navbar-nav>.tasks-menu>.dropdown-menu>li {
  position: relative;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444 !important;
  text-align: center;
}

@media (max-width: 991px) {

  .navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
  .navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
  .navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
    background: #fff !important;
    color: #444 !important;
  }
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
  text-decoration: none;
  font-weight: normal;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
  max-height: 500px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
  background: #f4f4f4;
  text-decoration: none;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
  color: #444444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
  width: 20px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
  margin: 0;
  padding: 10px 10px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
  position: relative;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
  color: #999999;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  content: " ";
  display: table;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
  clear: both;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
  padding: 10px;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
  padding: 0;
  margin: 0;
}

.navbar-nav>.user-menu>.dropdown-menu {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-width: 0;

}

.user-det {
  margin-left: -200px;
}


.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
  height: auto;
  padding: 10px;
  text-align: center;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
  z-index: 5;
  height: 90px;
  width: 90px;
  border: 3px solid;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
  z-index: 5;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  margin-top: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
  display: block;
  font-size: 12px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
  padding: 15px;
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #dddddd;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
  content: " ";
  display: table;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
  clear: both;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
  color: #444 !important;
}

@media (max-width: 991px) {
  .navbar-nav>.user-menu>.dropdown-menu>.user-body a {
    background: #fff !important;
    color: #444 !important;
  }
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
  background-color: #f9f9f9;
  padding: 10px;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
  content: " ";
  display: table;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
  clear: both;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
  color: #666666;
}

@media (max-width: 991px) {
  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
    background-color: #f9f9f9;
  }
}

.navbar-nav>.user-menu .user-image {
  float: left;
  width: auto;
  height: auto;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}

@media (max-width: 767px) {
  .navbar-nav>.user-menu .user-image {
    float: none;
    margin-right: 0;
    margin-top: -8px;
    line-height: 10px;
  }
}

/*
 * Component: Form
 * ---------------
 */
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: grey;
}

.form-control:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}

.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group.has-success label {
  color: #00a65a;
}

.form-group.has-success .form-control {
  border-color: #00a65a;
  box-shadow: none;
}

.form-group.has-warning label {
  color: #f39c12;
}

.form-group.has-warning .form-control {
  border-color: #f39c12;
  box-shadow: none;
}

.form-group.has-error label {
  color: #dd4b39;
}

.form-group.has-error .form-control {
  border-color: #dd4b39;
  box-shadow: none;
}

/* Input group */
/*.input-group .input-group-addon {
  border-radius: 0;
  border-color: #d2d6de;
  background-color: #fff;
}*/
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}

.icheck>label {
  padding-left: 0;
}

/* support Font Awesome icons in form-control */
.form-control-feedback.fa {
  line-height: 34px;
}

.input-lg+.form-control-feedback.fa,
.input-group-lg+.form-control-feedback.fa,
.form-group-lg .form-control+.form-control-feedback.fa {
  line-height: 46px;
}

.input-sm+.form-control-feedback.fa,
.input-group-sm+.form-control-feedback.fa,
.form-group-sm .form-control+.form-control-feedback.fa {
  line-height: 30px;
}

/*button */


.btn {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
}

.btn.uppercase {
  text-transform: uppercase;
}

.btn.btn-flat {
  border-radius: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}

.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus {
  outline: none;
}

.btn.btn-file {
  position: relative;
  overflow: hidden;
}

.btn.btn-file>input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  opacity: 0;
  filter: alpha(opacity=0);
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

.btn-default {
  background-color: #f4f4f4;
  color: #444;
  border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
  background-color: #e7e7e7;
}

.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #367fa9;
}

.btn-success {
  background-color: #00a65a;
  border-color: #008d4c;
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
  background-color: #008d4c;
}

.btn-info {
  background-color: #00c0ef;
  border-color: #00acd6;
}

.btn-info:hover,
.btn-info:active,
.btn-info.hover {
  background-color: #00acd6;
}

.btn-danger {
  background-color: #dd4b39;
  border-color: #d73925;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
  background-color: #d73925;
}

.btn-warning {
  background-color: #f39c12;
  border-color: #e08e0b;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
  background-color: #e08e0b;
}

.btn-outline {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  color: rgba(255, 255, 255, 0.7);
  border-color: rgba(255, 255, 255, 0.7);
}

.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn[class*='bg-']:hover {
  -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
}

.btn-app {
  border-radius: 3px;
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}

.btn-app>.fa,
.btn-app>.glyphicon,
.btn-app>.ion {
  font-size: 20px;
  display: block;
}

.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}

.btn-app:active,
.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-app>.badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}

/* Content derived from old layout.css file as process of css file simplification.*/
/*
 * Skin: Purple
 * ------------
 */
.btn-default {
  background-color: #F8F8F8;
  color: #8561c5;
}

.btn-primary {
  background-image: none;
}

.mltp {
  margin-left: 0.7rem;
}

.pac {
  padding: 0.3rem;
}

.cpointer {
  cursor: pointer;
}

.inbl,
.inblmid,
.inblbot {
  display: inline-block;
  vertical-align: top;
}

.app-icons:hover {
  border-bottom: 3px solid #199ccd;
}

.app-icons:first-child {
  border-bottom: 3px solid #199ccd;
}

.li-menu {
  text-align: center;
  background-color: #fafafa;
  border-radius: 2px
}

.dropdown-menu_search {
  width: 79rem;
  margin-right: 10px;
}

.dropdown-menu {
  min-width: 31.1rem;
  font-size: 10pt;
  /*background-color:#8561C5;*/
  /*background-color:#D1C1EE;*/
  background-color: white;
  padding: 0px;
  border-radius: 2px;
  margin-top: 1rem;
}

.dropdown-menu>li>a {

  color: white;


}

.dropdown-menu>li>img {
  height: 3rem;
  width: 3rem;
  float: left;

}

.li-menu li {
  background-color: rgba(255, 255, 255, 0);
  transition: width 0.3s ease, background-color 0.3s ease-in;
  color: grey;
  /*border-bottom: 1px solid;*/
  border-radius: 2px;
  background-color: #E6E6FA;
  transition: background-color 200ms ease;
  list-style: none;
  ;
  margin: 0rem;
  padding: 0rem;
  padding-left: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-size: 11pt;
}

.borderbottom {
  border-bottom: 1px solid;
}

.li-menu span {
  padding-left: 6rem;
  position: relative;
  top: 0.5rem;
}

.no-padding {
  padding-left: 1rem !important;
}

.li-italic {
  font-style: italic;
}

.li-menu li:hover>span>a {
  color: white;
}

.no-top {
  top: 0rem !important;
}

.primary {
  background-image: url('../../images/icon__delete-device.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
}

.primary:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__delete-device.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.changepassword {
  background-image: url('../../images/icon__key-grey.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.changepassword:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__key-white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.changelanguage {
  background-image: url('../../images/icon__settings.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.changelanguage:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__settings-white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.adminConfiguration {
  background-image: url('../../images/icon__administrator-configuration____.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.adminConfiguration:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__administrator-configuration____white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;

}

.changeCofig {
  background-image: url('../../images/icon__domain-configuration__.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.changeCofig:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__domain-configuration__white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.logout {
  background-image: url('../../images/icon__logout.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.logout:hover {
  background-color: #f44336;
  color: white;
  background-image: url('../../images/icon__logout-white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.gridconfiguration {
  background-image: url('../../images/icon__users.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  /*right: -0.5px;*/
}

.gridconfiguration:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__users--white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}


.dropdown>a.header-avatar {
  /*min-width:20rem;
    min-width:16rem;
   max-width: 26rem;
   width: max-content;*/
  max-width: 26rem;
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0rem;
  max-height: 4rem;
}

.dropdown>a.header-avatar>img {
  height: 3.5rem;
  /*width:5rem;*/
  padding-top: 0.5rem;
}

.applauncher a:not([class]) {
  /* Target only <a> tags without a class */
  display: block; /* Ensure proper block behavior if needed */
  transform: scale(0.8); /* Scale down the entire link content */
  transform-origin: center; /* Scale from the center */
}

.applauncher .app-icons img {
  /* Scale down the images inside the flex container */
  width: 80%; /* Decrease width to 80% of original */
  height: auto; /* Maintain aspect ratio */
}

.dropdown-toggle::after {
  display: none; /* Hides the small triangle/caret */
}


.dropdown>a.header-avatar>span {
  color: #4d5b60;
  font-size: 14pt;
  text-align: left;
  position: relative;
  top: 0.3rem;
  padding-left: 0.5rem;
}

.dropdown>a.header-avatar>span.domaininfo {
  color: #4d5b60;
  font-size: 10pt;
  text-align: left;
  position: relative;
  top: -1rem;
  padding-left: 0.5rem;
}

.dropdown>a.header-avatar>span.domainadmin {

  padding-top: 1px;
}


.dropdown>a.header-avatar>span>br {
  display: inline;
  margin-bottom: 0px;
  font-size: 2px;
  line-height: 1px;
}

.options {
  display: flex-container;
  float: right;
  position: relative;

}

.options-1 {
  display: flex-container;
  /*position:absolute;*/
  float: auto;
  top: 6rem;
  padding: 0;
  width: 100%;
}

.options>ul {
  display: flex;
}

.options>ul>li {
  list-style: none;
  display: inline-flex;
  font-size: 18pt;
  color: black;
}



.Field {
  display: flex;
  position: relative;
  padding: 0px;
  float: right;

}



.SearchBox-query {
  /* Shrink and grow as needed, but never shrink so
       small that we can't read the placeholder */
  flex: 1 0 8em;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-radius: 2px;
  border-left: 5px solid white;
  width: 32rem;
  font-size: 12pt;
  font-style: normal;
  border-radius: 40px 0px 0px 40px;
  line-height: 2rem;
  padding: 0rem 2rem;
  margin-left: 3rem;
  outline: none;
  color: #6639b7;

}

.SearchBox-disabled {
  border-left: 0px solid white;
}


.SearchBox-submitBtn {
  /* Never shrink or grow */
  flex: 0 0 auto;
  border: transparent;
  /*border-left:1px solid white;
    height:4rem; background-color: #8561C5;*/
  height: 2.9rem;
  background-color: #199CCD;
  width: 3rem;
}

.SearchBox-submitBtn1 {
  /* Never shrink or grow */
  flex: 0 0 auto;
  border: transparent;
  border-left: 1px solid white;
  height: 4rem;
  background-color: white;
  width: 4rem;
  margin: 2rem;
  float: none;

}

.dropdown-arrow {
  background-image: url('../../images/icon__down-arrow.svg');
  background-repeat: no-repeat;
  border-radius: 0px 40px 40px 0px;
}

.search-content {
  background-image: url('../../images/icon__advanced-search.svg');
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-radius: 40px 0px 0px 40px;
  background-position: center;
}

.qsearch-content {
  /*background-image:  url('../../images/reset.svg');*/
  background-image: url('../../images/icon___search.svg');
  background-position: center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  /*background-color:white;*/
  border-radius: 0px 40px 40px 0px;
  margin-right: 1rem;
  background-size: 2.5rem;
}


.SearchBox-submitBtn:hover {
  background-color: grey;
}

.form-horizontal {

  min-width: 70rem;
  width: 78.8rem;
  height: 17.2rem;
  background-color: white;
}

.form-horizontal>div>select {
  width: 24%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  /*border: none;*/
  height: 2em;
  color: #6639b7;
}

.form-horizontal>div>div>select {
  width: 24.2%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  height: 2em;
}

.form-horizontal>div>div>div>div>select {
  width: 24.2%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  height: 2em;
}

.form-horizontal>div>div>div>div>div>select {
  width: 24.2%;
  margin-top: 1rem;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  height: 2em;
}


.form-horizontal>div>input {
  height: 27px;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: none;

  width: 28%;
}

.form-horizontal>div>div>input {
  height: 27px;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  width: 24.2%;
}


.form-horizontal>div>div>div>div>input[type='text'] {
  height: 27px;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  width: 24.2%;
}

.form-horizontal>div>div>div>div>div>input[type='text'] {
  height: 27px;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  width: 24.2%;
}

.config_adv_search {
  height: 27px;
  padding-left: 0.5rem;
  margin-left: -0.5rem;
  border-radius: 3px;
  border: 1px solid #ced4d9;
  color: #6639b7;
  width: 24.2%;
}

.config_adv_search_dropdown {
  max-height: 55rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.searchAddIcon {
  /*width: 91%;
    padding-right: 93px;*/
  width: 0px;
  /* margin-left: 76rem; */
  margin-left: 74rem;
  padding-left: 0rem;
  margin-top: -2.5rem;
  padding-top: 0.2rem;
  padding-right: 48px;
}

@media screen and (max-width: 1500px) {
  .searchAddIcon {
    /*width: 91%;*/
    width: 0px;
    /* margin-left: 76rem; */
    margin-left: 74rem;
    padding-left: 0rem;
    margin-top: -2.6rem;
    padding-top: 0.2rem;
    padding-right: 47px;
  }
}

.firstLevel .adv_search_form_bottom .addionalfilter .searchAddIcon {
  width: 0px;
  /* margin-left: 76rem; */
  margin-left: 66rem;
  padding-left: 0rem;
  margin-top: -2.6rem;
  padding-top: 0.2rem;
  padding-right: 47px;
}

.searchAddIcon-disable {
  opacity: .4;
}

.firstLevel .adv_search_form_bottom .addionalfilter .delbutton {
  width: 0px;
  margin-left: 64rem;
  padding-left: 0rem;
  margin-top: -2.6rem;
  padding-top: 0.2rem;
}

.form-horizontal>div>span {
  /*margin-left:1rem;  padding:0.5rem;
     /*background-color: white;
    padding:0.5rem;*/
  color: #6639b7;
  font-weight: unset;
}

.logicalcond {
  text-align: center;
  margin-left: -26px;
  padding-left: 9px;
  margin-right: 0px;
}

.delbutton {
  width: 0px;
  margin-left: 72rem;
  padding-left: 0rem;
  margin-top: -2.6rem;
  padding-top: 0.2rem;
}

.form-horizontal>div>div>span {}


.form-control-custom {
  width: 80%;
  margin-left: 5rem;

}

.create-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__add-user.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.create-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-user-white.svg);
}

.create-icon:focus {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-user-white.svg);
}

.create-directory-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__add-folder.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.create-directory-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-folder_white.svg);
}

.create-directory-icon:focus {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-folder_white.svg);
}

.create-programkeys-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__deskphone.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.create-programkeys-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__deskphone--white.svg);
}

.create-programkeys-icon:focus {
  color: #ffffff;
  background-color: #edf0ea;
  background-image: url(../../images/icon__deskphone--white.svg);
}

.create-expert-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__settings__purple.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.create-expert-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__settings-white.svg);
}

.create-expert-icon:focus {
  color: #ffffff;
  background-color: #edf0ea;
  background-image: url(../../images/icon__settings-white.svg);
}

.create-deregister-dect-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__nok.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.create-deregister-dect-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__nok.svg);
}

.create-deregister-dect-icon:focus {
  color: #ffffff;
  background-color: #edf0ea;
  background-image: url(../../images/icon__nok.svg);
}

.create-domain-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__add-domain.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.create-domain-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-domain-white.svg);
}

.create-domain-icon:focus {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-domain-white.svg);
}

/*Styles for Add Secondary device button in OXE rights tab*/
/*.createSecDevice-icon {
    color:  #6639b7;
    border-color:  #6639b7;
    background-color: inherit;
    background-repeat: no-repeat;
    background-image: url(../../images/icon_add_seconday_device.svg);
    background-size: 20px;
    background-position-y: 4px;
    background-position-x: 4px;
    outline: none;

  }

.createSecDevice-icon:hover {
    color: #ffffff;
    background-color:  #6639b7;
    background-image: url(../../images/icon_add_seconday_device.svg);
}
.createSecDevice-icon:focus {
  color: #ffffff;
  background-color: #6639b7;
  background-image: url(../../images/icon_add_seconday_devices.svg);
}
*/
.addCategoryButton {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  outline: none;
}

.addCategoryButton:hover {
  color: #ffffff;
  background-color: #68b223;
}

.deleteCategoryButton {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  outline: none;
}

.deleteCategoryButton:hover {
  color: #ffffff;
  background-color: #ff4545;
}

.othersCategoryButton {
  color: #8561c5;
  border-color: #8561c5;
  background-color: inherit;
  outline: none;
}

.othersCategoryButton:hover {
  color: #ffffff;
  background-color: #8561c5;
}

.othersCategoryButton.selected-nav {
  color: #ffffff;
  background-color: #8561c5;
}

.backCategoryButton {
  color: #32aed7;
  border-color: #32aed7;
  background-color: inherit;
  outline: none;
}

.backCategoryButton:hover {
  color: #ffffff;
  background-color: #32aed7;
}

.buttonimage {
  height: 20px;
  width: 20px;
}

.createSecDevice-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__add-green.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.createSecDevice-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-white.svg);
}

.createSecDevice-icon:focus {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-white.svg);
}

.showless-icon {
  background-image: url(../../images/icon___showless.svg);
}

.showless-icon:hover {
  background-image: url(../../images/icon___showless_white.svg);
}

.showless-icon:focus {
  background-image: url(../../images/icon___showless_white.svg);
}

.nav-bar .button-text {
  margin-left: 0;
}

.button-text {
  margin-left: 2.1rem;
}

#configDetailViewHolder .flex-center-icons .button-text,
#reportsModal .flex-center-icons .button-text {
  margin-left: 2px;
}

#configDetailViewHolder #export .button-text {
  margin-left: 4px;
}

#configDetailViewHolder #toSearchResult .buttonimage,
#configDetailViewHolder #oxeBack .buttonimage {
  margin-left: -1px;
}

#configDetailViewHolder #configureNode .buttonimage {
  margin: 0 3px;
}

#configDetailViewHolder .buttonproperties,
#reportsModal .buttonproperties,
#configDetailViewHolder .flex-center-icons,
#reportsModal .flex-center-icons {
  display: flex;
  align-items: center;
  min-height: 32px;
}

#reportsModal .buttonproperties{
  width: 61%;
}

#reportsModal .frameBackground {
  padding: 0px;
}

#reportsModal .frameBackground .white-bg {
  background: #fff;
}

#configDetailViewHolder #oxeBack,
#configDetailViewHolder #configureNode,
#configDetailViewHolder #locate,
#configDetailViewHolder #oxeLocate,
#configDetailViewHolder #toSearchResult {
  padding-left: 4px;
}

.remove-icon {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__delete-user.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.remove-icon:hover {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-user-white.svg);
}

.remove-icon:focus {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-user-white.svg);
}

.remove-domain-icon {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__delete-domain.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.remove-domain-icon:hover {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-domain-white.svg);
}

.remove-domain-icon:focus {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-domain-white.svg);
}

.remove-directory-icon {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__delete-folder.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.remove-directory-icon:hover {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-folder_white.svg);
}

.remove-directory-icon:focus {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-folder_white.svg);
}

.update-directory-icon {
  color: #8561c5;
  border-color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__folder__edited.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.navigate-prev {
  color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/navigate_previous.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
  border: none;

}

.navigate-next {
  color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/navigate_next.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
  border: none;
}

.navigate-last {
  color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/navigate_last.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
  border: none;
}

.navigate-first {

  color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/navigate_first.svg);
  background-size: 20px;
  background-position-y: 0px;
  background-position-x: 4px;

  outline: none;
  border: none;

}



.update-directory-icon:hover {
  color: #ffffff;
  background-color: #8561c5;
  background-image: url(../../images/icon__folder__edited--active.svg);
}

.update-directory-icon:focus {
  color: #ffffff;
  background-color: #8561c5;
  background-image: url(../../images/icon__folder__edited--active.svg);
}

.user-back {
  color: #32aed7;
  border-color: #32aed7;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__arrow-left.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.user-back:hover {
  color: #ffffff;
  background-color: #32aed7;
  background-image: url(../../images/icon__arrow-left-white.svg);
}

.user-remove {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__nok.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.user-remove:hover {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__nok-white.svg);
}

.user-locate {
  color: #8561C5;
  border-color: #8561C5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__locate.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.user-locate:hover {
  color: #ffffff;
  background-color: #8561C5;
  background-image: url(../../images/icon__locate-white.svg);
}

.button-op {

  display: inline-flex;

}

.tool-button-align {
  margin-left: 1rem;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

.tool-button-ergo {
  border: 1px solid;
  border-radius: 3px;
  height: 2rem;
  margin-left: 1rem;
  width: auto;
}

.rtp-detail .tool-button-ergo {
  max-width: 7em;
  white-space: nowrap;
  overflow: hidden;
  /* text-overflow: ellipsis; */
}

.nomarginleft {
  margin-left: 0px !important;
}

.tool-buttonDetailView-ergo {
  border: 1px solid;
  border-radius: 3px;
  height: 3rem;
  width: auto;
}

button:disabled {
  opacity: 0.75;
  /*cursor:not-allowed;*/
}

.tool-img {
  height: 2rem;
  width: 2rem;
  float: left;
}


.Table_center {
  /* margin-top: 20%; */
  /* margin-left:35%; */
  /* margin-top: auto; */
  /* margin-bottom: auto; */
  /* top: auto; */
  /* bottom: auto; */
  /* margin: auto; */
  justify-content: center;
  align-items: center;
  /* display: table-cell; */
  /* margin-left: auto; */
  /* margin-right: auto; */
  display: flex;
  flex-direction: column;
  height: 100%;
  background-size: 500px;
  background-image: url(../../images/empty.svg);
  background-repeat: no-repeat;
  background-position: center;

}

.Adv_search_txt_center {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  color: #808080;
}

.No_records_text {
  font-size: large;
  color: #212020;
  margin-left: 0px;
  /* text-align: center; */
}

.No_records_img {
  height: 10rem;
  width: 10rem;
  background-image: url(../../images/empty.svg);
  background-repeat: no-repeat;

  /* margin: 0 auto; */

}

.search_delete {
  /*height: 1.5rem;
    width: 1.5rem;
    margin-left: 2.4rem;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-color: #8561c5;
    background-image: url(./../../images/icon__remove-white.svg);
    border: none;
    outline: none;*/
  height: 2rem;
  width: 2rem;
  margin-left: 2.3rem;
  background-repeat: no-repeat;
  /*background-color: #D1C1EE;*/
  /*background-image: url(./../../images/icon__remove-white.svg); border-radius: 4px;*/
  background-image: url(./../../images/icon___delete_square.svg);
  border: none;
  outline: none;
  background-size: 120%;
  background-position: center;
}

.filterbutton {

  /*margin-top:1rem;*/
  /*background-color: #D1C1EE;*/
  background-position: center;
  border: none;
  background-size: 120%;
}

.add {

  background-image: url('../../images/icon_plus.svg');
  background-repeat: no-repeat;
}

.del {

  background-image: url('../../images/remove_filter_minus.svg');
  background-repeat: no-repeat;
  outline: none;
}

.adv_search {
  background-image: url(../../images/icon___search.svg);
  background-repeat: no-repeat;
  background-color: #8561C5;
  width: auto;
  /* text-align: center; */
  border-radius: 3px;
  height: 3rem;
  margin-right: 22pc;
  margin-top: 3rem;
  margin-left: 39rem;
  background-position-y: .4rem;
  border: 0;
  background-position-x: 3px;
  background-position-y: 3px;
  background-size: 2.5rem;
}

.grid-pane-toolbar {
  flex: 0 1 auto;
}

/* new CSS for Search */
.adv_search_form_top {
  text-align: right;
  margin-right: 0rem;
  margin-top: 0px;
  background-color: #D1C1EE;
  padding-bottom: 11px;

}

.adv_search_form {
  text-align: right;
  margin-right: 0rem;
  margin-top: 10px;
  background-color: #D1C1EE;
  padding-bottom: 11px;

}

.adv_search_form_top_span {
  padding-right: 2rem;
}

.adv_search_form_hr {
  width: 78.8rem;
  margin-top: 0px;
  margin-bottom: 9px;
  border: 0;
  border-top: 1px solid #bdc3c7;
}

.firstLevel .adv_search_form_bottom {
  text-align: left;
  width: 78.8rem;
  margin-left: -3px;
}

.firstLevel .adv_search_form_bottom .addionalfilter>div .adv_search_form_bottom_span {
  text-align: center;
  margin-right: 30px;
  margin-left: -28px;
  /*new changes*/
  padding-left: 1px;
  width: 30%;
  font-weight: unset;
}

.adv_search_form_bottom {
  text-align: center;

  width: 78.8rem;
  margin-left: -3px;
}

.adv_search_rem_rows {
  margin-left: 64px;
}

.firstLevel .adv_search_form_bottom>div .adv_search_rem_rows {
  margin-left: 60px;
}

.adv_search_form_bottom_span {
  text-align: center;
  margin-right: 30px;
  margin-left: -28px;
  /*new changes*/
  padding-left: 1px;
  width: 7.9%;
  font-weight: unset;
}

.commonfilter {
  /*margin-right: -78.3rem;*/
  outline: none;
}

.firstLevel .adv_search_form_bottom .addionalfilter {
  margin-right: 3px;
  margin-left: 5rem;
  margin-top: .5rem;
}

.addionalfilter {
  /*text-align: center;*/
  margin-right: 3px;
  margin-top: .5rem;
}

.emptySpan {
  margin-left: 58px;
}

.buttonspan {
  color: white;
  font-family: inherit;
  margin-left: 2.5rem;

}

.classic {}

select {

  /* styling */
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.2em;
  /*padding: 0.5em 3.5em 0.5em 1em;*/

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;


}

/* Warning Message */
.warning_image {
  background-image: url("../../images/icon__log--warning.svg");
  background-repeat: no-repeat;
  position: relative;
  margin-top: 9px;
  color: #9F6000;
}

.warning_msg {
  position: relative;
  margin: 24px;
}

/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #8561C5, #8561C5);
  background-position:
    calc(100% - 13px) calc(1em + -2px),
    calc(100% - 8px) calc(1em + -2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    1.9em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, #8561C5, #8561C5);
  background-position:
    calc(100% - 8px) calc(1em + -2px),
    calc(100% - 13px) calc(1em + -2px),
    100% 0;

  background-size:
    5px 5px,
    5px 5px,
    1.9em 2.5em;
  background-repeat: no-repeat;
  border-color: #8561C5;

}

.modal-box-about {
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
  flex-wrap: nowrap;

}


.modal-box-about-header {
  background-image: url('../../images/icon__about-bg.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #8561c5;
  color: #fff;
  border-bottom-color: #6639b7;
  min-height: 5rem;
  height: 50px;
  padding: 1rem;
  border-bottom: .1rem solid #d1c1ee;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.modal-box-about-section {
  margin: 2rem;
  line-height: 2rem;
}

.modal-box-about-footer {
  text-align: justify;
  font-size: 0;
  margin: 2rem;
  margin-bottom: 2rem;
}

.modal-box-about-footer:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.dialog-box-container {
  /*max-width: 500px;*/
  margin: auto;
  padding: 1.2rem 1.4rem;
  /* background-color: #FFFFFF; */
}

.dialog-box-container.about-dialog-container {
  max-width: 500px;
}

.dialog-box-container-nopadding {
  padding: 0;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12);
}

.modal-backdrop.show{
  z-index: 0;
}

.modal-open .Field.Field--is-search.mam1.pdr {
  z-index: 0;
}

.modal-open .react-grid-Viewport{
  z-index: 0;
}

.submitbuttonfont {
  color: #eff0f0;
}

#changePassword.submitbuttonfont{
  line-height: 1rem;
  font-size: 1rem;
  margin-top: 1rem;
}

#ResetPassword.modal-footer{
  height: 3.2rem;
}

.submitbuttonfont:focus {
  color: #eff0f0;
}

.btn-popup-cancel:focus {
  color: #4d5b60;
}

.about-font-biggest {
  font-size: 1.7rem;
}

.about-mll {
  margin: 0;
}

.about-flex-item-right {
  margin-left: auto;
  /*  margin-top:;*/
  margin-top: 1rem;
}

.about-mrt {
  margin-right: .5rem;
  margin-bottom: 0.8em;
  padding: 0;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}

#aboutModal .about-mrt {
  margin: 0 0 0 auto;
}

.about-txtcenter {
  text-align: center;
  margin-top: 3rem;
}

.about-link {
  color: #8561c5;
  text-decoration: underline;
  cursor: pointer;
}

.about-link:hover {
  color: #8561c5;
  text-decoration: underline;
}

.about-content {
  color: #4d5b60;
  margin-top: 2rem;
  font-size: 1.5rem;
}

.about-content-license-terms {
  margin-top: 2rem;
}

.about-copyright {
  vertical-align: middle;
  display: inline-block;
  font-style: italic;
  font-size: 1.2rem;
  margin-left: 10rem;
}

.about-version {
  vertical-align: bottom;
  display: inline-block;
  font-style: italic;
  font-size: 1.1rem;
}

.about-title {
  text-align: center;
  color: #4d5b60;
  margin-bottom: 0px;
}

.popup-footer {
  border-top: none;
  text-align: center;
}

.btn-align {
  margin-right: 1rem;
}

.btn:hover {
  background-color: #009CD0;
  color: #eff0f0;
}

.btn:focus {
  background-color: #009CD0;
  color: #eff0f0;
  outline: none;
}

.popup-dialog {
  height: 100px;
}

.popup-img {
  margin-right: 3px;
}

.btn-popup-cancel {
  color: #4d5b60;
  border-color: #e7e7e7;
  background-color: #e7e7e7;
}

.btn-popup-cancel:hover {
  background-color: #eff0f0;
  color: #4d5b60;
}

.btn-close {
  opacity: 2;
}

.changepass-diagloue {
  width: auto;
}

.gridlimit-diagloue {
  width: 350px;
}

.textmargin {
  margin-top: 0.5rem;
}

.tool-tip {
  color: #ffffff !important;
  background-color: #000000 !important;
  /*font-weight:bold !important;*/
  padding: 4px 5px !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  border-top-color: #199ccd !important;
}

.__react_component_tooltip.type-dark.place-top:after {
  border-top-color: #199ccd !important;
  border-top-style: solid !important;
  border-top-width: 6px !important;
}

.gridlimitconfiguration {
  display: 'block';
  margin-bottom: '10px';
}

.gridconfiguration-margin {
  margin: 5px;
}

.autowidth {
  width: auto !important;
}

.textwrap {
  width: auto;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}


/* spinner */


.se-pre-con {
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  display: block;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../../images/progress.svg");
  z-index: 1050;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(51, 51, 51, 0.66);

}

/* Number type */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

.banner-color {
  background-color: #E6E6FA;
}

.textheader-color {
  color: #000000;
}

.tooltip-sidepane {
  margin-left: 2px !important;
}

/*
New Locate button for domain  container list component
*/
.container-locate {
  width: 15%;
  height: 33%;
  border: 1px solid;
  border-radius: 3px;
  margin-left: 43%;
  color: #8561C5;
  border-color: #8561C5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__locate.svg);
  background-size: contain;
  background-position: center;
  outline: none;
}

.container-locate:hover {
  color: #ffffff;
  background-color: #8561C5;
  background-image: url(../../images/icon__locate-white.svg);
}

/*Buttons domain */
.add_container-icon {
  color: #68b223;
  border-color: #68b223;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__add-folder.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.add_container-icon:hover {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-folder_white.svg);
}

.add_container-icon:focus {
  color: #ffffff;
  background-color: #68b223;
  background-image: url(../../images/icon__add-folder_white.svg);
}

.remove-container-icon {
  color: #ff4545;
  border-color: #ff4545;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__delete-folder.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;
}

.remove-container-icon:hover {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-folder_white.svg);
}

.remove-container-icon:focus {
  color: #ffffff;
  background-color: #ff4545;
  background-image: url(../../images/icon__delete-folder_white.svg);
}

.button-users-export {
  color: #8561c5;
  border-color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__export.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.button-users-export:hover {
  color: #ffffff;
  border: 1px solid;
  background-color: #8561c5;
  background-image: url(../../images/icon__export__white.svg);
}

.button-users-export:focus {
  color: #ffffff;
  background-color: #8561c5;
  background-image: url(../../icon__export__white.svg);
}

.button-users-import {
  color: #8561c5;
  border-color: #8561c5;
  background-color: inherit;
  background-repeat: no-repeat;
  background-image: url(../../images/icon__import.svg);
  background-size: 20px;
  background-position-y: 4px;
  background-position-x: 4px;
  outline: none;

}

.button-users-import:hover {
  color: #ffffff;
  border: 1px solid;
  background-color: #8561c5;
  background-image: url(../../images/icon__import__white.svg);
}

.button-users-import:focus {
  color: #ffffff;
  background-color: #8561c5;
  background-image: url(../../icon__import__white.svg);
}

/*Multi Select */
.react-select__control {
  /*height: 3.3rem;*/
  border: 1px solid #ced4d9;
  width: 70.5%;
}

.react-select__value-container {
  padding: 0px;
}

.react-select__dropdown-indicator {
  color: #8561c5 !important;
  padding: 3px !important;
}

.react-select__clear-indicator {
  color: #8561c5 !important;
}

.react-select__indicator-separator {
  background-color: #8561C5;
  color: #8561C5;
}

.react-select__control--is-focused {
  box-shadow: none !important;
}

/* custom radio*/

.radiobutton {
  display: inline-flex;
  padding-right: 10px;
  font-weight: normal;
}

.pointerCursor {
  cursor: pointer;
}

.notallowedCursor {
  cursor: not-allowed;
}

.radioContainer {
  position: relative;
  padding-left: 30px;
  /*cursor: pointer;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioContainer input {
  position: absolute;
  opacity: 0;
  /* cursor: pointer;*/

}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #8561c5;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioContainer:hover input~.checkmark {
  background-color: #8661c546;
}



/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/*
.radioContainer input:disabled{
  cursor: not-allowed;
}
.radioContainer:hover input:disabled{
  cursor: not-allowed;
}
.radioContainer input:disabled ~.checkmark{
  cursor:not-allowed;
}
.radioContainer:hover input:disabled ~.checkmark{
  cursor:not-allowed;
}*/
/* Show the indicator (dot/circle) when checked */
.radioContainer input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioContainer .checkmark:after {
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #8561c5;
}

/*Custom CheckBox*/
.customCheckBox {
  display: inline-flex;
  padding-right: 10px;
  font-weight: normal;
}

.checkBoxContainer {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkBoxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkBoxCheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #8561c5;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.checkBoxContainer:hover input~.checkBoxCheckmark {
  background-color: #8661c546;

}

/* When the checkbox is checked, add a blue background
.checkBoxContainer input:checked ~ .checkBoxCheckmark {
  background-color: #fff;
}*/

/* Create the checkmark/indicator (hidden when not checked) */
.checkBoxCheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkBoxContainer input:checked~.checkBoxCheckmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkBoxContainer .checkBoxCheckmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid #8561c5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.prefConfig {
  background-image: url('../../images/icon__customized-views.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

.prefConfig:hover {
  background-color: #199ccd;
  color: white;
  background-image: url('../../images/icon__customized-views__white.svg');
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

.displaynone {
  display: none !important;
}

.flex-item-fluid-attribute {
  text-align: right;
  /* margin-top: 4px; */
  margin-right: 1rem;
}

.frameBackground {
  background: linear-gradient(90deg, #e7e7e7 10%, #E2DDE7 90%);
}

.frameW {
  width: 137rem;
}

.full-width {
  width: 100%;
}

/*mobile*/
/* @media only screen and (min-width: 320px) and (max-width: 480px) {
    .frameW {
      width: 38rem;
    }
    .mob_bg-settings{
      height: 3rem !important;
    }
   .custom-main-header .logo{
      height: 3rem !important;
      width: 10rem !important;
    }
    .app-icons{
      padding: 5px !important;
      height: 3rem !important;
      width: 3rem !important;
      line-height: 2rem !important;
    }
    .options{
      height: 3rem !important;
    }
    .header-icons{
      padding: 5px !important;
    height: 3rem !important;
    width: 3rem !important;
    line-height: 2rem !important;
    }
    .header-icons > img {
      width: 2rem !important;
      height: 2rem !important;
    }
    .header-avatar {
      height: 3rem !important;
      width: 10rem !important;
    }
    .dropdown > a.header-avatar > img {
      height: 1.5rem !important;
  }
  .dropdown > a.header-avatar>span {
    font-size: 7pt !important;
}
  .options > ul > li {
    list-style: none !important;
    display: inline-flex !important;
    font-size: 5pt !important;
    color: black !important;
}
.notification-label {
  top: 15px !important;
  right: 4px !important;
  font-size: 5px !important;
}
.li-menu span {
  padding-left: 5rem !important;
}
.li-menu li {
  padding-left: 0.5rem !important;
  font-size: 8pt !important;
}
.dropdown-menu {
  min-width: 16rem !important;
  font-size: 10pt !important;
}
.SearchBox-query {
  margin-left: 0 !important;
}
.Field {
  width:75%;
  float: left !important;
}
  } */
/* @media only screen and (min-width: 321px) {
    .frameW {
      width: 100rem;
    }
  } */
/*Ipad -landscap Mode */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .frameW {
    width: 103rem;
  }
}

/*Ipad -Portrait Mode */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .frameW {
    width: 77rem;
  }
}

/*Laptop */
@media only screen and (min-width: 1224px) {
  .frameW {
    width: 100%;
  }

  .dialogW {
    /* width: 120rem; */
    width: 1224px;
  }

  .dialogH {
    height: 47rem;
    max-height: calc(100vh - 155px);
  }

  .dialogSmallW {
    width: calc(106rem - 30px);
  }

  #importGridModal .dialogSmallW,
  #ExportConfigModal .dialogSmallW {
    /* width: calc(106rem - 130px); */
    width:350px;
  }
}

/*Big Monitor */
@media only screen and (min-width: 1824px) {
  .frameW {
    width: 147rem;
  }

  .dialogW {
    width: 140rem;
  }

  .dialogH {
    height: 60rem;
  }

  .dialogSmallW {
    width: calc(106rem - 30px);
  }

  #importGridModal .dialogSmallW,
  #ExportConfigModal .dialogSmallW {
    /* width: calc(106rem - 1233px); */
    width: 300px;
  }
}

.flex-item-fluid3 {
  flex: 3
}

.displayshow {
  display: block !important;
}

#Scheduler_popupmodal .dialog-box-container {
  min-width: 600px;
  max-height: calc(100vh - 10px);
}

#Scheduler_popupmodal .modal-body {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 10%;
}

#Scheduler_popupmodal .modal-body .scheduler-block:last-child {
  margin-bottom: 0;
}

#Scheduler_popupmodal .dialog-box-container .modal-body {
  max-height: calc(100vh - 110px);
  padding: 45px 10px 0px 10px;
  background-color: #eff0f0;
}

#Scheduler_popupmodal .description {
  padding: 10px 10px 10px 10px;
  margin: 0 -10px 45px -10px;
  position: relative;
  margin-bottom: 45px;
  background-color: #fff;
}

#Scheduler_popupmodal .description .minhfitContent {
  margin-top: 2px;
}

#Scheduler_popupmodal .startdate,
#Scheduler_popupmodal .delay,
#Scheduler_popupmodal .exclude,
#Scheduler_popupmodal .repeat,
#Scheduler_popupmodal .enddate {
  padding: 5px 10px 10px 10px;
  margin: 0 -10px 45px -10px;
  position: relative;
  background: #fff;
}

#Scheduler_popupmodal .exclude {
  padding-bottom: 0px;
  margin-bottom: 5px;
}

#Scheduler_popupmodal .react-datepicker-wrapper {
  width: 100%;
}

/* #Scheduler_popupmodal .startdate .minhfitContent{
    margin-left:40px;
  } */
/* #Scheduler_popupmodal .startdate .minhfitContent:first-child{
    margin-left:-40px;
  } */
#Scheduler_popupmodal .startdate .minhfitContent:first-child .flex-item-fluid div,
#Scheduler_popupmodal .description .minhfitContent:first-child .flex-item-fluid div,
/* #Scheduler_popupmodal .delay .minhfitContent:first-child .flex-item-fluid div, */
#Scheduler_popupmodal .delay .delay-header,
#Scheduler_popupmodal .exclude .minhfitContent:first-child .flex-item-fluid div,
#Scheduler_popupmodal .repeat .minhfitContent:first-child .flex-item-fluid div,
#Scheduler_popupmodal .enddate .minhfitContent:first-child .flex-item-fluid div {
  position: absolute;
  top: -32px;
  left: 25px;
  font-weight: bold;
}

#Scheduler_popupmodal .description .minhfitContent:first-child .flex-item-fluid div {
  left: 25px;
  top: -34px;
}

#Scheduler_popupmodal .description .minhfitContent:first-child .flex-item-fluid div span {
  position: absolute;
}

#Scheduler_popupmodal .startdate .flex-container-v,
#Scheduler_popupmodal .exclude .flex-container-v,
#Scheduler_popupmodal .enddate .flex-container-v {
  flex-direction: row;
}

#Scheduler_popupmodal .exclude .flex-item-fluid2 {
  margin-left: -150px;
}

#Scheduler_popupmodal .exclude .flex-container-v {
  display: block;
}

#Scheduler_popupmodal .exclude .flex-item-fluid2 .flex-item-fluid {
  margin-bottom: 15px;
  float: left;
  min-width: 100px;
}

#Scheduler_popupmodal .exclude .flex-item-fluid2 .flex-item-fluid:nth-child(5n) {
  clear: left;
}

/*
  #Scheduler_popupmodal .startdate .minhfitContent:not(:first-child),
  #Scheduler_popupmodal .repeat .minhfitContent:not(:nth-child(-n+3)) {
    max-width: 45%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  #Scheduler_popupmodal .startdate .flex-item-fluid2:not(:first-child),
  #Scheduler_popupmodal .repeat .minhfitContent:not(:nth-child(-n+3)){
    width:60%;
  }
  #Scheduler_popupmodal .startdate .flex-item-fluid2 .react-datepicker,
  #Scheduler_popupmodal .repeat .flex-item-fluid2 .react-datepicker {
    width:100%;
  }
  #Scheduler_popupmodal .startdate .minhfitContent:last-child,
  #Scheduler_popupmodal .repeat .minhfitContent:not(:nth-child(-n+4)) {
    float:none;
  }*/
#Scheduler_popupmodal .repeat .minhfitContent:nth-child(3) .flex-item-fluid2 .flex-container-v {
  flex-direction: row;
}

/*
  #Scheduler_popupmodal .modal-header,#Scheduler_popupmodal .modal-footer{
    padding:8px 15px;
  }*/

#Scheduler_popupmodal .modal-footer {
  /* border-top:none; */
}

/*
  #Scheduler_popupmodal .startdate .flex-item-fluid-attribute,#Scheduler_popupmodal .repeat .flex-item-fluid-attribute{
    min-width:150px;
  }
  #Scheduler_popupmodal .react-datepicker{
    border:1px solid #ccc;
  }*/
#Scheduler_popupmodal #frequency,
#Scheduler_popupmodal #maximumstartdelay_days,
#Scheduler_popupmodal #repeattype .r-ss-placeholder,
#Scheduler_popupmodal .maximumstartdelay,
#Scheduler_popupmodal .scheduledstartddate,
#Scheduler_popupmodal .scheduledstarttime,
#Scheduler_popupmodal .maximumstartdelay_hours,
#Scheduler_popupmodal .scheduledendofrepeatdate,
#Scheduler_popupmodal .scheduledendofrepeattime,
#Scheduler_popupmodal div#week,
#Scheduler_popupmodal div#day,
#Scheduler_popupmodal input[type=text]#date,
#Scheduler_popupmodal #description {
  max-width: 185px;
  /* border: 1px solid #ced4d9; */
  border-radius: 3px;
  box-shadow: none;
}

#Scheduler_popupmodal div#day {
  margin-left: 0px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #A8A8A8;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #A8A8A8;
  border-radius: 10px;
}

#Scheduler_popupmodal .repeat .minhfitContent:first-child .flex-item-fluid div .modification-icon-success-cellrow {
  background: no-repeat;
  width: 0;
  margin: 0;
}

li.reports {
  background-image: url(../../images/icon__log-report.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 1rem;
  background-position-y: -0.5rem;
}

li.reports:hover {
  background-color: #199ccd;
  color: white;
  background-image: url(../../images/icon__log-report--white.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
}

#reportsModal .dialog-box-container{
  width:700px;
}


#reportsModal ::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

#reportsModal {
  text-align: center;
  margin-left: 40px;
}

#reportsModal .modal-header {
  text-align: left;
}

#reportsModal .status3,
#reportsModal .status6 {
  background-color: #dc3545;
}

#reportsModal .status2 {
  background-color: #7fb34f;
}

#reportsModal .status0,
#reportsModal .status1 {
  background-color: #fb3;
}

#reportsModal .status4,
#reportsModal .status5 {
  background-color: #8561C5;
}

#reportsModal .job-status {
  border-radius: 5px;
  display: inline-block;
  min-width: 100px;
  padding: 3px 10px;
  color: #fff;
  text-transform: capitalize;
}

#reportsModal .log-file:hover {
  color: #fff;
}

#reportsModal .log-file {
  color: #008CBA;
}

#reportsModal .react-grid-Row:hover a {
  color: #fff;
}

#reportsModal .react-grid-Cell__value span div {
  max-width: 198px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#reportsModal.modal,
#ImportModal.modal,
#importGridModal.modal,
#usersOxeConfig.modal,
#noetosipdialog.modal,
.rtp-dialog .modal {
  z-index: 1051;
}

#reportsModal.modal{
  width:90%;
  overflow-x: scroll;
}

.modal-backdrop.fade.show{
  background-color: transparent;
  visibility: hidden;
}

#reportsModal #save {
  background-image: url(../../images/status_refresh_2.svg);
}

#reportsModal .save-icon:focus {
  background-color: #8561c5;
  border-color: #8561c5;
}

#reportsModal .save-icon:hover {
  background-color: #009CD0;
  border-color: #009CD0;
}

#reportsModal .log-file {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 30px;
  background-origin: content-box;
  background-position-x: 50%;
  background-position-y: 5px;
  width: 35px;
  height: 35px;
}

#reportsModal .log-file.log {
  background-image: url(../../images/icon__log.svg);
}

#reportsModal .react-grid-Row:hover .log-file.log {
  background-image: url(../../images/icon__log--white.svg);
}

#reportsModal .log-file.csv {
  background-image: url(../../images/icon__log-csv.svg);
}

#reportsModal .react-grid-Row:hover .log-file.csv {
  background-image: url(../../images/icon__log-csv--white.svg);
}

#reportsModal .log-file.txt {
  background-image: url(../../images/icon__log-txt.svg);
}

#reportsModal .react-grid-Row:hover .log-file.txt {
  background-image: url(../../images/icon__log-txt--white.svg);
}

#reportsModal .log-file.prg {
  background-image: url(../../images/icon__log-prg.svg);
}

#reportsModal .react-grid-Row:hover .log-file.prg {
  background-image: url(../../images/icon__log-prg--white.svg);
}

#reportsModal .log-file.importResult {
  background-image: url(../../images/icon__logo-failed.svg);
}

#reportsModal .react-grid-Row:hover .log-file.importResult {
  background-image: url(../../images/icon__logo-failed--white.svg);
}

#reportsModal .link-holder {
  margin: 0;
}

#reportsModal .react-grid-Row:hover div,
#reportsModal .react-grid-Row:hover span {
  color: #fff;
}

@media only screen and (min-width: 1024px) and (max-width: 1500px) {
  #reportsModal .modal-body:not(:first-child) {
    width: 106rem;
  }
}

@media only screen and (min-width: 1500px) {
  #reportsModal .modal-body:not(:first-child) {
    width: 106rem;
  }
}

@media only screen and (max-width: 1024px) {
  #reportsModal .modal-body:not(:first-child) {
    width: 60rem;
  }
}

/* CR8770 - 10095 */
.react-grid-Row .react-grid-Cell--frozen {
  transform: translate3d(0px, 0px, 0px) !important;
}

.react-grid-HeaderRow .react-grid-HeaderCell--frozen {
  transform: translate3d(0px, 0px, 0px) !important;
}

#reportsModal .react-grid-Empty {
  height: 365px;
}

.report-time.notification-date {
  margin-left: 0;
  color: #4d5b60;
}

#cookieModal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  font-family: helvetica;
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  width: fit-content;
  max-width: 1750px;
  /* max-width: 950px; */
  min-width: 250px;
  position: relative;
  bottom: 20px;
  right: 20px;
  font-size: 15px;
  border-radius: 8px;
} 

#Scheduler_popupmodal.modal-content{
  width: auto;
}

#forgotPwdModal.modal-content{
  width: 92%;
  margin-left: 8%;
}

#forgotPwdModal.modal.show{
  margin-top: 5%;
}

#forgotPwdModal.modal-dialog{
  width: 80%;
}

#forgot-password .reset-password .changepass-diagloue .form-group {
  height: 6rem;
}

#forgot-password .reset-password .changepass-diagloue{
  height: 11rem;
}

#ResetPassword.modal-content{
  width: 80%;
}

.close-cookie-modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  line-height: 45px;
}

.close-cookie-modal:hover,
.close-cookie-modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.cookie-alert {
  background-image: url("../../images/icon__log--warning.svg");
  background-repeat: no-repeat;
  background-size: 20px;
  /* background-position: 2%; */
  padding-left: 30px;
  margin-top: 12px;
}

.tool-button-align {
  display: inline-block;
}

.department-buttons {
  display: inline-block;
  position: absolute;
  top: 11px;
  left: -20rem;
}


/* .directory-button{
  padding:2px 2px;
} */
.directory-button:first-child:nth-last-child(n+4)~.directory-button {
  margin-left: 0.5rem;
  padding: 2px 3px;
}

#SidePaneHolder .ellipsis {
  min-height: 38px;
}

.react-datepicker .react-datepicker__triangle {
  left: 43.5px;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 50%;
}

.grid-loadmore-link {
  margin-left: 0.5rem;
}

#SidePaneHolder {
  width: auto;
  max-width: 31rem;
}

.mxw31 {
  max-width: 19em;
}

/* .home-box.flex-container-v{
  margin-right:0px;
} */

/* design changes */
.radio-input:after {
  content: '';
  position: absolute;
  top: 19px;
  left: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #8561c5;
}

.exportInput:before {
  content: '';
  position: absolute;
  top: 14px;
  left: 9px;
  height: 20px;
  width: 20px;
  border: 2px solid #8561c5;
  border-radius: 50%;
  background: #fff;
}

#Scheduler_popupmodal .description .modification-icon-failure-cellrow,
#Scheduler_popupmodal .description .modification-icon-success-cellrow {
  position: absolute;
  right: -8rem;
  top: 56px;
  margin-right: 0;
}

.grid-configuration {
  background-image: url(../../images/icon__grid-config.svg);
}

.grid-configuration:hover {
  background-image: url(../../images/icon__grid-config--white.svg);
}

.side-pane-wrapper.mrs {
  margin-right: 0;
  margin-left: 1rem;
}

.KBDTableFrame .react-grid-HeaderCell {
  overflow: hidden;
}

#treePagination .flex-item-fluid-attribute {
  flex: 2;
}

#treePagination .flex-item-fluid2 .Texter {
  width: 100%;
}

#noetosipdialog .flex-item-fluid2 {
  width: 20vw;
}

#ExportConfigModal .radio-container .radio-group {
  padding-top: 9px;
  margin-left: 21px;
  padding-bottom: 4px;
}

#ExportConfigModal .react-grid-Container {
  margin-bottom: 10px;
}

.RTPAccessLabel {
  margin: 0 7px;
}

.RTPAccessCheck {
  vertical-align: middle;
}

.admin-radio.flex-item-fluid {
  max-width: 140px
}

.detail-view-settings-button {
  padding: 0 10px;
  border: 1px solid #8561c5;
  border-radius: 3px;
}

.detail-settings-icon {
  width: 25px;
  margin-top: 1px;
}

.detail-setting-list {
  margin-right: 10px;
}

#thresholdSettingsDialogue .modal-body,
#refreshTimerDialogue .modal-body {
  min-width: 700px;
}

#refreshTimerDialogue .modal-body .flex-container {
  height: 150px;
}

.imageListComponent {
  width: 45px;
  height: 45px;
  margin-bottom: 5px;
}

.imagelabelContainer {
  margin: 10px 10px 10px 0px;
  display: inline-block;
  width: 100px;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 10px 0px;
}

.imagelabelContainer:hover {
  cursor: pointer;
}

/* span.imagelabelContainer:focus{
  border:2px solid #8561c5;
} */
.imagelabelContainer.active {
  border: 2px solid #8561c5;
  border-radius: 8px;
}

.imageLabel {
  margin: 3px 2px;
}

.notifications-menu {
  position: static;
}

.notifications-menu #noification-menu {
  right: 20px;
  margin-top: 0;
  left: auto;
}

.notifications-menu .header-icons {
  position: relative;
}

.adminAddButton,
.domainAddButton {
  color: #ffffff;
  border-color: #68b223;
  background-color: #68b223;
}

.domainAddButton {
  background-image: url(../../images/icon__add-domain-white.svg);
}

.adminAddButton {
  background-image: url(../../images/icon__add-user-white.svg);
}

.widget_label {
  cursor: default;
}

#rtpDetailViewHolder .Table_center {
  width: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.UserTooltip p {
  position: absolute;
  z-index: 999;
  left: 38%;
  top: -30px;
  background: #000;
  color: #e0e0e0;
  line-height: 25px;
  display: inline-table;
  opacity: 0;
  font-size: 13px;
  width: auto;
  min-width: 300px;
  text-align: center;
  transition: opacity 0.4s ease-out;
}

button.nmButtonComp:hover+.UserTooltip p {
  opacity: 1
}

/*
.nmButtonComp.custom-long-text{
  position:relative;
}*/

.ToolTipTriangle {
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 90%;
  opacity: 0;
}

.UserTooltip p::after {
  content: "";
  position: absolute;
  top: calc(50% - 2.5px);
  right: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.rtp-detail .tool-button-ergo {
  max-width: 7.9em;
}

#charttype .imageLabel, #chartWidget .imageLabel {
  max-width: 100px;
  /* overflow-wrap: break-word; */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*
#modal-footer-style {
  width: 1250px;
}*/

#widget-settings.modal-content {
  min-width: 800px;
  margin-left: -60px; 
}