﻿/*#region Fonts*/

/*#region Roboto*/
/*#region Roboto 400*/
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
   unicode-range: U+1F00-1FFF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
   unicode-range: U+0370-03FF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*#endregion Roboto 400*/
/*#region Roboto 500*/
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(../fonts/roboto/Roboto-Medium-500.woff2) format('woff2');
}

/*#endregion Roboto 400*/
/*#region Roboto 700*/
@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
   unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
   unicode-range: U+1F00-1FFF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
   unicode-range: U+0370-03FF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*#endregion Roboto 700*/
/*#endregion Roboto*/

@font-face {
   font-family: 'Toast_icons';
   src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
   font-weight: normal;
   font-style: normal;
}
/*#endregion Fonts*/

/*#region Globals*/
* {
   font-family: Roboto, sans-serif;
}

html, body {
   font-family: Roboto, sans-serif;
   height: 100%;
}

a, a:hover {
   text-decoration: none;
   color: #999999;
}

#blazor-error-ui {
   background: lightyellow;
   bottom: 0;
   box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
   display: none;
   left: 0;
   padding: 0.6rem 1.25rem 0.7rem 1.25rem;
   position: fixed;
   width: 100%;
   z-index: 1000;
}

   #blazor-error-ui .dismiss {
      cursor: pointer;
      position: absolute;
      right: 0.75rem;
      top: 0.5rem;
   }

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input {
   font-family: Roboto, sans-serif;
   font-size: 1.0rem;
}

.e-input-group.e-success {
   border-color: #999999 !important;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
   border: 1px solid #DFDFDF;
}

.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
   border: 1px solid #DFDFDF;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
   border: 1px solid #DFDFDF;
   box-shadow: none;
}

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
   background-color: #FFFFFF;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   border: 1px solid #BBBBBB;
   background-color: #CCCCCC;
   /*cursor: default;*/
   cursor: default !important;
}

.e-input-group .e-input[disabled], .e-input-group.e-control-wrapper .e-input[disabled], .e-input-group.e-disabled input.e-input, .e-input-group.e-control-wrapper.e-disabled input.e-input, .e-input-group.e-disabled textarea.e-input, .e-input-group.e-control-wrapper.e-disabled textarea.e-input {
   border: 1px solid #BBBBBB;
   background-color: #CCCCCC;
   /*cursor: default;*/
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
   background-color: #CCCCCC;
   /*cursor: default;*/
}

.e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide, .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   background-color: #FFFFFF;
}

input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper {
   font-family: Roboto, sans-serif;
   font-size: 1.0rem;
}

.e-control, .e-css {
   font-family: Roboto, sans-serif;
   font-size: 1.0rem;
}

/*.e-float-input:not(.e-outline) input:autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-outline) input:autofill ~ label.e-float-text, .e-float-input.e-control-wrapper.e-autofill:not(.e-input-focus):not(.e-outline) input:not(:focus):valid:autofill ~ label.e-float-text.e-label-bottom {*/
/*   font-weight: normal;*/
/*}*/
/*#endregion*/

/*#region Buttons*/
.e-btn, .e-css.e-btn, .e-btn.e-flat, .e-css.e-btn.e-flat {
   font-family: Roboto, sans-serif;
   font-size: 1.0rem;
   font-weight: 700;
   background-color: #F0F0F0;
   border: 1px solid #DFDFDF;
   color: #C80019;
   border-radius: 7px;
   padding: 1px 6px;
   box-shadow: none;
   transition: none;
}

   .e-btn:hover, .e-css.e-btn:hover, .e-btn.e-flat:hover, .e-css.e-btn.e-flat:hover {
      background-color: #C80019;
      color: white;
      border-color: #C80019;
      box-shadow: none;
   }

   .e-btn:active, .e-css.e-btn:active, .e-btn.e-active, .e-btn:focus, .e-btn.e-flat:active, .e-btn.e-flat:focus {
      background-color: #C80019;
      color: white;
      border-color: #C80019;
      box-shadow: none;
   }

   .e-btn:focus, .e-css.e-btn:focus {
      background-color: #C80019;
      color: white;
      border-color: #C80019;
      box-shadow: none;
   }

   .e-btn:disabled, .e-btn.e-flat:disabled {
      background-color: #F0F0F0;
      color: #999999;
      border-color: #DFDFDF;
   }

   .e-btn.e-primary, .e-btn.e-flat.e-primary, .e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-primary {
      background-color: #F0F0F0;
      color: #C80019;
      border: 1px solid #DFDFDF;
   }

      .e-btn.e-primary:hover, .e-btn.e-flat.e-primary:hover, .e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:hover {
         background-color: #C80019;
         border-color: #C80019;
      }

      .e-btn.e-primary:active, .e-btn.e-primary.e-active, .e-btn.e-primary:focus, .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active, .e-btn.e-flat.e-primary:focus {
         background-color: #C80019;
         border-color: #C80019;
         color: white;
         box-shadow: none;
      }

      .e-btn.e-primary:disabled, .e-btn.e-flat.e-primary:disabled {
         background-color: white;
         color: #999999;
         border-color: #DFDFDF;
      }

      .e-btn.e-primary.login {
         background-color: #C80019;
         color: white;
         border: none;
         padding:0.25rem 4rem;
      }

         .e-btn.e-primary.login:hover {
            background-color: #D60019;
            color: white;
         }

         .e-btn.e-primary.login:active {
            background-color: #A30013;
            color: white;
            box-shadow: none;
         }

         .e-btn.e-primary.login:disabled {
            background-color: #FAFAFA;
            color: #999999;
            border-color: #FAFAFA;
         }

   .e-btn.e-flat:active, .e-btn.e-flat.e-active, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat.e-active {
      background-color: #F0F0F0;
      color: #C80019;
      border: 1px solid #DFDFDF;
   }

   .e-btn.e-flat:disabled, .e-btn.e-flat.e-disabled, .e-css.e-btn.e-flat:disabled, .e-css.e-btn.e-flat.e-disabled {
      background-color: #F0F0F0;
      color: #999999;
      border-color: #DFDFDF;
   }

.btn-group.e-btn.e-primary, .btn-group.e-btn.e-flat.e-primary, .btn-group.e-btn.e-flat.e-primary, .btn-group.e-css.e-btn.e-flat.e-primary {
   border: 1px solid #C80019;
}

   .btn-group.e-btn.e-primary:disabled, .btn-group.e-btn.e-flat.e-primary:disabled {
      background-color: white;
      color: #999999;
      border-color: #DFDFDF;
   }

.e-dropdown-btn:active, .e-dropdown-btn.e-btn:active {
   box-shadow: none;
}
/*#endregion*/

/*#region Button groups*/
.btn-group.e-btn.e-flat.e-primary {
   background-color: #C80019;
   color: white;
}

.btn-group.e-btn.e-flat.cornercut-left {
   border-top-left-radius: unset;
   border-bottom-left-radius: unset;
   margin-left: -2px;
}

.btn-group.e-btn.e-flat.cornercut-both {
   border-radius: unset;
   margin-left: -2px;
   margin-right: -2px;
}

.btn-group.e-btn.e-flat.cornercut-right {
   border-top-right-radius: unset;
   border-bottom-right-radius: unset;
   margin-right: -2px;
}
/*#endregion*/

/*#region Icons*/
/*https://blazor.syncfusion.com/documentation/appearance/icons#bootstrap-5*/

.e-hidden {
   display: none;
}
/*#endregion*/

