/*
Theme Name: JARVIS Monitor
Text Domain: jarvismonitor
Template: twentytwenty
Version: 2.4
Tested up to: 6.4
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
*/
/* common style */
header#site-header .header-navigation-wrapper .primary-menu-wrapper .primary-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

header#site-header .header-navigation-wrapper .primary-menu-wrapper .primary-menu li {
  margin-left: 20px;
}

table {
  width: 100%;
  table-layout: auto;
}

table tr,
table th,
table td {
  text-align: left;
}

.loadingOverlay {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, .7);
  display: none;
  z-index: 9999;
}

.loadingOverlayInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loadingOverlayInner p {
  margin: 0px !important;
  color: #ffffff !important;
}

.fullwidth {
  width: 100% !important;
  display: block !important;
}

* {
  box-sizing: border-box;
}

a:not(:hover):not(.underline) {
  text-decoration: none;
}

a:hover:not(.hoverUnderline) {
  text-decoration: none;
}

.underline,
.underline:hover,
.underline:active,
.underline:focus {
  text-decoration: underline;
}

.hoverUnderline:hover,
.hoverUnderline:active,
.hoverUnderline:focus {
  text-decoration: underline;
}

/* header */
header .header-inner.section-inner {
  width: 100%;
  max-width: 1470px;
  padding: 15px 15px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .header-inner.section-inner .header-navigation-wrapper .primary-menu {
  margin: 0px;
  list-style: none;
}

header .header-inner.section-inner .header-navigation-wrapper .primary-menu {
  margin: 0px;
}

header .header-inner.section-inner .header-navigation-wrapper .primary-menu li a {
  font-size: 14px;
}

/* footer */
footer .section-inner {
  width: 100%;
  max-width: 1470px;
  padding: 0px 15px;
  margin: 0 auto;
}

/* container */
.container {
  width: 100%;
  max-width: 1470px;
  padding: 0px 15px;
  margin: 0 auto;
  display: block;
}


body {
  margin: 0px !important;
}

html {
  margin: 0px !important;
}

#wpadminbar {
  display: none;
}

#site-header {
  background-color: #2D2C35;
}

.burger-menu-wrapper {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 500px;
  height: calc(100vh);
  background-color: #2D2C35;
  padding: 30px;
}

.burger-menu-wrapper.show {
  display: block !important;
}

.site-title.faux-heading a {
  color: #ffffff !important;
}

.header-navigation-wrapper .burger {
  cursor: pointer;
}

.header-navigation-wrapper .burger .burger-line {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #FFFFFF;
  margin: 3px 0px;
}


.burger-menu-wrapper ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}

.burger-menu-wrapper li {
  width: 50%;
  margin: 10px 0px;
}

.burger-menu-wrapper li a {
  font-size: 18px !important;
  color: #ffffff !important;
}

.burger-menu-wrapper .close {
  position: relative;
  width: 20px;
  height: 20px;
  margin-bottom: 30px;
  cursor: pointer;
}

.burger-menu-wrapper .close:before,
.burger-menu-wrapper .close:after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 20px;
  height: 3px;
  background-color: #ffffff;
}

.burger-menu-wrapper .close:before {
  transform: rotate(45deg);
}

.burger-menu-wrapper .close:after {
  transform: rotate(-45deg);
}

.recordTemplatePage {
  padding-bottom: 120px;
}

.recordTemplatePage input:not([type="submit"]),
.recordTemplatePage select,
.recordTemplatePage textarea {
  border: 1px solid #707070;
  border-radius: 4px;
  padding: 10px;
  outline: 0px;
  box-shadow: none;
  resize: none;
}


.recordTemplatePage input[type="submit"],
.recordTemplatePage button {
  border: 1px solid #707070;
  background: #ffffff;
  color: #000000;
  padding: 5px 10px;
  border-radius: 4px;
  padding: 10px;
  outline: 0px;
  box-shadow: none;
  width: 100%;
  max-width: 120px;
  cursor: pointer;
}

.recordTemplatePage input[type="submit"]:hover,
.recordTemplatePage button:hover {
  background: #707070;
  color: #FFFFFF;
}