/*#region Toasts*/
.toast-icons {
   font-family: 'Toast_icons', sans-serif !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

   .toast-icons.e-success::before {
      content: "\e701";
   }

   .toast-icons.e-error::before {
      content: "\e700";
   }

   .toast-icons.e-info::before {
      content: "\e704";
   }

   .toast-icons.e-warning::before {
      content: "\e703";
   }

.e-toast-container .e-toast .e-toast-icon {
   font-size: 24px;
}

.e-toast-container .e-toast .e-toast-close-icon.e-blazor-toast-close-icon {
   font-family: "e-icons", sans-serif;
   font-size: 1.2rem;
}

.e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child, .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
    padding-left: unset;
}

.e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child, .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
   padding-right: 40px;
}
/*#endregion*/

/*#region Login page*/
#login-container {
   background-color: #FAFAFA;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

#login-left-panel {
   justify-content: left;
   align-items: center;
   height: 100vh;
}

#login-left-panel-image {
   height: 100%;
}

#login-right-panel {
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   flex-grow: 1;
}

#login-right-language-header {
   display: flex;
   justify-content: right;
   align-items: flex-start;
   width: 100%;
   padding-top: 1rem;
   padding-right: 1rem;
}

#login-right-container {
   display: flex;
   flex-direction: column;
   justify-content: start;
   align-items: center;
   margin: auto;
   width: 450px;
   max-width: 75vw;
}

#login-form-container {
   padding-top: 2rem;
   width: 100%;
}

#login-logo {
   width: 100%;
}

#login-welcome-text {
   font-size: 1rem;
   text-align: center;
   width: 100%;
}

#login-textbox-container {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-top: 0.5rem;
   width: 100%;
}

#login-button-container {
   display: flex;
   justify-content: center;
   padding-top: 1rem;
   width: 100%;
}

.e-listbox-container {
   font-family: Roboto, sans-serif;
   font-size: 1rem;
   border: 1px solid #999999;
}

   .e-listbox-container:not(.e-list-template) .e-list-item {
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
   }

#login-right-copyright-footer {
   width: 100%;
   display: flex;
   justify-content: center;
   padding-bottom: 0.5rem;
}

#login-copyright-text {
   font-size: 0.75rem;
   color: #606060;
   margin-bottom: 0;
}
/*#endregion*/

/*#region Pages*/
.maincontent {
   background-color: white;
}

.page-content {
   height: calc(100vh - 90px);
   overflow: auto;
}

.page-container {
   width: 95%;
   margin: auto;
}

.page-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

/*#region List page*/
.listpage-container {
   height: calc(100vh - 100px);
   width: 95%;
   margin: auto;
}

.listpage-breadcrumb {
   margin: 10px 0 0 0;
}

   .listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
      text-decoration: none;
   }

      .listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
         background-color: white;
         color: #C80019;
      }

   .listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
      color: #141414;
   }

   .listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
      margin-top: -5px;
   }

   .listpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:hover .e-breadcrumb-icon {
      color: #C80019;
   }

.listpage-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.listpage-subtitle {
   font-size: 18px;
   color: #141414;
   margin: 0 0 10px 0;
}

.listpage-body {
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
}

.listpage-toolbar {
   background-color: white;
   padding: 6px 6px 6px 12px;
}
/*#endregion List page*/

/*#region Form page*/
.formpage-container {
   width: 90%;
   margin: auto;
}

.formpage-breadcrumb {
   margin: 10px 0 0 0;
}

   .formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
      text-decoration: none;
   }

      .formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
         text-decoration: underline;
      }

   .formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
      color: #141414;
   }

   .formpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
      margin-top: -5px;
   }

.formpage-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.formpage-body {
   background-color: white;
   border: none;
   border-radius: 4px;
   box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
   height: calc(100vh - 175px);
   overflow-y: auto;
   overflow-x: hidden;
}

.formpage-body .form-toolbar+.form-sections {
   height: calc(100vh - 220px);
   overflow-y: auto;
   overflow-x: hidden;
}
/*#endregion Form page*/

/*#region TabForm page*/
.tabformpage-container {
   width: 95%;
   margin: auto;
}

.tabformpage-breadcrumb {
   margin: 10px 0 0 0;
}

   .tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
      text-decoration: none;
   }

      .tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
         text-decoration: underline;
      }

   .tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
      color: #141414;
   }

   .tabformpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
      margin-top: -5px;
   }

.tabformpage-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.tabformpage-body {
   background-color: white;
   border: none;
   border-radius: 4px;
   box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
   height: calc(100vh - 175px);
   overflow-y: auto;
   overflow-x: hidden;
}

.tabformpage-body .form-toolbar+.form-sections {
   height: calc(100vh - 260px);
   overflow-y: auto;
   overflow-x: hidden;
}
/*#endregion TabForm page*/

/*#region Panel page*/
.panel-page-container {
   background-color: white;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
   border-radius: 5px;
   position: absolute;
   margin-top: 50px;
   margin-left: 10%;
   width: 80%;
   height: calc(100vh - 200px);
}

.panel-page-title {
   margin-top: 18px;
   margin-bottom: 18px;
   line-height: 33px;
   font-size: 28px;
   font-weight: 600;
   text-align: center;
}

.panel-page-body {
   padding-top: 48px;
   padding-left: 100px;
   padding-right: 100px;
   height: calc(100vh - 275px);
   overflow-y: auto;
   overflow-x: hidden;
}

@media (max-width: 1540px) {
  
   .panel-page-body {
      padding-left: 25px;
      padding-right: 25px;
   }
}

.panel-cells {
   /*display: flex;*/
   /*align-items: start;*/
   /*flex-wrap: wrap;*/
   gap: 20px;
   /*justify-content: left;*/
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   justify-items: center;
   padding: 0 1vh 0 1vh;
   
}

.panel-cell, .panel-cell-disabled {
   width: 300px;
   height: 110px;
   border-radius: 5px;
   overflow: hidden;
}

   .panel-cell a {
      display: block;
      width: 300px;
      height: 110px;
      overflow: hidden;
   }

   .panel-cell:hover {
      background-color: #EBEBEB;
   }

.panel-cell-image {
   float: left;
   padding: 20px;
   height: 110px;
   font-size: 36px;
   color: #141414;
}

.panel-cell .panel-cell-text {
   padding-top: 14px;
   color: #141414;
}

.panel-cell-text .title {
   display: block;
   font-size: 22px;
   font-weight: 600;
   line-height: 24px;
   word-break: break-word;
}

.panel-cell-text .subtitle {
   display: block;
   font-size: 18px;
   font-weight: 400;
   line-height: 21px;
}

.panel-cell-disabled .panel-cell-text {
   padding-top: 14px;
   color: #999999;
}
/*#endregion Panel page*/

/*#region Import page*/
.import-page-container {
   width: 80%;
   margin: auto;
}

.import-page-breadcrumb {
   margin: 10px 0 0 0;
}

   .import-page-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
      text-decoration: none;
   }

      .import-page-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
         text-decoration: underline;
      }

   .import-page-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
      color: #141414;
   }

   .import-page-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
      margin-top: -5px;
   }

.import-page-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.import-page-body {
   background-color: white;
   border: none;
   border-radius: 4px;
   box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
   height: calc(100vh - 175px);
   overflow-y: auto;
   overflow-x: hidden;
}

.import-page-body .form-sections {
   height: calc(100vh - 175px);
   overflow-y: auto;
   overflow-x: hidden;
}
/*#endregion Import page*/

/*#region CrisisUser page*/
.assignpage-container {
   height: calc(100vh - 100px);
   width: 95%;
   margin: auto;
}

.assignpage-breadcrumb {
   margin: 10px 0 0 0;
}

   .assignpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
      text-decoration: none;
   }

      .assignpage-breadcrumb .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
         background-color: white;
         color: #C80019;
      }

   .assignpage-breadcrumb .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
      color: #141414;
   }

   .assignpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
      margin-top: -5px;
   }

   .assignpage-breadcrumb .e-breadcrumb .e-breadcrumb-item.e-icon-item a.e-breadcrumb-text:hover .e-breadcrumb-icon {
      color: #C80019;
   }

.assignpage-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.assignpage-body {
   background-color: white;
   border: none;
   border-radius: 4px;
   box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
   height: calc(100vh - 173px);
   overflow-y: auto;
   overflow-x: hidden;
}

.assignpage-datasources {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
}

.assignpage-datasource {
   border: 1px solid #DFDFDF;
}

.datasource-selector {
   padding: 16px 0 15px 0;
   border-bottom: 1px solid #DFDFDF;
   height: 59px;
   text-align: center;
}

.datasource-grid {
   padding: 0 5px;
}

   .datasource-grid .e-grid .e-rowcell.e-selectionbackground.e-active {
      background-color: #C80019;
      color: white;
   }
   
.crisis-active-teams-gray-row {
   background-color: lightgray;
}

.datasource-grid-icon {
   padding-right: 2px;
   color: #DFDFDF;
}

.datasource-grid .e-grid .e-rowcell.e-selectionbackground.e-active .datasource-grid-icon {
   color: #a42434;
}

.datasource-grid-icon.active {
   padding-right: 2px;
   color: #C80019;
}

.datasource-grid .e-grid .e-rowcell.e-selectionbackground.e-active .datasource-grid-icon.active {
   color: white;
}

.datasource-tooltips {
   padding-top: 10px;
}

.datasource-top-tooltip {
   text-align: center;
   height: 120px;
}

   .datasource-top-tooltip .tooltip-icon {
      font-size: 1.5rem;
      color: #C80019;
   }

   .datasource-top-tooltip .tooltip-text {
      color: #999999;
   }

.datasource-bottom-tooltip {
}

   .datasource-bottom-tooltip .tooltip-icon {
      float: left;
      font-size: 1.5rem;
      color: #C80019;
      position: relative;
      left: 10px;
   }

   .datasource-bottom-tooltip .tooltip-text {
      position: relative;
      left: 30px;
      padding-top: 5px;
      color: #999999;
   }
/*#endregion CrisisUser page*/

/*#region CrisisMission overview page*/
.crisis-overview-page-container {
   height: calc(100vh - 100px);
   width: 95%;
   margin: auto;
}

.crisis-overview-page-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}

.crisis-overview-page-body {
   height: 100%;
   width: 100%;
   overflow-y: auto;
   padding: 2rem;
}

.crisis-team-info {
   position: absolute;
   right: 4rem;
   top: 2rem;
   text-align: right;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   padding: 2px 5px;
   font-size: 22px;
   background-color: white;
   border-radius: 4px;
   max-width: 75%
}

.crisis-team-info:hover .title {
   white-space: normal;
}

.crisis-team-info .title {
   font-weight: 700;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.crisis-role-tiles {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
   justify-content: center;
   padding-top: 50px;
}

.crisis-role-tile {
   position: relative;
   height: 155px;
   width: 250px;
   cursor: pointer;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   border-radius: 10px;
   border-top: 8px solid #606060;
   border-right: 1px solid #999999;
   border-bottom: 1px solid #999999;
   border-left: 1px solid #999999;
   text-align: center;
   padding: 2px;
   background-color: #F0F0F0;
}

   .crisis-role-tile:hover {
      background-color: #DFDFDF;
   }
   
   .crisis-role-tile.active {
      border-top: 8px solid #C80019;
      background-color: #FFFFFF;
   }

      .crisis-role-tile.active:hover {
         background-color: #FAFAFA;
      }

   .crisis-role-tile.disabled {
      cursor: default;
      border-top: 8px solid #999999;
      background-color: #BBBBBB;
   }
   
   .crisis-role-tile.disabled:hover {
      background-color: #BBBBBB;
   }
   
   .crisis-role-tile a {
      color: unset;
   }
   
   .crisis-role-tile .role-name {
      height: 60px;
      font-size: 20px;
      font-weight: 700;
      overflow: hidden;
   }

   .crisis-role-tile .active-user {
      margin-top: 4px;
      height: 26px;
      font-size: 18px;
      font-weight: 400;
      white-space: nowrap;
      overflow: hidden;
   }

   .crisis-role-tile .deputy-users {
      margin-top: 4px;
      height: 43px;
      font-size: 14px;
      font-weight: 400;
      overflow: hidden;
   }

   .crisis-role-tile .tile-bubble {
      position: absolute;
      top: 3px;
      right: 3px;
      font-size: 0.80rem;
      min-width: 24px;
      border-radius: 12px;
      padding: 2px 6px;
      background-color: #C80019;
      color: white;
   }

   .crisis-role-tile .tile-bubble.empty {
      background-color: transparent;
   }

   .crisis-role-tile .role-info {
      position: absolute;
      bottom: 2px;
      right: 2px;
   }
/*#endregion CrisisMission overview page*/

/*#region CrisisMission grid page*/
.crisis-grid-page-container {
   height: calc(100vh - 100px);
   width: 95%;
   margin: auto;
}

.crisis-grid-page-title {
   font-size: 22px;
   font-weight: bold;
   color: #141414;
   margin: 10px 0 5px 0;
}
/*#endregion CrisisMission grid page*/

/*#region CrisisMission form page*/
.crisis-form-page-body {
   margin-top: 20px;
   height: calc(100vh - 155px);
   overflow-y: auto;
   overflow-x: hidden;
   box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
   border: none;
   border-radius: 4px;
   background-color: white;
}

   .crisis-form-page-body .form-toolbar+.form-sections {
      height: calc(100vh - 200px);
      overflow-y: auto;
      overflow-x: hidden;
   }
/*#endregion CrisisMission form page*/

/*#region CrisisActiveMission*/
.crisis-alarming-status {
   position: absolute;
   right: 40px;
   top: 10px;
   text-align: right;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   padding: 2px 5px;
   font-size: 22px;
   color: white;
   border-radius: 4px;
   max-width: 500px;
   white-space: nowrap;
}

.alarming-connected{
   background-color: #119c36;
}

.alarming-disconnected{
   background-color: #f58d05;
}
/*#endregion CrisisActiveMission*/
/*#endregion Pages*/

/*#region Sidebar*/
.e-sidebar-context {
}

.e-sidebar.e-left.e-open {
   transition: unset !important;
}

.e-sidebar.e-left.e-transition.e-close {
   transition: unset !important;
}

.e-sidebar.e-left.e-close.e-dock {
   transition: unset !important;
}

#sidebar {
   border: none;
   background-color: white;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   padding-right: 8px;
   z-index: 800 !important;
   overflow: visible; /*do not change, it is required for submenus to work*/
}
/*#endregion*/

/*#region Grids*/
.dual-grid-container {
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 12px;
}

.e-grid {
   font-family: Roboto, sans-serif;
   font-size: 0.9rem;
   border: none;
}

   .e-grid .e-toolbar {
      border: none;
   }

   .e-grid .e-spinner-pane {
   }

   .e-grid .e-table {
      border-collapse: collapse;
   }

   .e-grid .e-headercelldiv {
      font-size: 0.95rem;
   }

   .e-grid .e-headercell {
      background-color: #DFDFDF;
   }

   .e-grid .e-rowcell {
      font-size: 0.9rem;
   }

   .grid-content .e-grid {
      border: 1px solid #DFDFDF
   }