.recordTemplatePage .newRecordTemplateWrapper input[type="submit"] {
  margin-top: 10px;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup {
  display: flex;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup label {
  margin-bottom: 5px;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop {
  display: flex;
  flex-wrap: wrap;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls {
  width: 25%;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls:not(.newRecordTemplateInputGroupControlCategoryTag) * {
  width: 100%;
  display: block;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag {
  width: 100%;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag label:nth-child(1) {
  width: 100%;
  display: block;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag label.input-wrapper {
  display: inline-block;
  width: calc(100% / 5);
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag label.input-wrapper input {
  width: 20px;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag label.categoryTagHeader {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag:not(.show) {
  max-height: 20px;
  overflow: hidden;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag label.categoryTagHeader:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 0px;
  width: 7px;
  height: 7px;
  border: solid #000000;
  border-width: 2px 2px 0px 0px;
  cursor: pointer;
  margin: -10px auto 0px;
  transition: all .2s ease;
  transform: rotate(45deg);
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls.newRecordTemplateInputGroupControlCategoryTag.show label.categoryTagHeader:before {
  transform: rotate(135deg);
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupTop .newRecordTemplateInputGroupControls:nth-child(1) {
  margin-right: 10px;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup input,
.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup select {
  width: calc((100% - (3 * 10px)) / 4);
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupDescription {
  margin-top: 10px;
  flex-direction: column;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupDescription textarea {
  width: 100%;
}

.recordTemplatePage .newRecordTemplateWrapper form .newRecordTemplateControls .newRecordTemplateInputGroup.newRecordTemplateInputGroupVideos {
  display: block;
  margin-top: 15px;
  width: 100%;
}


.recordTemplatePage input[name="search"] {
  width: 100%;
  margin-bottom: 30px;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr th {
  border-bottom: 1px solid #707070;
  padding: 5px 5px;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr td {
  border-bottom: 1px solid #707070;
  padding: 5px 5px;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table .tdUrl {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table .tdUrl a {
  white-space: nowrap;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr:not(.descriptionRow) td {
  padding-top: 10px;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr.descriptionRow:not(.show) {
  display: none !important;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr.descriptionRow td {
  padding: 10px 5px 20px;
  border-bottom: 2px solid #707070;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tr.descriptionRow td strong {
  display: block;
  margin-bottom: 10px;
}

.hasMetaRow .metaToggle {
  display: block;
  transform: rotate(-45deg);
  width: 10px;
  height: 10px;
  border: solid #000000;
  border-width: 0px 0px 2px 2px;
  cursor: pointer;
  margin: -10px auto 0px;
  transition: all .2s ease;
}

.hasMetaRow.show td {
  border-bottom: 1px solid rgba(112, 112, 112, .3) !important;
}

.hasMetaRow.show .metaToggle {
  transform: rotate(135deg);
  margin: 2px auto 0px;
  transition: all .2s ease .5;
}

.recordTemplatePage .alreadyRecordTemplateWrapper table tbody tr:not(.descriptionRow):hover {
  background-color: rgba(112, 112, 112, .1);
}

.newCategoryTagWrapper .newRecordTemplateInputGroup.categoryInputGroup label {
  width: 100px !important;
  display: flex;
  align-items: center;
}

.recordTemplatePage .alreadyRecordTemplateWrapper .actionCol {
  display: flex;
  align-items: center;
  gap: 5px;
}

.recordTemplatePage .alreadyRecordTemplateWrapper .actionCol input {
  width: 80px;
}

.newRecordTemplateWrapper.addNewRecordTemplate.editing .btn-cancel {
  visibility: visible !important;
}

.menu-item-object-custom.menu-item-has-children {
  position: relative;
}

.menu-item-object-custom.menu-item-has-children>a {
  position: relative;
}

.menu-item-object-custom.menu-item-has-children>a:after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  right: -20px;
  width: 7px;
  height: 7px;
  border: solid #000000;
  border-width: 2px 2px 0px 0px;
  transform: rotate(45deg);
  transition: transform 0.1s ease;
}

.menu-item-object-custom.menu-item-has-children .sub-menu {
  padding: 0px;
  list-style: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 0px;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  z-index: 1;
  pointer-events: none;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.menu-item-object-custom.menu-item-has-children.showing .sub-menu {
  pointer-events: all;
  max-height: 500px;
}

.menu-item-object-custom.menu-item-has-children.showing>a:after {
  transform: translateY(-3px) rotate(135deg);
}

.menu-item-object-custom.menu-item-has-children .sub-menu .menu-item {
  width: 100%;
  padding: 0px 15px;
}

.burger-menu-inner .menu-item-object-custom.menu-item-has-children>a:after {
  border-color: #FFFFFF;
}

.burger-menu-inner .menu-item-object-custom.menu-item-has-children .sub-menu .menu-item {
  margin: 5px 0px;
  padding: 0px 10px;
}

.burger-menu-inner .menu-item-object-custom.menu-item-has-children .sub-menu .menu-item a {
  color: #2D2C35 !important;
}