.grid-cmd-cell {
   text-align: center;
}

.e-grid .e-filtered::before {
   color: #C80019;
}

.e-grid.e-resize-lines th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines th.e-headercell.e-firstcell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-stackedheadercell, .e-grid.e-resize-lines.e-rtl th.e-headercell.e-firstcell {
   border-bottom: 1px solid #BBBBBB;
}

.e-grid.e-resize-lines .e-headercell .e-rhandler, .e-grid.e-resize-lines .e-headercell .e-rsuppress {
   border-right: 1px solid #BBBBBB;
}

.e-grid.e-resize-lines .e-gridheader th.e-headercell.e-lastcell .e-rhandler {
   border-right: 1px solid #BBBBBB;
}

.e-grid .e-row {
   background-color: #FFFFFF;
}

.e-grid .e-icons:not(.e-btn-icon) {
   color: #141414;
}

.e-grid.e-horizontallines .e-rowcell {
   border-color: #DFDFDF;
}

.e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background-color: #F0F0F0;
}

.e-grid .e-rowcell .e-checkbox-wrapper {
   height: unset;
   line-height: unset;
}

.e-toolbar .e-toolbar-items {
   background-color: white;
   width: 100%;
}

   .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
      margin-left: 4px;
   }

   .e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child, .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
      margin-right: 4px;
   }

.e-toolbar .e-icons {
   color: unset;
}

.e-btn:active .e-toolbar-item .e-btn .e-btn-icon {
   color: white;
}

.e-toolbar-item .e-btn:disabled .e-btn-icon {
   color: #606060;
}

.e-toolbar-item .e-btn.e-primary:hover .e-btn-icon, .e-toolbar-item .e-btn.e-primary:focus .e-btn-icon {
   color: white;
}

.e-toolbar-item .e-btn.e-primary:disabled .e-btn-icon {
   color: #999999;
}

.e-float-input:not(.e-disabled) .e-clear-icon:hover, .e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover, .e-input-group:not(.e-disabled) .e-clear-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
   color: #C80019;
}

.search .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
   background-color: #C80019;
   border: none;
}

.search .e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
}

.search .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
   border: none;
   background-color: #FFFFFF;
}

.e-rowcell {
   cursor: pointer;
}

tr.e-row .e-rowcell .grid-cmd-cell a {
   display: inline;
   color: #DFDFDF;
}

tr.e-row:hover .e-rowcell .grid-cmd-cell a {
   display: inline;
   color: #C80019;
}

.e-grid .e-focused:not(.e-menu-item) {
   box-shadow: none;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
   box-shadow: none;
}

.e-pager {
   padding-bottom: 0;
}

   .e-pager .e-pagercontainer {
      border: none;
      margin: 0;
   }

      .e-pager .e-pagercontainer .e-firstpage, .e-pager .e-pagercontainer .e-prevpage, .e-pager .e-pagercontainer .e-firstpagedisabled, .e-pager .e-pagercontainer .e-prevpagedisabled, .e-pager .e-pagercontainer .e-nextpage, .e-pager .e-pagercontainer .e-lastpage, .e-pager .e-pagercontainer .e-nextpagedisabled, .e-pager .e-pagercontainer .e-lastpagedisabled {
         border: none;
         min-width: 20px;
         padding: 13px 5px 12px 5px;
      }

   .e-pager .e-currentitem, .e-pager .e-currentitem:hover {
      background-color: #FFFFFF;
      color: #C80019;
      font-weight: 700;
   }

      .e-pager .e-currentitem.e-numericitem.e-focused {
         background-color: #C80019;
         color: white;
         border: none;
         box-shadow: none;
      }

   .e-pager .e-numericitem {
      border: none;
      color: #141414;
      padding: 7px 10px 8px 9px;
   }

      .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
         color: #C80019;
         padding: 7px 10px 8px 9px;
      }

      .e-pager .e-numericitem.e-active {
         background-color: #C80019;
         color: white;
         border: none;
      }

      .e-pager .e-numericitem:hover.e-active {
         color: white;
      }

   .e-pager div.e-icons.e-pager-default {
      color: #141414;
   }

      .e-pager div.e-icons.e-pager-default:hover {
         color: #C80019;
      }

.search.grid-search {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
}

.e-primary.grid-search {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
   height: 32px;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected, .e-contextmenu-container ul .e-menu-item.e-selected {
   background-color: #e9ecef;
   color: #212529;
   outline: #e9ecef;
}
/*#endregion*/

/*#region Splitters*/
.splitter-container {
   height: calc(100vh - 170px);
   overflow: auto;
}

.e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
   background-color: white;
}

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover {
   background-color: #C80019;
}

   .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler {
      color: #C80019;
   }

.e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
   background-color: #C80019;
}

   .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
      color: #C80019;
   }

.e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
   font-family: Roboto, sans-serif;
}

.splitter-toolbar {
   margin-left: 4px;
   padding: 4px;
}

.splitter-content {
   width: 100%;
   height: 100%;
}

.splitter-content-impaired-resources {
   height: 100%;
   display: flex;
   flex-direction: column;
   padding: 10px;
}

.splitter-content-impaired-resources .grid-container {
   flex: 1;
   display: flex;
   flex-direction: column;
   min-height: 0;
}

.splitter-content-impaired-resources .grid-container .bc-grid__actions-bar {
   flex-shrink: 0;
}

.splitter-content-impaired-resources .grid-container > :last-child {
   flex: 1;
   min-height: 0;
}
/*#endregion*/

/*#region Trees*/
.e-treeview {
   background-color: #FFFFFF;
}

   .e-treeview .e-ul {
      padding: 0 0 0 8px;
   }

   .e-treeview .e-list-item .e-icon-expandable::before {
      content: '\e83c' !important;
      font-size: 18px;
   }

   .e-treeview .e-list-item .e-icons.e-icon-collapsible {
      transform: none;
   }

   .e-treeview .e-list-item .e-icon-collapsible:before {
      content: '\e760' !important;
      font-size: 18px;
   }

   .e-treeview .e-list-item.e-active > .e-fullrow {
      background-color: #C80019;
      border-color: #C80019;
   }

   .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
      background-color: #C80019;
      border-color: #C80019;
   }

   .e-treeview .e-list-icon {
      font-family: "e-icons", sans-serif;
      font-size: 18px;
      margin: 0 0 0 -22px;
      height: unset;
      width: unset;
   }

      .e-treeview .e-list-icon::before {
         content: '\e79e' !important;
         font-size: 18px;
      }

   .e-treeview .e-icon-collapsible::before, .e-treeview .e-icon-expandable::before {
      padding: 0;
   }

   .e-treeview .e-list-text {
      font-size: 0.9rem;
   }
/*#endregion*/

/*#region ListBoxes*/
.listbox {
   border-width: 0 !important;
}

   .listbox .e-listbox-container:not(.e-list-template) .e-list-item {
      height: 32px;
      padding-top: 4px;
      padding-bottom: 4px;
   }

.e-listbox-wrapper .e-list-item, .e-listbox-container .e-list-item {
   background-color: white;
   color: #141414;
}

.e-listbox-wrapper .e-list-item.e-selected, .e-listbox-container .e-list-item.e-selected {
   background-color: #C80019;
   color: white;
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled), .e-listbox-container .e-list-item:hover:not(.e-selected):not(.e-disabled), .e-listbox-container .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
   background-color: white;
   color: #C80019;
}
/*#endregion*/

/*#region DropDowns*/
.e-input-group.e-ddl:hover .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-input-group.e-control-wrapper.e-ddl:hover .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-ddl:hover input[readonly] ~ span.e-input-group-icon.e-ddl-icon, .e-float-input.e-control-wrapper.e-ddl:hover input[readonly] ~ span.e-input-group-icon.e-ddl-icon {
   color: #C80019;
}

.e-dropdownbase .e-list-item {
   font-family: Roboto, sans-serif;
   font-size: 0.9rem;
   padding-right: 0;
}

.e-dropdownbase.e-dd-group .e-list-item {
   text-indent: 24px;   
}

   .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
      background-color: #C80019;
   }

.timerange-container {
   white-space: normal;
}

.timerange-item-edit {
   display: inline-block;
   margin-right: 8px;
}

   .timerange-item-edit .timerange-value {
      width: 100%;
      height: 100%;
      line-height: 30px;
      min-height: 30px;
      vertical-align: middle;
      padding-left: 8px;
      padding-right: 8px;
   }

.timerange-option {
   width: 100%;
   height: 100%;
   padding-right: 12px;
}

.timerange-item-view {
   display: inline-block;
   margin-right: 8px;
}

   .timerange-item-view .timerange-value {
      padding-left: 4px;
      padding-right: 4px;
      border: 1px solid #DFDFDF;
      border-radius: 3px;
   }

.color-value-template {
   width: 100%;
   height: 100%;
   line-height: 30px;
   min-height: 30px;
   vertical-align: middle;
   padding-left: 8px;
   padding-right: 8px;
   font-size: 1rem;
}

.color-item-template {
   width: 100%;
   height: 100%;
   padding-right: 12px;
}

.color-item-template:hover {
   filter: brightness(85%);
}

.color-preview {
   display: inline-block;
   padding-left: 8px;
   padding-right: 8px;
   border: 1px solid #DFDFDF;
   border-radius: 3px;
   min-width: 100px;
   text-align: center;
}

.color-preview-large {
   display: inline-block;
   height: 30px;
   padding-top: 4px;
   padding-left: 8px;
   padding-right: 8px;
   border: 1px solid #DFDFDF;
   border-radius: 3px;
   min-width: 100px;
   text-align: center;
}
/*#endregion*/

/*#region Tabs*/
.e-tab .e-tab-header .e-toolbar-items {
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
   background-color: white;
}

   .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
      color: #C80019;
      font-weight: 700;
   }

   .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
      color: #C80019;
   }

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
   color: #C80019;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   color: #141414;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
   font-family: Roboto, sans-serif;
   font-weight: 700;
   font-size: 0.95rem;
}

.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon, .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #C80019;
}

.tab-container {
}

.tab-content {
   height: 100%;
   /*padding: 4px 8px;*/
}
/*#endregion*/

/*#region Forms*/
.form-toolbar {
   padding: 6px 6px 6px 12px;
}

.form-section {
}

   .form-section .section-title {
      background-color: #DFDFDF;
      font-size: 18px;
      font-weight: bold;
      line-height: 21px;
      padding: 8px 0 5px 30px;
      margin-bottom: 4px;
   }

   .form-section .section-body {
      padding: 4px 8px 4px 8px;
   }

   .form-sections:last-of-type .form-section:last-of-type .section-body:last-of-type {
      margin-bottom: 1vh; 
   }
   
.form-section .section-body .labels {
      margin-bottom: 8px;
      border-bottom: 1px solid #DFDFDF;
   }

   .form-section .row {
      margin-top: 4px;
      margin-bottom: 4px;
   }
   
.e-tip-content {
   max-height: 30vh !important;
   padding: 8px !important;
}

.e-tip-content::-webkit-scrollbar {
   width: 10px;
}

.e-tip-content::-webkit-scrollbar-track {
   background: #f1f1f1;
}

.e-tip-content::-webkit-scrollbar-thumb {
   background: #888;
}

.e-tip-content::-webkit-scrollbar-thumb:hover {
   background: #555;
}

.form-list-section {
   margin-bottom: 0 !important;
}

.form-label {
   font-size: 1rem;
   margin-top: 6px;
   margin-bottom: 0;
   padding-right: 15px;
   text-align: right;
   overflow-x: hidden;
   white-space: nowrap;
}

   .form-label-tooltip {
      overflow-x: visible;
   }

   .form-label .label-text {
      white-space: normal;
      overflow-wrap: break-word;
      word-break: break-all;
      float: left;
      width: 100%;
   }

   .form-label .label-tooltip {
      margin-top: 3px;
      overflow-x: visible;
      position: relative;
   }

   .form-label .label-tooltip-workspace {
      margin-top: 3px;
      margin-left: -15px;
      overflow-x: visible;
      position: relative;
   }

.form-label-left {
   font-size: 1rem;
   margin-top: 6px;
   margin-bottom: 0;
   padding-right: 15px;
   overflow-x: hidden;
   white-space: nowrap;
}
/*#endregion Forms*/

/*#region Dialogs*/
.dialog-content {
   display: flex;
   padding: 20px;
}

.dialog-title {
   font-size: 1.2rem;
   font-weight: bold;
}

.dialog-subtitle {
   font-size: 1rem;
}

.dialog-icon {
   font-size: 45px;
   padding-right: 12px;
   vertical-align: middle;
}

.dialog-message {
   margin-top: 12px;
   text-align: justify;
   width: 100%;
}

.dialog-form {
   padding: 15px;
}

.e-dialog .e-dlg-content {
   font-size: 15px;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
   background-color: #F0F0F0;
   color: #C80019;
   border: 1px solid #F0F0F0;
}

.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
    background-color: #C80019;
    color: white;
    border-color: #C80019;
}

.e-footer-content .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
   background-color: #F0F0F0;
   color: #C80019;
   border: 1px solid #F0F0F0;
}

.e-footer-content .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
   background-color: #C80019;
   color: white;
   border-color: #C80019;
}

.e-footer-content .e-btn.e-primary.e-flat:not([DISABLED]) {
   background-color: #C80019;
   border-color: #C80019;
}

.e-footer-content .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
   background-color: #C80019;
   border-color: #C80019;
}

.e-dialog .e-footer-content {
   border-top: 1px solid #DFDFDF;
}
/*#endregion*/

/*#region Color pickers*/
.e-colorpicker-wrapper .e-btn.e-icon-btn, .e-colorpicker-container .e-btn.e-icon-btn {
   padding: 3px 5px;
   background-color: #F0F0F0;
}

.e-colorpicker-wrapper .e-icon-btn:hover, .e-colorpicker-container .e-icon-btn:hover {
   background-color: #C80019;
   border-color: #C80019;
   color: white;
}

.e-colorpicker-wrapper .e-icon-btn:focus, .e-colorpicker-container .e-icon-btn:focus {
   box-shadow: none;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker + .e-dropdown-btn {
   border-color: #DFDFDF;
}

.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   padding: 0 8px;
   background-color: #F0F0F0;
   border-color: #DFDFDF;
   border-radius: 4px;
}

   .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color, .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
      height: 24px;
      width: 100px;
   }
/*#endregion*/

/*#region Checkboxes*/
.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
   background-color: #F0F0F0;
   border-color: #DFDFDF;
}

   .e-checkbox-wrapper .e-frame.e-check, .e-css.e-checkbox-wrapper .e-frame.e-check {
      background-color: #C80019;
      border-color: #C80019;
      color: white;
   }

.e-checkbox-wrapper .e-checkbox:hover + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:hover + .e-frame {
   background-color: #F0F0F0;
   border-color: #DFDFDF;
   box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:active + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:active + .e-frame {
   background-color: #F0F0F0;
   border-color: #DFDFDF;
   box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
   background-color: #F0F0F0;
   border-color: #DFDFDF;
   box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:hover + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:hover + .e-frame.e-check {
   background-color: #C80019;
   border-color: #C80019;
   box-shadow: none;
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
   background-color: #C80019;
   border-color: #C80019;
   box-shadow: none;
}

.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
   background-color: #C80019;
   border-color: #C80019;
   box-shadow: none;
}

.e-checkbox-wrapper.e-checkbox-disabled .e-frame, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
   background-color: #BBBBBB;
   border-color: #DFDFDF;
}

   .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check, .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
      background-color: #d94d5e;
      border-color: #d94d5e;
      color: #BBBBBB;
   }

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop {
   background-color: #C80019;
   border-color: #C80019;
}

.e-checkbox-wrapper:hover .e-frame.e-stop, .e-css.e-checkbox-wrapper:hover .e-frame.e-stop {
   background-color: #C80019;
   border-color: #C80019;
}

.row .e-checkbox-wrapper, .row .e-css.e-checkbox-wrapper {
   margin-top: 5px;
   line-height: 1.5;
}

.col-sm > .e-checkbox-wrapper.e-wrapper {
   margin-top: 7px;
}
/*#endregion*/

/*#region Spinners*/
.spinner-container {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
   stroke: #C80019;
}

.spinner-tab-container {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100vh - 172px);
}

.spinner-grid-container {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100vh - 250px);
}

.spinner-subgrid-container {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 500px;
}
/*#endregion*/

/*#region Input groups*/
span.e-input-group.e-control-container.e-control-wrapper.e-input-focus {
   box-shadow: none !important;
   border-color: #999999 !important;
}

.e-input-group input.e-input, .e-input-group textarea.e-input, .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]), .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus), .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
   background-color: #FFFFFF;
}

.e-input-group.caps input.e-input {
   text-transform: uppercase;
}

.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]), .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]), .e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
   border-color: #999999;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #999999;
   box-shadow: none;
}

.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
   border: 1px solid #DFDFDF;
}
/*#endregion*/

/*#region Switches*/
.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
   background-color: #C80019;
   border-color: #C80019;
}

.e-switch-wrapper .e-switch-on, .e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-off {
   transition: none;
   -webkit-transition: none;
}

.e-switch-wrapper .e-switch-handle, .e-css.e-switch-wrapper .e-switch-handle {
   transition: none;
   -webkit-transition: none;
}

.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
   transition: none;
   -webkit-transition: none;
}

   .e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
      background-color: #C80019;
      border-color: #C80019;
   }

.e-switch-wrapper:hover .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active {
   background-color: #C80019;
   border-color: #C80019;
}

   .e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on, .e-css.e-switch-wrapper:hover .e-switch-inner.e-switch-active .e-switch-on {
      background-color: #C80019;
      border-color: #C80019;
   }

.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-switch-wrapper:active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper.e-active .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper:active .e-switch-inner.e-switch-active {
   border-color: #C80019;
}

.e-switch-wrapper.e-active .e-switch-inner, .e-switch-wrapper:active .e-switch-inner, .e-css.e-switch-wrapper.e-active .e-switch-inner, .e-css.e-switch-wrapper:active .e-switch-inner {
   box-shadow: none;
}
/*#endregion*/

/*#region Calendars*/
.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
   background-color: #F0F0F0;
   color: #C80019;
   border: 1px solid #DFDFDF;
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   box-shadow: inset 1px 0 #C80019, inset 0 1px #C80019, inset -1px 0 #C80019, inset 0 -1px #C80019;
   color: white;
}

.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
   box-shadow: inset 2px 0 #C80019, inset 0 2px #C80019, inset -2px 0 #C80019, inset 0 -2px #C80019;
   color: #C80019;
}

.e-calendar .e-btn.e-today.e-flat.e-primary:hover, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary:hover {
   background-color: #C80019;
   border: 1px solid #C80019;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
   background-color: #C80019;
}

.e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected:hover span.e-day, .e-calendar .e-content td.e-selected.e-focused-date span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day {
   color: white;
}
/*#endregion*/

/*#region Accordions*/
.e-accordion {
   border-radius: unset;
   border: none;
}

   .e-accordion .e-acrdn-item.e-select {
      background-color: #DFDFDF;
   }

      .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
         background-color: white;
      }

   .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
      background-color: #DFDFDF !important;
   }

   .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
      color: #C80019;
   }

   .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
      color: #212529;
   }

   .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
      font-size: 18px;
      font-weight: bold;
   }

   .e-accordion .e-acrdn-item .e-acrdn-header {
      padding: 8px 0 5px 30px;
   }

   .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
      background-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item .e-acrdn-header:focus {
      box-shadow: none;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
      color: #212529;
   }
   
   .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
      left: 4px;
      right: auto;
   }

   .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
      font-size: 18px;
      font-weight: bold;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
      background-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
      background-color: #DFDFDF;
      border-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
      box-shadow: none;
   }

   .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
      background-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
      border-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
      background-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
      color: #C80019;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
      color: #C80019;
   }

   .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
      background-color: #DFDFDF;
   }

      .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
         color: #C80019;
      }

   .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
      background-color: #DFDFDF;
   }

   .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
      color: #212529;
   }

   .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
      color: #212529;
   }

   .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
      color: #C80019;
   }

   .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
      color: #C80019;
   }

   .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
      padding: 5px;
   }
/*.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content:last-child {
   padding-bottom: 20px;
   border: 1px solid red;
}*/
/*#endregion*/

/*#region Upload files*/
.e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
   color: #C80019;
}

.e-upload .e-file-select-wrap, .e-bigger.e-small .e-upload .e-file-select-wrap {
   padding: 8px 0 8px 12px;
}
/*#endregion*/

/*#region Misc*/
.alert {
   padding: 0.5rem 0.75rem;
   margin-top: 0.75rem;
   margin-bottom: 0.75rem;
}

.e-content-animation {
   transition: none;
}
/*#endregion*/

/*#region Risk Analysis*/
.input-green {
   border-radius: 5px !important;
   border-color: #009600 !important;
   background-color: #009600 !important;
}

   .input-green input {
      color: white !important;
      background-color: #009600 !important;
      border-color: #009600 !important;
      border-radius: 5px !important;
      height: 25px !important;
      text-align: right;
      padding: 3px 8px !important;
   }

.input-orange {
   font-family: Roboto, sans-serif;
   font-size: 0.9rem;
   display: block;
   border-color: #FF7F00;
   color: black;
   background-color: #FF7F00;
   border-radius: 5px;
   text-align: right;
   padding: 2px 8px;
}

.input-white {
   border-radius: 5px !important;
}

   .input-white input {
      border-radius: 5px !important;
      height: 25px !important;
      text-align: right;
      padding: 3px 8px !important;
   }

.div-measures span {
   font-weight: bold;
   overflow: hidden;
}

.criterion-line, .subcriterion-line {
   display: flex;
}

.criterion-text, .subcriterion-text {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.criterion-text:hover, .subcriterion-text:hover {
   white-space: normal;
   background-color: var(--theme-page-background-85);
   z-index: 1;
}

.subcriterion-text {
   padding-left: 50px;
}

.criterion-tooltip, .subcriterion-tooltip {
   width: 25px;
}

.standard-criterion-tooltip{
   width: 25px;
   margin-top: -20px;
}

.row-title {
   height: 20px;
}

.row-title-text {
   text-align: center;
}

   .row-title-text span {
      font-weight: bold;
   }

.row-content, .row-content-analysis {
   height: 27px;
   margin-top: 6px !important;
}

.row-content-analysis {
   margin-top: 15px !important;
}
/*#endregion*/

/*#region MainLayout*/
#layout-container {
   display: grid;
   width: 100vw;
   height: 100vh;
   grid-template: "overlay"
      "head"
      "main"
      "foot";
   grid-template-rows: 0 60px 1fr 28px;
   grid-template-columns: 1fr;
}

.overlay:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
   background: white;
   z-index: 0;
}

header {
   grid-area: head;
   display: flex;
   border: none;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   z-index: 900;
}

   header #logo {
      flex: 0 1 auto;
      padding-top: 7px;
      padding-left: 10px;
   }

   header .header-link-area {
      padding: 0 0 0 3rem;
      line-height: 2.5rem;
      overflow: hidden;
   }

a.header-link-button, a.header-link-button-disabled {
   display: inline-block;
   padding: 7px 15px 0 15px;
   text-decoration: none;
}

a.header-link-button {
   border-top: 4px solid #FFFFFF;
   color: #141414;
}

   a.header-link-button:hover {
      border-top: 4px solid #999999;
      color: #141414;
   }

   a.header-link-button.selected {
      border-top: 4px solid #C80019;
      color: #C80019;
   }

   a.header-link-button img:last-child {
      display: none;
   }

   a.header-link-button:hover img:last-child, a.header-link-button.selected img:last-child {
      display: inline-block;
   }

   a.header-link-button:hover img:first-child, a.header-link-button.selected img:first-child {
      display: none;
   }

   a.header-link-button img, a.header-link-button-disabled img {
      width: 32px;
      height: 32px;
      margin-left: -7px;
      margin-top: -3px;
   }

a.header-link-button-disabled {
   border-top: 4px solid #FFFFFF;
   color: #999999;
}

   a.header-link-button-disabled:hover {
      color: #999999;
   }

header #modules {
   flex: 1 1 auto;
   font-size: 20px;
   font-weight: 700;
   font-style: italic;
}

header .header-text-area {
   padding: 9px 3rem 0 0;
   overflow: hidden;
}

header #user-tenant {
   flex: 0 1 auto;
   color: #444444;
   text-align: center;
   font-size: 14px;
}

   header #user-tenant strong {
      display: inline-block;
      padding-top: 3px;
      font-weight: 700;
   }

header .header-icon-area {
   padding: 0 4px 0 4px;
   line-height: 2.1rem;
   overflow: hidden;
}

header .header-icon-button, header .header-icon-button-disabled {
   display: inline-block;
   padding: 8px 10px;
   text-decoration: none;
}

a.header-icon-button {
   border-top: 4px solid #FFFFFF;
}

   a.header-icon-button:hover {
      border-top: 4px solid #999999;
      color: #141414;
   }

   a.header-icon-button.selected {
      border-top: 4px solid #C80019;
      color: #C80019;
   }

   a.header-icon-button img:last-child {
      display: none;
   }

   a.header-icon-button:hover img:last-child, a.header-icon-button.selected img:last-child {
      display: inline-block;
   }

   a.header-icon-button:hover img:first-child, a.header-icon-button.selected img:first-child {
      display: none;
   }

header #settings {
   flex: 0 1 auto;
   text-align: center;
}

main {
   grid-area: main;
   background-color: #F4F4F4;
}

a.collapse-button {
   display: block;
   color: #141414;
   font-size: 20px;
   font-weight: 700;
   padding: 4px 8px 4px 10px;
   margin-top: 8px;
   margin-bottom: 4px;
   text-decoration: none;
   cursor: pointer;
}

   a.collapse-button img:last-child {
      display: none;
   }

   a.collapse-button:hover img:first-child {
      display: none;
   }

   a.collapse-button:hover img:last-child {
      display: inline-block;
   }

   a.collapse-button img {
      margin-bottom: 4px;
      margin-right: 9px;
      margin-left: 5px;
   }

a.sidebar-button, a.sidebar-button-disabled {
   font-family: Roboto, sans-serif;
   display: block;
   border-top: 1px solid white;
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   border-left: 4px solid white;
   background-color: white;
   color: #141414;
   font-size: 18px;
   font-weight: 400;
   padding: 4px 8px 4px 10px;
   text-decoration: none;
   white-space: nowrap;
   overflow: hidden;
}

.sidebar-menu, a.sidebar-menu-button-disabled {
   font-family: Roboto, sans-serif;
   display: block;
   border-top: 1px solid white;
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   border-left: 4px solid white;
   background-color: white;
   color: #141414;
   font-size: 18px;
   font-weight: 400;
   padding: 4px 8px 4px 10px;
   text-decoration: none;
   white-space: nowrap;
   overflow: hidden;
}

.sidebar-menu img {
   margin-right: 10px;
}

.sidebar-menu-arrow {
   font-weight: bold;
   margin-right: -8px;
}

a.sidebar-button:hover, .sidebar-menu:hover {
      border-left: 4px solid #999999;
      color: #141414;
   }

   a.sidebar-button.minimized, .sidebar-menu.minimized {
      width: 52px;
      white-space: nowrap;
      overflow: hidden;
   }

      a.sidebar-button.minimized:hover {
         width: 250px;
         border-top: 1px solid lightgray;
         border-right: 1px solid lightgray;
         border-bottom: 1px solid lightgray;
         box-shadow: 8px 8px 11px -10px rgba(0,0,0,.12);
      }

a.sidebar-button.selected {
      border-left: 4px solid #C80019;
      color: #C80019;
   }

      a.sidebar-button.selected.minimized {
         width: 52px;
         white-space: nowrap;
         overflow: hidden;
      }

         a.sidebar-button.selected.minimized:hover {
            width: 250px;
            border-top: 1px solid lightgray;
            border-right: 1px solid lightgray;
            border-bottom: 1px solid lightgray;
            box-shadow: 8px 8px 11px -10px rgba(0,0,0,.12);
         }

   a.sidebar-button img:last-child {
      display: none;
   }

   a.sidebar-button:hover img:last-child, a.sidebar-button.selected img:last-child {
      display: inline-block;
   }

   a.sidebar-button:hover img:first-child, a.sidebar-button.selected img:first-child {
      display: none;
   }

   a.sidebar-button img, a.sidebar-button-disabled img {
      width: 24px;
      height: 24px;
      margin-right: 10px;
   }

   a.sidebar-button-disabled label {
      color: #999999;
      display: inline-block;
      margin-bottom: 0;
      margin-left: 4px;
   }

a.sidebar-menu-button-disabled {
   color: #999999;
   /*display: inline-block;
   margin-bottom: 0;
   margin-left: 4px;*/
}

.sidebar-menu.minimized .sidebar-menu-arrow {
   display: none;
}

div#notifications-submenu {
   display: none;
}

#notifications:hover #notifications-submenu, #notifications-submenu:focus-within {
   display: block;
}

div#assignments-submenu {
   display: none;
}

#assignments:hover #assignments-submenu, #assignments-submenu:focus-within {
   display: block;
}

div#reports-submenu {
   display: none;
}

#reports:hover #reports-submenu, #reports-submenu:focus-within {
   display: block;
}

div#phonebook-submenu {
   display: none;
}

#phonebook:hover #phonebook-submenu, #phonebook-submenu:focus-within {
   display: block;
}

.sidebar-submenu {
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   position: absolute;
   margin-top: -25px;
   left: 260px;
}

div.sidebar-menu.selected {
   border-left: 4px solid #C80019;
   color: #C80019;
}

.sidebar-menu.minimized .sidebar-submenu {
   left: 50px;
}

a.sidebar-menu-button {
   font-family: Roboto, sans-serif;
   display: block;
   border-top: 1px solid white;
   border-right: 1px solid white;
   border-bottom: 1px solid white;
   border-left: 4px solid white;
   background-color: white;
   color: #141414;
   font-size: 18px;
   font-weight: 400;
   padding: 4px 8px 4px 10px;
   text-decoration: none;
}

a.sidebar-menu-button:hover {
   border-left: 4px solid #999999;
   color: #141414;
}

#application-footer {
   grid-area: foot;
   border: none;
   background-color: white;
   box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);
   padding: 0.5rem;
   z-index: 900;
}

#copyright-text {
   text-align: right;
   font-size: 12px;
   line-height: 1.0;
}
/*#endregion*/

/*#region RiskMatrix*/
td.rotate {
   white-space: nowrap;
   vertical-align: middle;
}

   td.rotate > div {
      transform: translate(0, 70px) rotate(270deg);
      width: 10px;
   }

      td.rotate > div > span {
         padding: 5px 25px;
      }

table.diagramtable > tbody > tr > td.row {
   padding-right: 0;
}

div.diagram .riskscen {
   position: absolute;
   display: flex;
   flex-direction: column;
}

div.diagram .circle {
   background-color: lightgray;
   border: 1px solid #000;
}
/*#endregion*/

/*#region Tables*/
table td.sideborders {
   border-left: 1px solid lightgray;
   border-right: 1px solid lightgray;
}
/*#endregion Tables*/

/*#region Tooltips*/
.e-tooltip {
   display: inline;
   position: absolute;
   margin-top: -5px;
   margin-left: 5px;
}

.e-btn.e-icon-btn.tip-btn {
   background-color: white;
   color: black;
   border: none;
   padding: 0;
}

.e-btn.e-icon-btn.tip-btn-field {
   border: none;
   padding: 0;
   margin-left: -10px;
   margin-top: -10px;
   background-color: transparent;
   /color: #DFDFDF;
}

.e-btn.e-icon-btn.tip-btn-field:hover {
   color: #C80019;
}

.tooltip-text.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .tooltip-text.e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .tooltip-text.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .tooltip-text.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   border: none;
}

.tooltip-text.e-input-group .e-input[disabled], .tooltip-text.e-input-group.e-control-wrapper .e-input[disabled], .tooltip-text.e-input-group.e-disabled input.e-input, .tooltip-text.e-input-group.e-control-wrapper.e-disabled input.e-input, .tooltip-text.e-input-group.e-disabled textarea.e-input, .tooltip-text.e-input-group.e-control-wrapper.e-disabled textarea.e-input {
   background-color: white;
   border: none;
   cursor: default;
}

.tooltip-message {
   max-height: 350px;
   overflow: auto;
   overflow-wrap: break-word;
}
/*#endregion Tooltips*/

/*#region Remarks*/
.remark-title {
   font-weight: bold;
   font-size: 1.2rem;
}
/*#endregion Remarks*/

.home-content {
   display: flex;
   justify-content: center;
   align-items: center;
   height: calc(100vh - 100px);
}

.tenant-selector {
   overflow-y: auto;
   overflow-x: hidden;
   max-height: 45vh;
   text-align: center;
}

.home-image {
   height: calc(100vh - 300px);
   opacity: 85%;
   background-color: white;
}

.import-table-container {
   height: calc(100vh - 700px);
   overflow: auto;
}

.e-grid .btn-grid {
   background-color: transparent;
   border: none;
}

i.fixed-icon {
   padding-left: 3px;
   width: 25px;
}

.sidebar-bubble {
   float: right;
   min-width: 24px;
   min-height: 24px;
   margin-top: 5px;
   margin-right: 15px;
   text-align: center;
   font-size: 0.80rem;
   border-radius: 12px;
   padding: 2px 6px;
   background-color: #C80019;
   color: white;
}

.sidebar-bubble.selected {
   margin-top: 0;
   margin-right: 6px;
}

.sidebar-menu-bubble {
   float: right;
   min-width: 24px;
   min-height: 24px;
   margin-right: 5px;
   text-align: center;
   font-size: 0.80rem;
   border-radius: 12px;
   padding: 2px 6px;
   background-color: #C80019;
   color: white;
}

.sidebar-menu-button-bubble {
   min-width: 24px;
   min-height: 24px;
   margin-left: 15px;
   text-align: center;
   font-size: 0.80rem;
   border-radius: 14px;
   padding: 5px 9px;
   background-color: #C80019;
   color: white;
}

.tab-bubble {
   font-size: 0.8rem;
   min-width: 24px;
   text-align: center;
   position: relative;
   top: -2px;
   border-radius: 12px;
   padding: 2px 6px;
   background-color: #C80019;
   color: white;
}

.grid-bubble {
   font-size: 0.8rem;
   min-width: 24px;
   text-align: center;
   border-radius: 12px;
   padding: 3px 6px;
   background-color: #C80019;
   color: white;
}

.form-file-input{
   border: 1px solid var(--theme-input-border) !important;
   border-radius: 0.375rem;
   padding: 6px 8px;
   min-height: 40px;
}

.form-uploaded-files {
   margin-bottom: 6px;
}

.form-upload-files {
   /*margin-top: 6px;*/
}

.form-uploaded-file {
   display: inline-block;
   border: 1px solid #DFDFDF;
   border-radius: 15px;
   margin-right: 10px;
   padding: 4px 8px;
}

.file-upload {
   /*padding: 10px 12px;*/
}

.file-upload ul {
   margin-top: 6px;
   margin-bottom: 0;
   list-style-type: none;
   padding-inline: 6px;
}

.file-upload li {
   margin-top: 6px;
}

.form-download-button {
   border: none;
   background: none;
   cursor: pointer;
   color: inherit;
   text-decoration: underline;
}

a.link {
   color: black;
}

.version-container {
   margin-top: 20px;
}

.version-title {
   font-weight: bold;
   font-size: 1.3rem;
}

.version-date {
   
}

.version-module {
   font-weight: bold;
   font-size: 1.1rem;
   margin-top: 10px;
}

.version-changes {
}

#user-tenants tr.e-row, #tenant-roles tr.e-row {
   cursor: pointer;
}

.e-primary.small {
   padding: 2px 6px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
   background-color: #C80019;
}

.report-workmatrix {
   border: 1px solid #DFDFDF;
   margin-bottom: 15px;
}

.form-btn-group {
   margin-top: 4px;
}

.list-filter {
   background-color: white;
   padding: 2px 6px;
}

.filter-fields {
   padding: 4px 8px;
}

.filter-cmdbar {
   padding: 5px 8px;
}

.grid-footer {
   border-top: 1px solid #DFDFDF;
   padding: 5px 10px;
   font-size: 0.875rem;
}

.grid-footer.filtered {
   background-color: #C80019;
   color: white;
}

.filter-group {
   border: 1px solid #DFDFDF;
   border-radius: 5px;
}

.filter-btn {
   margin: 2px !important;
   padding: 1px 6px !important;
}

.filter-operator {
   font-size: 1.0rem;
   font-weight: 700;
   border: 1px solid #DFDFDF;
   border-radius: 7px;
   padding: 1px 6px;
}

.phonebook-record-hidden {
   background-color: #A9A9A9 !important;
}

.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
   font-family: 'Roboto', sans-serif;
   font-size: 1rem;
}

.form-row-tooltip {
   display: flex; 
   align-items: center; 
   gap: 5px
}