@charset "UTF-8";
/*Kradle Colors*/
/*======================================*/
/*Krade blue - #0087d8 R 0 G 135 B 216*/
/*Krade cyan - #15dbd4 R 21 G 219 B 212*/
/*Krade dark grey - #565656 R86 G86 B86*/
/* PP - Added for KRAD-1526*/
.actionIconsWrap {
  position: absolute;
  z-index: 2;
  top: 4px;
  left: 4px;
  width: auto;
}
.actionIconsWrap span.icn {
  min-height: 30px;
  font-size: 10px;
  display: inline-block;
  width: 50px;
  height: 72px;
  float: left;
}

.hdrControlsGeneric {
  background-repeat: no-repeat;
  background-position: 0 20px;
  display: inline-block;
  position: relative;
  top: -6px;
  left: 10px;
  width: 34px;
  height: 65px;
}
.hdrControlsGeneric:hover {
  cursor: pointer;
}

.clearAllIcn {
  background-image: url("/images/clear_all.svg");
}

.autoCancelIcn {
  background-image: url("/images/cancel.svg");
  background-size: 100%;
  opacity: 0;
  display: none;
  height: 40px;
  background-position: 0 8px;
}

tr:hover .autoCancelIcn {
  opacity: 1;
  display: block;
  cursor: default;
}

.uploadAxnIcn {
  background-image: url("/images/upload.svg");
  background-size: 110%;
}
.uploadAxnIcn:hover {
  background-image: url("/images/upload-hvr.svg");
}

.downloadAxnIcn {
  background-image: url("/images/download.svg");
  background-size: 110%;
}
.downloadAxnIcn:hover {
  background-image: url("/images/download-hvr.svg");
}

.purchaseAxnIcn {
  background-image: url("/images/purchase-more.svg");
  background-size: 110%;
}
.purchaseAxnIcn:hover {
  background-image: url("/images/purchase-more-hvr.svg");
}

.deleteAxnIcn {
  background-image: url("/images/delete.svg");
}
.deleteAxnIcn:hover {
  background-image: url("/images/delete-hvr.svg");
}

.addAxnIcn {
  background-image: url("/images/add.svg");
}
.addAxnIcn:hover {
  background-image: url("/images/add-hvr.svg");
}

.addBookingIcn {
  background-image: url("/images/booking.svg");
  margin-left: 3px;
}
.addBookingIcn:hover {
  background-image: url("/images/booking-hvr.svg");
}

.viewAllUserPermAxnIcn {
  background-image: url("/images/all-users-perm.svg");
}
.viewAllUserPermAxnIcn:hover {
  background-image: url("/images/all-users-perm-hvr.svg");
}

.bulkImportAxnIcn {
  background-image: url("/images/bulk-import.svg");
}
.bulkImportAxnIcn:hover {
  background-image: url("/images/bulk-import-hvr.svg");
}

.allUserPermSummaryAxnIcn {
  background-image: url("/images/users-perm-summary.svg");
}
.allUserPermSummaryAxnIcn:hover {
  background-image: url("/images/users-perm-summary-hvr.svg");
}

.editAxnIcn {
  background-image: url("/images/edit-action.svg");
}
.editAxnIcn:hover {
  background-image: url("/images/edit-action-hvr.svg");
}

.editAxnIcnToolBar {
  background-image: url("/images/edit-action-toolbar.svg");
}
.editAxnIcnToolBar:hover {
  background-image: url("/images/edit-action-toolbar-hvr.svg");
}

.listAxnIcn {
  background-image: url("/images/list.svg");
}
.listAxnIcn:hover {
  background-image: url("/images/list-hvr.svg");
}

.saveAxnIcn {
  background-image: url("/images/save.svg");
}
.saveAxnIcn:hover {
  background-image: url("/images/save-hvr.svg");
}

.saveNcloseAxnIcn {
  background-image: url("/images/Save-and-Close-Icon-Tick.svg");
}
.saveNcloseAxnIcn:hover {
  background-image: url("/images/Save-and-Close-Icon-Tick.svg");
}

.saveNmoreAxnIcn {
  background-image: url("/images/save-n-more.svg");
}
.saveNmoreAxnIcn:hover {
  background-image: url("/images/save-n-more-hvr.svg");
}

.videoCallAxnIcn {
  background-image: url("/images/video-instant.svg");
}
.videoCallAxnIcn:hover {
  background-image: url("/images/video-instant-hvr.svg");
}

.checkAxnIcn {
  background-image: url("/images/apply-tick-hd-icn.svg");
}
.checkAxnIcn:hover {
  background-image: url("/images/apply-tick-hd-icn-hvr.svg");
}

.cogRunAxnIcn {
  background-image: url("/images/cog-hd-icn.svg");
}
.cogRunAxnIcn:hover {
  background-image: url("/images/cog-hd-icn-hvr.svg");
}

.filterSuburstAxnIcn {
  background-image: url("/images/sunburst-hd-icn.svg");
}
.filterSuburstAxnIcn:hover {
  background-image: url("/images/sunburst-hd-icn-hvr.svg");
}

.actvtyLibSveAxnIcn {
  background-image: url("/images/activity-lib-save.svg");
}
.actvtyLibSveAxnIcn:hover {
  background-image: url("/images/activity-lib-save-hvr.svg");
}

.jobStatesAxnIcn {
  background-image: url("/images/job-status.svg");
  background-size: 110%;
}
.jobStatesAxnIcn:hover {
  background-image: url("/images/job-status-hvr.svg");
}

.quickJobPreparationAxnIcn {
  background-image: url("/images/quick-job-preparation.svg");
}
.quickJobPreparationAxnIcn:hover {
  background-image: url("/images/quick-job-preparation-hvr.svg");
}

.addScheduleAxnIcn {
  background-image: url("/images/add-schedule.svg");
}
.addScheduleAxnIcn:hover {
  background-image: url("/images/add-schedule-hvr.svg");
}

.returnToAxnIcn {
  background-image: url("/images/return-to.svg");
}
.returnToAxnIcn:hover {
  background-image: url("/images/return-to-hvr.svg");
}

.acceptJobAxnIcn {
  background-image: url("/images/job-accept.svg");
}
.acceptJobAxnIcn:hover {
  background-image: url("/images/job-accept-hvr.svg");
}

.editTaskExcAxnIcn {
  background-image: url("/images/edit-task-execution.svg");
}
.editTaskExcAxnIcn:hover {
  background-image: url("/images/edit-task-execution-hvr.svg");
}

.jobStatusAxnIcn {
  background-image: url("/images/job-status-header-action.svg");
}
.jobStatusAxnIcn:hover {
  background-image: url("/images/job-status-header-action-hvr.svg");
}

.stepActExecution {
  background-image: url("/images/jobs-nxt-actvty-hd-icn.svg");
}
.stepActExecution:hover {
  background-image: url("/images/jobs-nxt-actvty-hd-icn-hvr.svg");
}

.closeActExecution {
  background-image: url("/images/job-clse-activty-hd-icn.svg");
  width: 30px;
}
.closeActExecution:hover {
  background-image: url("/images/job-clse-activty-hd-icn-hvr.svg");
}

.jobRelease {
  background-image: url("/images/job-release-activty-hd-icn.svg");
}
.jobRelease:hover {
  background-image: url("/images/job-release-activty-hd-icn-hvr.svg");
}

.cloneTemplate {
  background-image: url("/images/clone-hd-icn.svg");
}
.cloneTemplate:hover {
  background-image: url("/images/clone-hd-icn-hvr.svg");
}

.modelItemIcn {
  background-image: url("/images/model-items-hd-icn.svg");
}
.modelItemIcn:hover {
  background-image: url("/images/model-items-hd-icn-hvr.svg");
}

.myJobsFrmPool {
  background-image: url("/images/jobs-my-jobs-hd-icn.svg");
}
.myJobsFrmPool:hover {
  background-image: url("/images/jobs-my-jobs-hd-icn-hvr.svg");
}

.jobsNpool {
  background-image: url("/images/jobs-my-jobs-n-pools-hd-icn.svg");
}
.jobsNpool:hover {
  background-image: url("/images/jobs-my-jobs-n-pools-hd-icn-hvr.svg");
}

.jobsCncl {
  background-image: url("/images/jobs-cncl-hd-icn.svg");
}
.jobsCncl:hover {
  background-image: url("/images/jobs-cncl-hd-icn-hvr.svg");
}

.jobsStamp {
  background-image: url("/images/jobs-stamp-hd-icn.svg");
}
.jobsStamp:hover {
  background-image: url("/images/jobs-stamp-hd-icn-hvr.svg");
}

.chcklstIcn {
  background-image: url("/images/check-list-hd-icn.svg");
  background-size: 80% 80%;
  background-position: 0 11px;
}
.chcklstIcn:hover {
  background-image: url("/images/check-list-hd-icn-hvr.svg");
}

.cmpnyRules {
  background-image: url("/images/cmpny-rules-icn.svg");
  width: 44px;
  top: -11px;
}
.cmpnyRules:hover {
  background-image: url("/images/cmpny-rules-icn-hvr.svg");
}

.singleCell {
  background-image: url("/images/single-cell-hd-icn.svg");
}
.singleCell:hover {
  background-image: url("/images/single-cell-hd-icn-hvr.svg");
}

.singleColumn {
  background-image: url("/images/single-col-hd-icn.svg");
}
.singleColumn:hover {
  background-image: url("/images/single-col-hd-icn-hvr.svg");
}

.multipleColumn {
  background-image: url("/images/multiple-col-hd-icn.svg");
}
.multipleColumn:hover {
  background-image: url("/images/multiple-col-hd-icn-hvr.svg");
}

.taskHistoryAxnIcn {
  background-image: url("/images/task-history.svg");
}
.taskHistoryAxnIcn:hover {
  background-image: url("/images/task-history-hvr.svg");
}

.jobAnalysisAxnIcn {
  background-image: url("/images/job-analysis.svg");
}
.jobAnalysisAxnIcn:hover {
  background-image: url("/images/job-analysis-hvr.svg");
}

.jobLogAxnIcn {
  background-image: url("/images/job-events.svg");
}
.jobLogAxnIcn:hover {
  background-image: url("/images/job-events-hvr.svg");
}

.jobManagmentControlsAxnIcn {
  background-image: url("/images/job-managment-controls.svg");
}
.jobManagmentControlsAxnIcn:hover {
  background-image: url("/images/job-managment-controls-hvr.svg");
}

.previewReport {
  background-image: url("/images/report-preview-hd-icn.svg");
}

.previewReportThumbnail {
  background-image: url("/images/report-thmbnail-preview-hd-icn.svg");
}
.previewReportThumbnail:hover {
  background-image: url("/images/report-thmbnail-preview-hd-icn-hvr.svg");
}

.previewReportViewOne {
  background-image: url("/images/report-one-view-hd-icn.svg");
}
.previewReportViewOne:hover {
  background-image: url("/images/report-one-view-hd-icn-hvr.svg");
}

/*.loadGraphAxnIcn {
    @include actnIcnBg(load-graph);

    &:hover {
        @include actnIcnBg(load-graph-hvr);
    }
}*/
.file-image-upload {
  background: url(/images/browse-files.svg) no-repeat center;
  width: 35px;
  height: 35px;
  margin: 15px auto 0;
}
.file-image-upload:hover {
  background: url(/images/browse-files-hvr.svg) no-repeat center;
}

.file-image-upload label {
  display: block;
  height: 35px;
}
.file-image-upload label:hover {
  cursor: pointer;
}

.file-image-upload > input {
  display: none;
}

/* Trash(delete) Icon styles on List KonnectPage starts - KRAD-1393 - starts */
tr:hover .btnqdel {
  opacity: 1;
  display: block;
}

.btnqdel {
  opacity: 0;
  display: none;
  height: 40px;
  background-position: 0 8px;
}

/* Trash(delete) Icon styles on List KonnectPage starts - KRAD-1393 - ends */
.bladecontainerblue {
  position: absolute;
  left: 150px;
  width: 100%;
  height: 100%;
  background-color: #F2F8FF;
  overflow-y: hidden;
  overflow-x: auto;
}

.bladecontainerred {
  position: absolute;
  left: 150px;
  width: 100%;
  height: 100%;
  background-color: #E0D9D9;
  overflow-y: hidden;
  overflow-x: auto;
}

.bladehiddenblue {
  width: 40px;
  height: 100%;
  background-color: #2E80AB;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #949699;
  float: left;
  visibility: hidden;
  display: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladehiddenred {
  width: 40px;
  height: 100%;
  background-color: #AA1B0B;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #949699;
  float: left;
  visibility: hidden;
  display: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.kiwi {
  fill: #949699;
}

.mango {
  fill: #000000;
}

.violet {
  fill: #804998;
}

.grass {
  fill: #B8D432;
}

.blueberry {
  fill: #ABD9EC;
}

.wintercarnation {
  fill: #DD5900;
}

.bladeheaderblue {
  width: 100%;
  height: 110px;
  background-color: #2E80AB;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheaderred {
  width: 100%;
  height: 110px;
  background-color: #AA1B0B;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertoolbarsectionblue {
  width: 100%;
  height: 30px;
  background-color: #2E80AB;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertoolbarsectionred {
  width: 100%;
  height: 30px;
  background-color: #AA1B0B;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertitlesection {
  width: 100%;
  height: 30px;
  margin-top: 0;
  margin-left: 10px;
  color: #E0E1E1;
  font-family: Arial, sans-serif;
  font-size: larger;
  font-weight: 600;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadersubtitlesection {
  width: 100%;
  height: 20px;
  margin-top: 0;
  margin-left: 10px;
  color: #949699;
  font-family: Arial, sans-serif;
  font-size: small;
  font-weight: 400;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeControlsWrap {
  padding: 10px 0;
  overflow: visible;
  position: relative;
  height: 70px;
  z-index: 1;
}
.bladeControlsWrap .controls {
  float: right;
}

.blade-body {
  background-color: #ffffff;
  position: relative;
  height: 100vh;
  float: left;
  height: inherit;
}

.bladebody {
  width: 100%;
  height: calc(100% - 170px);
  padding-bottom: 20px;
}

.blade-edge {
  height: 100vh;
  float: left;
  width: 75px;
  height: 100%;
  color: #c7c7c7;
  padding: 0;
  background-repeat: repeat-y;
  background-position: 20px 0;
  position: relative;
}
.blade-edge.minBladeEdge {
  width: 75px !important;
  background: url("/images/bg_blade_edge.svg") repeat-y 19px 0 #fff;
  color: #E0E1E1;
}
.blade-edge .controls {
  background: #fff;
  border: 2px solid #51aadd;
  border-left: none;
  position: relative;
  left: -2px;
  top: -3px;
  width: 30px;
  height: 137px;
  padding-top: 50px;
  padding-left: 1px;
}

.minBladeEdge .bladeEdgeInner {
  width: 100%;
}
.minBladeEdge .bladeNameWrap {
  background: none;
  border: none;
}
.minBladeEdge .bg_third {
  background: none;
}
.minBladeEdge span.maximizeblade {
  background-position: 0 -2px;
}
.minBladeEdge span.restoreblade {
  background-position: 0 -3px;
}

.innerBladeBody {
  height: calc(100% - 105px);
}

.innerBladeBodyForm, .innerBladeBodyNonForm {
  height: 100%;
}

.dmIcn {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
}

.controls .mnm {
  color: #282D32;
  font-size: 26px;
}

#bladeContainer .blade:last-child .blade-edge.minBladeEdge .bg_second {
  background: #40A9D5;
}

#bladeContainer .blade:last-child .blade-edge .bg_third, #bladeContainer .blade:last-child .blade-edge .bg_second,
#bladeContainer .blade:last-child .blade-edge.minBladeEdge .bg_second, #bladeContainer .blade:last-child .blade-edge.minBladeEdge {
  background: none;
}

.bg_hover {
  width: 25px;
  height: 100%;
  float: left;
}

.bg_first {
  background: url("/images/bg_blade_edge.svg") #fff repeat-y 23px 0;
}

.bg_second {
  background: #fff;
}

.bg_third {
  background: #fff;
}

.bladeEdgeIcon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 33px;
  z-index: 2;
  display: flex;
  justify-content: center;
  background: #f0eeef;
  border: 1px solid #fff;
}
.bladeEdgeIcon img {
  width: 90%;
}

.bladeEdgeIconBorderShadow {
  width: 20px;
  height: 40px;
  background: #fff;
  border: 2px solid #51aadd;
  position: absolute;
  top: 3px;
  left: 51px;
  z-index: 1;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-left: 0;
}

.bladeEdgeInner {
  width: 26px;
  height: auto;
  position: relative;
}

.blade-edge-loop-tab {
  position: relative;
  top: -5px;
  left: 20px;
  width: 20px;
  height: 40px; /* as the half of the width */
  border-top-right-radius: 42px; /* 100px of height + 10px of border */
  border-bottom-right-radius: 42px; /* 100px of height + 10px of border */
  border: 2px solid #56acdd;
  border-left: 0;
}

.blade-edge-loop-inner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left: 0;
  background: #f1f1f1;
  position: absolute;
  left: -18px;
  display: flex;
  justify-content: space-around;
}
.blade-edge-loop-inner img {
  width: 80%;
}

#bladeContainer .blade:last-child .blade-edge {
  width: 75px;
}

#bladeContainer .blade:last-child .blade-edge .blade-edge-loop-tab {
  left: 20px;
}

#bladeContainer .blade:last-child .blade-edge.minBladeEdge .blade-edge-loop-tab {
  left: 38px;
}

#bladeContainer .blade:last-child .blade-edge.minBladeEdge .bg_first {
  border: none;
}

.blade h2 {
  margin: 0 0 0 20px;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 35px;
  height: 35px;
}

.bladeNameWrap {
  background: #ffffff;
  border-right: 2px solid #a9a9a9;
  border-bottom: 2px solid #a9a9a9;
  padding: 30px 0;
  position: relative;
  z-index: 2;
}

.dmIcn span {
  display: inline-block;
  width: 25px;
  height: 25px;
}
.dmIcn span:hover {
  cursor: pointer;
}

span.minimizeblade {
  background: url("/images/minimize.svg") 0 -3px no-repeat;
  background-size: 100%;
}
span.minimizeblade:hover {
  background-image: url("/images/minimize-hvr.svg");
}

span.restoreblade {
  background: url("/images/restore.svg") no-repeat;
  background-size: 90%;
  background-position-y: 4px;
}
span.restoreblade:hover {
  background-image: url("/images/restore-hvr.svg");
}

span.maximizeblade {
  background: url("/images/maximize.svg") 0 1px no-repeat;
  background-size: 100%;
  position: relative;
}
span.maximizeblade:hover {
  background-image: url("/images/maximize-hvr.svg");
}

span.closeblade {
  background: url("/images/close.svg") no-repeat 1px 0;
  background-size: 95%;
}
span.closeblade:hover {
  background-image: url("/images/close-hvr.svg");
}

.notificationWrap {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 87px;
}

.notificationKradle {
  width: 40px;
  height: 50px;
  margin: auto;
  position: relative;
  cursor: pointer;
  padding-top: 10px;
  z-index: 0;
  text-align: center;
}
.notificationKradle i {
  font-size: 26px;
  color: #5aabdc;
  display: block;
}
.notificationKradle:hover #notificationCount {
  color: #b9ddef;
}

#notificationCount {
  padding: 1px 3px;
  margin-top: 0px;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #5aabdc;
  background: none;
}

.removeNotificationWrap {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-top: 15px;
}

.removeNotification {
  font-size: 13px;
  color: #5aabdc;
}

.personalizedNotfication {
  position: absolute;
  top: -3px;
  right: 56px;
  width: 20px;
  height: 20px;
  color: #5aabdc;
  text-align: center;
  font-size: 25px;
  z-index: 1;
}
.personalizedNotfication:hover {
  color: #b9ddef;
  cursor: pointer;
}
.personalizedNotfication .fa-plus {
  position: relative;
  top: -13px;
  left: 54px;
  font-size: 18px;
}

.notificationItemsWrap ul {
  max-height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
}

.removeAllNotification {
  text-decoration: underline;
  font-size: 12px;
  color: #5aabdc;
}
.removeAllNotification:hover {
  text-decoration: none;
  cursor: pointer;
}

ul#notifications {
  padding-left: 36px;
}
ul#notifications li {
  padding-bottom: 10px;
}

body {
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  padding-bottom: 0; /* override style in site.css */
}

.wrapper-body-blade {
  height: inherit;
  /*background-color: #0087d8;*/
  overflow-x: auto;
  overflow-y: hidden;
  margin-left: 50px;
}

.particleContainer {
  position: absolute;
  width: 100%;
  height: 95%;
  top: 0;
  left: 0;
}

#container {
  overflow-x: hidden;
  overflow-y: hidden;
  height: inherit;
  z-index: 9;
  position: relative;
}

.bladecontainerstandard {
  height: inherit;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.bladehidden {
  width: 40px;
  height: 100%;
  background-color: #282D32;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #949699;
  float: left;
  visibility: hidden;
  display: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladevisible {
  width: 100%;
  height: 100%;
  background-color: white;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #949699;
  float: left;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheader {
  width: 100%;
  height: 110px;
  background-color: #282D32;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheaderstandard {
  width: 100%;
  height: 110px;
  background-color: #282D32;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeessentials {
  width: 100%;
  height: 100px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.container-back {
  float: right;
  width: 200px;
  padding-top: 25px;
  position: relative;
  z-index: 2;
}

.pg-canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

#bladeContainer .blade {
  opacity: 0;
}

.blade {
  height: 100%;
  float: left;
}

.bladehiddenstandard {
  width: 40px;
  height: 100%;
  background-color: #282D32;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #949699;
  float: left;
  visibility: hidden;
  display: none;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadersizingsection {
  width: 80px;
  height: 30px;
  margin-top: 8px;
  float: right;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertoolbarsection {
  width: 100%;
  height: 30px;
  background-color: #282D32;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertoolbaritem {
  width: 100%;
  height: 25px;
  padding-left: 10px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.bladeheadertoolbarsectionstandard {
  width: 100%;
  height: 30px;
  background-color: #282D32;
  overflow-y: hidden;
  overflow-x: hidden;
}

.blade-container {
  height: 100%;
}

.headingNInfoContainer {
  display: flex;
}

.headingNInfoContainer .bladeInfoIcon {
  position: static;
  padding-left: 10px;
  width: 35px;
}

.headingNInfoContainer .bladeInfoIconTrigger {
  position: relative;
  top: 8px;
}

.wrapper-body-blade .panel-primary > .panel-heading {
  background-color: #0087d8;
  border-color: #0087d8;
}

.wrapper-body-blade .panel-primary > .panel-heading a, .wrapper-body-blade .panel a {
  color: #0087d8;
}

.wrapper-body-blade .k-button.k-state-active, .wrapper-body-blade .k-button:active,
.k-overflow-container .k-primary, .k-primary,
.k-button.k-state-active, .k-button:active, .k-button.k-state-active:hover, .k-button:active:hover {
  background-color: #0087d8;
  border-color: #a0d5ef;
}

.wrapper-body-blade .k-grid-header .k-column-title {
  color: white;
}

.topField {
  margin: 0 10px 20px;
}

.innerBladeBodyForm .wrapper-tab-panel {
  padding-bottom: 0;
}

.innerNoGridNoTab {
  height: calc(100% - 10px);
  padding: 10px;
  margin: 10px;
  margin-top: 0;
  border: 1px solid #eee;
  overflow: auto;
}

.noGridScrollBarWrap {
  padding-top: 10px;
  height: calc(100% - 10px);
  overflow-y: auto;
}

.noGridScrollBarWrap > .row {
  padding: 5px;
  margin-left: 0;
  margin-right: 0;
}

.innerBladeBodyForm .tabbable-panel, .innerBladeBodyNonForm .tabbable-panel {
  height: calc(100% - 10px);
}

.tabContentWrap .tab-pane > .container-fluid {
  padding-top: 20px;
}

.nonTabWrap .container-fluid {
  padding-top: 20px;
}

.innerBladeBodyForm .tabContentWrap, .innerBladeBodyNonForm .tabContentWrap {
  height: calc(100% - 43px);
  padding: 10px 0 0;
  border-top: 1px solid #eee;
  overflow-y: auto; /*Prasanna - added for KRAD-1402*/
}

.innerBladeBodyNonForm .gridWrap, .innerBladeBodyForm .gridWrap, .innerBladeBody .noGridWrap {
  padding: 10px;
  margin: 0 0 10px;
  overflow-y: auto;
  height: calc(100% - 10px);
}

.innerBladeBodyNonForm .innerGridWrap {
  padding: 10px;
  margin: 10px;
  margin-top: 0;
  height: calc(100% - 10px);
}

.innerBladeBodyNonForm .gridWrap.wthOneField, .innerBladeBodyNonForm .innerGridWrap.wthOneField {
  height: calc(100% - 64px);
}

.innerBladeBodyNonForm .gridWrap.audit {
  height: calc(100% - 40px);
  max-height: 780px;
  overflow-y: auto;
}

.innerBladeBodyForm .tab-content, .innerBladeBodyNonForm .tab-content {
  overflow-y: auto;
  height: 100%;
}

.innerBladeBody .fullHeightScrllYauto {
  overflow-y: auto;
  height: calc(100% - 20px);
  margin: 10px;
}

.innerBladeBodyNonForm .gridWrap {
  padding-top: 0;
}

#blade_UsersManagementBlade, #blade_UserGroupsManagementBlade, #blade_ActivityGroupsManagementBlade, #blade_AuditManagementBlade {
  height: 100%;
}

#form_UserGroupsManagementForm, .userGroupManagementSavePrnt, .formTemplateFolderSavePrnt, .TemplateItemsFormPrnt, .TaskStartSavePrnt {
  height: 95%;
}

#blade_UserGroupsGridReload {
  height: 90%;
  overflow-y: auto;
}

#imaginary_container {
  margin-top: 20%;
}

.invalidCodeIcn {
  background-image: url("../images/invalid_code.svg");
  top: -20px !important;
  left: -30px !important;
}

.isPublished {
  width: 21px;
  height: 21px;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 3px;
}

.wrapper-body-blade .modal-dialog {
  width: 700px;
  margin-left: auto;
  margin-right: 10px;
}

/*=============================================================================================================Kradle logo container styles*/
.kradleLogo {
  padding: 0 30px 20px;
}

.KrdleIcn {
  height: 72px;
  border-bottom: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.KrdleIcn img {
  width: 40px;
}

/*============================================*/
/*=============================================================================================================Kradle Konnect Center styles*/
.ulKonnectCenter {
  min-height: 200px;
  max-height: 350px;
  overflow-y: auto;
  float: left;
  width: calc(100% - 10px);
  border: 6px solid white;
  margin-top: 50px;
  margin-right: 10px;
  color: white;
  background: #0087d8;
}

.ulKonnectCenter ul {
  padding: 10px;
  list-style: none;
}

/*============================================*/
.toastrClass {
  width: 55px !important;
  border-radius: 50% !important;
  height: 55px !important;
  padding-left: 15px;
  background-position: center !important;
  right: 10px;
}

.bladeInfoIcon {
  width: 25px;
  position: absolute;
  right: 23px;
  top: 77px;
  text-align: center;
  cursor: pointer;
}

.block-header {
  position: relative;
}
.block-header .bladeInfoIcon {
  display: inline-block;
  position: relative;
  right: auto;
  left: 2px;
  top: 9px;
}

#videoQuick .actionIconsWrap .bladeInfoIcon {
  display: inline-block;
  margin-top: 36px;
  margin-left: 20px;
  top: auto;
  right: auto;
}

.bladeInfoIconTrigger {
  width: 18px;
  height: 25px;
  display: block;
  background: url("/images/blade-info-trgr-icon.svg") no-repeat;
}
.bladeInfoIconTrigger:hover {
  background: url("/images/blade-info-trgr-icon-hvr.svg") no-repeat;
}

.bladeInfo {
  position: absolute;
  top: 154px;
  right: 41px;
  z-index: 3;
  width: 540px;
  min-height: 200px;
  opacity: 0;
  display: flex;
  align-items: stretch;
  font-size: 12px;
  -webkit-box-shadow: 2px 2px 1px 0px rgba(23, 128, 209, 0.2);
  -moz-box-shadow: 2px 2px 1px 0px rgba(23, 128, 209, 0.2);
  box-shadow: 2px 2px 1px 0px rgba(23, 128, 209, 0.2);
}

.bladeInfoContent {
  padding: 0 10px 20px;
  position: relative;
  font-family: Raleway, Arial, Verdana, sans-serif;
}
.bladeInfoContent p {
  margin: 0;
  text-align: justify;
}
.bladeInfoContent .clse {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("/images/close.svg") no-repeat;
  width: 27px;
  height: 27px;
}
.bladeInfoContent .clse:hover {
  background: url("/images/close-hvr.svg") no-repeat;
}

.blade .bladeInfo h2 {
  margin-left: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-family: Raleway, Arial, Verdana, sans-serif;
  letter-spacing: normal;
}

.blade .bladeInfo h2:first-of-type {
  padding-left: 10px;
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  height: 49px;
  line-height: 49px;
  border-bottom: 2px #c4c4c4 solid;
  width: calc(100% + 20px);
}

.blade .bladeInfo h3 {
  margin-left: 0;
  margin-bottom: 0;
  font-size: 15px;
  height: 25px;
}

.iconContainer {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 80%, 60%;
  padding: 0 3px;
  flex: 0 0 45px;
  background-color: #40A9D5;
  background-image: url("/images/blade-info-icon.svg");
  cursor: move;
}

.iconContainer.moveBg {
  background-position: 50% 50%, 50% 11px, 0 47px;
  background-size: 80%, 60%, auto;
  background-image: url("/images/blade-info-icon.svg"), url("/images/move-icon.svg"), url("/images/bottom-border.jpg");
}

.avoidDrag {
  background: #f0f8fd;
  border-right: #40A9D5 2px solid;
  flex: 1 1 auto;
}

.bladeInfoGlow {
  box-shadow: 0 0 6px rgb(0, 225, 245);
}

.dataModelBladeInfo {
  width: 680px;
  top: 110px;
  right: 97px;
}

.jobStatusesBladeInfo {
  width: 630px;
  top: 100px;
  right: 48px;
}

.templateItemBladeInfo {
  top: 107px;
}

/* Read Me Info*/
/*============================================*/
.readMe {
  width: 50px;
  height: 50px;
  position: relative;
  background: url("/images/read_me_point.svg") no-repeat;
  cursor: pointer;
}
.readMe .readMeInfo {
  width: 300px;
  min-height: 100px;
  font-size: 13px;
  position: absolute;
  cursor: default;
}
.readMe .avoidDrag {
  background: #edf4f9;
  border-color: #40A9D5;
  color: #555;
}
.readMe .bladeInfoContent .clse {
  color: #40A9D5;
}

/* To be deleted*/
/*============================================*/
.accountReadMe {
  top: -22px;
}
.accountReadMe .readMeInfo {
  top: 50px;
  right: 1px;
}

.userReadMe {
  top: -22px;
  left: 40px;
}
.userReadMe .readMeInfo {
  top: 50px;
  right: 1px;
}

.contactListReadMe {
  top: -22px;
  float: right;
}
.contactListReadMe .readMeInfo {
  top: 50px;
  right: 1px;
}

.consoleTrue {
  display: flex;
  flex-flow: column;
}
.consoleTrue .tab-content {
  flex: 1 1 auto;
}

.consoleWrap {
  height: 200px;
  /*min-height: 100px;*/
  flex: 0 0 200px;
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 12px;
  position: relative;
}
.consoleWrap .tabbable-panel {
  margin: 0;
  padding: 0;
  background: #d6ecf9;
  border-color: #d6ecf9;
}
.consoleWrap .tabbable-panel .tab-pane {
  padding-left: 10px;
  padding-right: 10px;
  font-family: Consolas, Courier New, monospace, sans-serif;
}

.consoleTrue .consoleWrap .tab-content {
  overflow: inherit;
}

.consoleTrue .consoleWrap .tab-pane {
  overflow-y: auto;
}

.tab-content .consoleWrap .tabbable-line > .nav-tabs {
  background: #e9f2f7;
}

.consoleWrap .nav-tabs > li > a {
  line-height: 15px;
  padding: 5px 10px;
  border-radius: 0;
}

.consoleWrap .nav-tabs > li.active > a {
  background: #d6ecf9;
}

.innerBladeBodyForm .consoleWrap .tabContentWrap {
  border-top: #d5d5d5 solid 1px;
}

.wrapper-body-blade .consoleWrap .tabbable-line > .nav-tabs > li.active {
  border-bottom: 2px solid #60abd7 !important;
  background: #d6ecf9;
}

.wrapper-body-blade .consoleWrap .tabbable-line > .nav-tabs > li:hover {
  border-color: #333;
  border-bottom: 2px solid #0087d8 !important;
}

.console-clse {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 8px;
  right: 10px;
  background: url("../images/console-icn-close.svg") no-repeat;
  cursor: pointer;
}

.cnsHeader {
  background: #aad4ed;
  padding-left: 10px;
  margin-bottom: 10px;
}

.cnsHeader span {
  display: inline-block;
  line-height: 20px;
  height: 20px;
}

.cnsNumber {
  width: 50px;
}

.cnsLocation {
  width: 94px;
}

.consoleTrue #consoleError th, .consoleTrue #consoleWarning th {
  background: #aad4ed;
  padding: 3px 5px;
}

.consoleTrue #consoleError th, .consoleTrue #consoleWarning th, .consoleTrue #consoleError td, .consoleTrue #consoleWarning td {
  padding: 3px 5px;
}

.consoleTrue table {
  width: 100%;
}

.cnsCategory {
  width: 160px;
}

.cnsActivity {
  width: 185px;
}

.cnsDescription {
  width: 385px;
}

.cnsBody {
  height: calc(100% - 25px);
  overflow-y: auto;
}

#blade_TemplateFolderBlade .consoleWrap .tab-content {
  overflow: inherit;
}

.consoleTrue .consoleWrap .tabContentWrap.table .tab-pane {
  overflow: hidden;
}

.tabContentWrap.table .cnsHeader {
  position: absolute;
  top: 35px;
  left: 15px;
  width: calc(100% - 31px);
}

.tabContentWrap.table .cnsHeader span {
  padding: 3px 5px;
  float: left;
  height: 26px;
}

.tabContentWrap.table .cnsHeader .cnsNumber {
  padding-left: 0;
}

.tabContentWrap.table table td {
  padding: 0;
}

.tableWrapDiv {
  margin-top: 25px;
  height: 110px;
  overflow-y: auto;
}

.blade input[type=color] {
  background: none !important;
  border: none !important;
}
.blade select .form-control {
  font-size: 13px;
}

select[disabled], select[readonly] {
  appearance: none;
}

.form-control[disabled] {
  background-color: #f6f6f6;
}

label.krdLabel {
  font-size: 10px;
  color: #c1c1c1;
  font-weight: normal;
}

textarea[readonly], textarea {
  resize: none;
}

.rowFormLine {
  height: 50px;
}

input.estimationInpt {
  width: 40px;
  display: inline-block;
}

input[type=color] {
  cursor: pointer;
}

.formFieldMargin {
  margin-bottom: 20px;
}

.formFieldMarginLast {
  margin-bottom: 10px;
}

.labelSelectWrapForFloatLabelCntrl {
  position: relative;
  top: -1em;
}

label.labelSelect {
  font-size: 14px;
  color: #aaaaaa;
  font-weight: normal;
}

.btn-change-status {
  color: #fff;
  background-color: #6bbfdc;
  border-color: #3299bc;
}

.mimicKrdLabel {
  margin-bottom: 5px;
  display: inline-block;
  font-size: 10px;
  color: #c1c1c1;
}

/*Gray button command */
.btn.btn-gray {
  text-align: left;
  color: #FFFFFF;
  background: #282D32;
  background-size: 100%;
}

.btn.btn-gray:hover {
  background: #3D4247;
  color: #FFFFFF;
  background-size: 100%;
}

.btn.btn-gray:active {
  color: #FFFFFF;
  background: #282D32;
}

.btn-group.open .btn.btn-gray.dropdown-toggle {
  background: #3D4247;
}

.stylish-input-group .input-group-addon {
  background: white !important;
}

.stylish-input-group .form-control {
  border-right: 0;
  box-shadow: 0 0 0;
  border-color: #ccc;
}

.stylish-input-group button {
  border: 0;
  background: transparent;
}

/*#selSearchTypes {
    border: none;
    position: absolute;
    top: 3px;
    left: 20px;
    width: 50px;
    height: 30px;
    z-index: 10;
    font-family: 'FontAwesome', Arial;
    font-size: 20px;
    color: #46515d;
}*/
.searchFilterKrdle {
  font-family: "FontAwesome", Arial, sans-serif;
  position: absolute;
  top: 2px;
  left: 25px;
  z-index: 2;
}
.searchFilterKrdle .btn-default {
  border: none;
  padding: 4px;
  font-size: 16px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.searchFilterKrdle .btn-default:hover {
  background: none;
}

.searchFilterKrdle.open > .dropdown-toggle.btn-default, .searchFilterKrdle .dropdown-menu > li > a:hover {
  background-color: #e6f2f9;
}

.fixFlexSearchInpAndSubmtWrap {
  display: block;
  width: inherit;
  height: 34px;
}
.fixFlexSearchInpAndSubmtWrap .fixFlexSearchInp {
  display: block !important;
  max-width: unset !important;
  width: calc(100% - 50px) !important;
  margin-top: 0;
}
.fixFlexSearchInpAndSubmtWrap .fixFlexSearchSubmt {
  width: 50px !important;
  float: right !important;
  display: block !important;
  height: 34px !important;
}
.fixFlexSearchInpAndSubmtWrap .fixFlexSearchSubmt button {
  color: black;
  padding: unset;
}

/*.blade {

    .float-label-control label {
        top: -12px;
        font-size: 10px;
        color: #c1c1c1;
    }

    .float-label-control input {
        height: 25px;
        line-height: 25px;
        border-bottom: 1px solid #d1e6f5;
        background-color: #edf4f9;
        font-size: 13px;
        padding-left:9px;
    }

    .float-label-control input::placeholder {
        font-size: 13px;
    }

    .dsplyLabel .float-label-control label {
        z-index: 1;
        top: -12px !important;
        font-size: 10px !important;
    }

    .wrapper-body-blade .float-label-control textarea {
        font-size: 13px;
        background: #edf4f9;
        border-bottom: 1px solid #d1e6f5;
        padding: 5px 10px;
    }

}*/
/*=============================================================================================================Login/Logout styles*/
.logOutFormContainer {
  height: 72px;
  border-top: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
}
.logOutFormContainer span.mmenu {
  width: 20px;
}

#uploadProgressWrap {
  position: absolute;
  top: -60px;
  height: 45px;
  width: 100%;
  height: 50px;
  padding: 10px 0;
  text-align: center;
}

.logOutForm {
  padding: 0 0 20px 0;
}

.logoutForm {
  text-align: center;
  width: 25px;
  height: 25px;
}

button.logout {
  background-color: #46515d;
  padding-left: 7px;
  margin-bottom: 40px;
  background: none;
  background-image: url("/images/icn_logout.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  width: 25px;
  height: 25px;
  outline: none;
}

button.logout:hover {
  background-image: url("/images/icn_logout_hvr.svg");
}

/* ======================================= */
/* switch button */
.switchButtonWrap label {
  color: #535358;
  font-size: 1.3rem;
}
.switchButtonWrap .k-switch {
  width: 100%;
  display: block;
  position: relative;
  background: none;
}
.switchButtonWrap .k-switch:focus {
  box-shadow: none;
}
.switchButtonWrap .k-switch-container {
  width: 5rem;
  display: flex;
  margin: 0 auto;
}
.switchButtonWrap .k-switch-track {
  height: 18px;
}
.switchButtonWrap .k-switch-label-off, .switchButtonWrap .k-switch-label-on {
  width: 5rem;
}
.switchButtonWrap .k-switch-label-on {
  text-align: left;
  left: -5rem;
}
.switchButtonWrap .k-switch-label-off {
  text-align: left;
  left: 5.7rem;
}
.switchButtonWrap .k-switch-handle, .switchButtonWrap .k-switch-thumb {
  width: 1.5em;
  height: 1.5em;
  background-color: #0087d8 !important;
  border-color: #0087d8 !important;
}
.switchButtonWrap .k-switch-on .k-switch-label-on {
  color: #0087d8;
}
.switchButtonWrap .k-switch-on .k-switch-label-off {
  color: initial;
}
.switchButtonWrap .k-switch-on .k-switch-handle {
  left: 0;
}
.switchButtonWrap .k-switch-off .k-switch-label-on {
  color: initial;
}
.switchButtonWrap .k-switch-off .k-switch-label-off {
  color: #0087d8;
}
.switchButtonWrap .k-switch-off .k-switch-handle {
  left: calc(100% - 1.5em);
  background-color: #0087d8;
  border-color: #0087d8;
}

.custom-checkbox, .custom-radio {
  position: relative;
  display: inline-block;
  width: 20px;
}
.custom-checkbox .checkIcon, .custom-radio .checkIcon {
  font: 600 1.4rem/20px "Font Awesome 6 Pro";
  width: 20px;
  height: 20px;
  display: block;
  color: white;
  border: 1px solid #40A9D5;
  border-radius: 2px;
  text-align: center;
}
.custom-checkbox .checkIcon:before, .custom-radio .checkIcon:before {
  content: "\f0c8";
  color: transparent;
}
.custom-checkbox input, .custom-radio input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.02;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
}
.custom-checkbox input:checked + .checkIcon, .custom-radio input:checked + .checkIcon {
  background-color: #40A9D5;
}
.custom-checkbox input:checked + .checkIcon:before, .custom-radio input:checked + .checkIcon:before {
  content: "\f00c";
  color: white;
}
.custom-checkbox input:disabled + .checkIcon, .custom-radio input:disabled + .checkIcon {
  border-color: grey;
  background: #eee;
}

.custom-radio .checkIcon {
  border-radius: 50%;
  line-height: 1.4;
}
.custom-radio input:checked + .checkIcon:before {
  content: "\f192";
}

.text-red {
  color: #ff0000;
}

.form-body-tooltip {
  display: inline-block;
  position: relative;
  top: 3px;
  height: 15px;
  margin-left: 3px;
}

.addl-vid-band {
  padding: 10px;
  border-bottom: 1px solid #D3D3D3;
}

.addl-vid-band-item {
  display: inline-block;
}

dt div.addl-vid-band {
  font-weight: bold;
  border-top: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}

.attendees {
  width: 90px;
}

.price {
  width: 100px;
}

/*=============================================================================================================Kendo UI styles*/
.wrapper-body-blade .k-state-selected, .wrapper-body-blade .k-numeric-wrap .k-state-selected, .wrapper-body-blade .k-grid tr.k-state-selected:hover, .wrapper-body-blade .k-spreadsheet .k-single-selection::after, .k-list > .k-state-selected {
  background-color: #40A9D5;
}

.wrapper-body-blade .k-spreadsheet-active-cell, .wrapper-body-blade .k-auto-fill, .wrapper-body-blade .k-spreadsheet-selection {
  border-color: #40A9D5 !important;
}

.wrapper-body-blade .k-auto-fill, .wrapper-body-blade .k-spreadsheet-selection {
  box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #3c322c;
}

.k-animation-container {
  background: white;
}

.blade-container .pdf-page {
  font-family: inherit;
}

.k-text-ellipse {
  text-overflow: ellipsis;
  white-space: nowrap;
}

#cmbDataboxUserKeys-list .k-list > .k-state-selected,
#cmbReportDefinitionRowsDataboxUserKeys-list .k-list > .k-state-selected {
  background: none;
}

.k-animation-container .k-list-container {
  background: greenyellow;
  background: none;
  border-radius: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: none;
}

.k-animation-container .k-list-container .k-group-header {
  background: #40A9D5;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  margin-left: 5px;
  font-size: 12px;
}

.k-animation-container .k-list-container ul.k-list li.k-item {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  background: #fafafa;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 13px;
  color: #666666;
  border: 1px solid #e1e8ed;
}

.k-animation-container .k-list-container#cmbDataboxUserKeys-list ul.k-list li.k-item,
.k-animation-container .k-list-container#cmbReportDefinitionRowsDataboxUserKeys-list ul.k-list li.k-item {
  /*display: inline-block;
      margin-right: 10px;
      background: #fafafa;
      border: 1px solid #eee;
      border: 1px solid #e1e8ed;
  */
  margin-bottom: 5px;
  margin-top: 0;
  margin-right: 0;
  border-radius: 4px;
  font-size: 13px;
  color: #666666;
  border: none !important;
  background: white;
  display: block;
}

#cmbDataboxUserKeys-list .k-list > .k-state-selected:hover,
#cmbReportDefinitionRowsDataboxUserKeys-list .k-list > .k-state-selected:hover {
  background: #e5eef3;
  color: #282D32;
  cursor: pointer;
  border-radius: 0;
  border-radius: 0;
}

.searchNcomboWrap.makeAsSelectBox .k-input {
  cursor: default;
  padding-left: 7px;
  color: #a699a6;
}

.searchNcomboWrap.makeAsSelectBox ::placeholder {
  color: #a699a6;
}

.searchNcomboWrap.makeAsSelectBox .k-i-arrow-60-down {
  display: none;
  cursor: default;
}

.searchNcomboWrap.makeAsSelectBox .k-select {
  cursor: default;
  border: none;
}

.searchNcomboWrap.makeAsSelectBox #btnBookmarkDelete {
  right: 0;
}

.comboboxOpened #blade_DataboxesTreePermissionToolbarReload {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.k-animation-container .k-list-container ul.k-list li.k-item:hover {
  background: #93c6e5;
  color: #282D32;
  cursor: pointer;
}

.k-animation-container .k-list-container#cmbDataboxUserKeys-list ul.k-list li.k-item:hover,
.k-animation-container .k-list-container#cmbReportDefinitionRowsDataboxUserKeys-list ul.k-list li.k-item:hover {
  background: #93c6e5;
  color: #282D32;
  cursor: pointer;
  border-radius: 0;
}

.k-animation-container .k-list li.k-state-focused {
  border-radius: 0;
  box-shadow: none;
}

.k-animation-container .k-list-container ul.k-list {
  margin: 7px 5px 5px;
}

.k-animation-container .k-list li.k-item .k-group {
  height: 25px;
  line-height: 25px;
  width: 110px;
  background: #40A9D5 !important;
  border-radius: 0;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 12px;
}

.k-animation-container .k-list-container#cmbDataboxUserKeys-list ul.k-list li.k-item.k-first:before {
  /*border-top: none;*/
}

.k-group-header + div > .k-list > .k-item.k-first:before {
  border-top-color: #eee;
}

.k-animation-container .k-list-container ul.k-list li {
  border-bottom: 1px #eee solid !important;
}

.searchNcomboWrap .k-input {
  background: none !important;
  border-radius: 0;
}

.k-animation-container .k-list-container ul.k-list li.k-item.k-first {
  display: block;
  margin-top: 50px;
  margin-right: 0;
  border-radius: 0;
  position: relative;
  text-align: center;
}

.k-animation-container .k-list-container#cmbDataboxUserKeys-list ul.k-list li.k-item.k-first,
.k-animation-container .k-list-container#cmbReportDefinitionRowsDataboxUserKeys-list ul.k-list li.k-item.k-first {
  text-align: left;
  padding-top: 25px;
}

/*fix thead issue on changing width on showColumn(1) http://www.telerik.com/forums/showcolumn()-breaks-dynamic-column-sizing */
#gridviewUsers .k-selectable {
  width: 100% !important;
}

.blade .k-icon.k-i-expand {
  background: url("/images/treeview-plus.svg") no-repeat center center;
  text-indent: -1000px;
  position: absolute;
  top: 16px;
  left: 15px;
}

.blade ul li ul li .k-icon.k-i-expand {
  left: 35px;
}

.k-grid .k-hierarchy-cell .k-icon.k-i-collapse, .k-grid .k-hierarchy-cell .k-icon.k-i-expand {
  position: absolute !important;
  top: 10px;
  left: 10px;
}
.k-grid .k-hierarchy-cell .k-icon.k-i-collapse:focus, .k-grid .k-hierarchy-cell .k-icon.k-i-expand:focus {
  outline: none;
}

td.k-hierarchy-cell {
  position: relative;
}

.blade .k-icon.k-i-collapse {
  background: url("/images/treeview-minus.svg") no-repeat center center;
  text-indent: -1000px;
}

.blade .k-resize-hint, .blade .k-resize-hint div {
  background-color: #55b0e6 !important;
}

.k-resize-handle.k-horizontal-resize {
  background-color: #55b0e6 !important;
}

.tabContentWrap .k-multiselect {
  position: relative;
}

.blade .k-widget.k-multiselect.k-state-hover:hover > .k-multiselect-wrap {
  border-color: #ebebeb !important;
}

.searchNcomboWrap .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}

.searchNcomboWrap .k-dropdown-wrap.k-state-default {
  background: white;
  /*border-radius: 0;*/
}

.exportContainer a {
  border: none !important;
}

.kendoInpContrlrWrap .estimationInpt input {
  padding: 0 !important;
  height: 25px !important;
  background: none !important;
  border: none !important;
}

.kendoInpContrlrWrap.disableKendoInp .estimationInpt input, .kendoInpContrlrWrap.disableKendoInp span.ifDisabled {
  color: #a1a1a1;
  cursor: not-allowed;
}

.kendoInpContrlrWrap.disableKendoInp .estimationInpt .k-numeric-wrap.k-state-default {
  background: #eee !important;
  border-bottom: 1px solid #ede9e9;
}

.kendoInpContrlrWrap span.estimationInpt {
  width: 116px;
}

.kendoInpContrlrWrap span.estimationInpt span.k-state-default {
  border: none !important;
  background: none !important;
  border-bottom: 1px #eee solid !important;
  border-radius: 0 !important;
}

.kendoInpContrlrWrap span.estimationInpt span.k-state-default.k-state-focused {
  box-shadow: none !important;
}

.kendoInpContrlrWrap span.estimationInpt span.k-state-default > .k-select {
  border: none !important;
}

.kendoInpContrlrWrap label {
  display: block;
  font-weight: normal;
}

.kendoInpContrlrWrap .k-state-selected {
  background: none !important;
}

table th .k-i-sort-asc-sm:before, table th .k-i-sort-desc-sm:before {
  font-size: 15px;
}

.gridWrap table th {
  height: 18px;
}

.gridWrap table td {
  height: 25px;
}

.gridWrap table th input[type=checkbox], .gridWrap table td input[type=checkbox] {
  vertical-align: middle;
}

#gridviewModelDocuments table th input[type=checkbox], #gridviewModelDocuments table td input[type=checkbox] {
  position: relative;
  top: -1px;
  width: 13px;
  height: 13px;
}

#gridviewModelDocuments table td input[type=checkbox] {
  top: 0;
}

#myDiagram, #myDiagram2 {
  height: 550px !important;
}

#gridviewJobsAdmin .k-header > .k-grid-filter {
  float: left;
  margin-right: -2px;
}

#gridviewJobsAdmin .k-header > .k-cell-inner, #gridviewJobsPool .k-header > .k-cell-inner, #gridviewJobsMy .k-header > .k-cell-inner, #gridviewJobsArchive .k-header > .k-cell-inner {
  display: inline-flex !important;
}
#gridviewJobsAdmin .k-header > .k-cell-inner span.k-link, #gridviewJobsPool .k-header > .k-cell-inner span.k-link, #gridviewJobsMy .k-header > .k-cell-inner span.k-link, #gridviewJobsArchive .k-header > .k-cell-inner span.k-link {
  display: inline-block;
}
#gridviewJobsAdmin .k-header > .k-cell-inner a, #gridviewJobsPool .k-header > .k-cell-inner a, #gridviewJobsMy .k-header > .k-cell-inner a, #gridviewJobsArchive .k-header > .k-cell-inner a {
  /* PP - Added for KRAD-1461 filter popup */
  display: block;
  position: relative;
  width: calc(1.4285714286em + 7px);
}
#gridviewJobsAdmin .k-header > .k-cell-inner a span, #gridviewJobsPool .k-header > .k-cell-inner a span, #gridviewJobsMy .k-header > .k-cell-inner a span, #gridviewJobsArchive .k-header > .k-cell-inner a span {
  margin-top: 10px; /*PP - Added for KRAD-1461 filter popup */
  display: block;
}

#gridviewJobsAdmin .k-link {
  margin-right: 0px !important;
}

.k-primary.k-state-hover, .k-primary:hover {
  background-color: #5aabdc;
}

.innerBladeBody .k-header > .k-grid-filter {
  margin-right: 0;
  margin-top: -7px;
  margin-left: -8px;
}

.k-header > .k-grid-filter {
  float: left;
  margin-right: -2px;
}

.gridWrap .k-grid td.k-hierarchy-cell {
  border-bottom: none !important;
}

/*Fixed table header for lengthy description*/
.gridWrap .k-grid.k-widget > .k-grid-content.k-auto-scrollable,
.jobsGrid .k-grid.k-widget > .k-grid-content.k-auto-scrollable,
.kradleFixedTH .k-grid.k-widget > .k-grid-content.k-auto-scrollable,
.dataModelSearchGrid .k-grid.k-widget > .k-grid-content.k-auto-scrollable {
  overflow-y: auto;
  max-height: calc(100% - 102px) !important;
  height: auto !important;
}

.gridWrap .k-grid.k-widget > .k-grid-content.k-auto-scrollable .k-grid-content.k-auto-scrollable {
  max-height: 400px !important;
  height: auto !important;
}

.gridWrap div.k-grid-header,
.jobsGrid div.k-grid-header,
.kradleFixedTH div.k-grid-header,
.dataModelSearchGrid div.k-grid-header {
  padding-right: 0 !important;
}

/*.gridWrap > .k-grid.k-widget, .jobsGrid > .k-grid.k-widget {
    height: 100% !important;
}*/
.gridWrap [data-role=grid].k-grid.k-widget,
.jobsGrid [data-role=grid].k-grid.k-widget,
.kradleFixedTH [data-role=grid].k-grid.k-widget,
.dataModelSearchGrid [data-role=grid].k-grid.k-widget {
  height: 100% !important;
}

.jobsGrid #gridviewJobsPool[data-role=grid].k-grid.k-widget,
.jobsGrid #gridviewJobsMy[data-role=grid].k-grid.k-widget,
.jobsGrid #gridviewJobsAdmin[data-role=grid].k-grid.k-widget {
  height: calc(100% - 40px) !important;
}

.gridWrap.multipleHeaderGridWrap [data-role=grid].k-grid.k-widget {
  height: 90% !important;
}

.wrapper-models.fluid-height {
  height: 100%;
}

#divReloadAccountKonnectMeetingHistory .gridWrap [data-role=grid].k-grid.k-widget {
  height: auto;
}
#divReloadAccountKonnectMeetingHistory .gridWrap [data-role=grid].k-grid.k-widget .k-grid td {
  word-break: normal;
}

#divReloadAccountKonnectMeetingHistory #searchSummary {
  margin: 14px 0 0 10px;
}
#divReloadAccountKonnectMeetingHistory #searchSummary .totalMeetings {
  width: 190px;
  display: inline-block;
}
#divReloadAccountKonnectMeetingHistory #searchSummary .mCount {
  font-size: 18px;
  font-weight: bold;
}

#reloadAccountKonnectMeetingHistoryGridId.gridWrap.audit {
  max-height: unset;
}

/*============================================*/
.k-grid, .k-grid * {
  border: 0 !important;
  font-size: 13px;
}

.k-grid table {
  table-layout: fixed;
}

.k-grid td {
  overflow-x: hidden;
  text-overflow: ellipsis;
}

/*.k-grid-pager {
    margin-top: 500px;
}*/
.pdf-page {
  font-family: Arial, sans-serif;
}

/*============================================*/
/*=============================================================================================================Invoice styles*/
#bladeBody .krdleDefaultInvoicesTheme .k-grid-toolbar {
  /*background: #e6f2f9;*/
  border-width: 1px;
  border-color: #eee;
}

#bladeBody .krdleDefaultInvoicesTheme .k-grid-toolbar a.k-button-icontext {
  /*background: #79c0eb;
  color: #fff;*/
  font-size: 12px;
}

#bladeBody .krdleDefaultInvoicesTheme thead th.k-header {
  background: #40A9D5;
  color: #fff;
}

#bladeBody .krdleDefaultInvoicesTheme thead th.k-header a {
  color: #fff;
}

#bladeBody .krdleDefaultInvoicesTheme .k-pager-wrap {
  background: white;
}

#bladeBody .krdleDefaultInvoicesTheme .k-state-selected {
  border-color: #40A9D5;
}

#bladeBody .krdleDefaultInvoicesTheme tr:hover {
  background: #79c0eb;
  color: white;
}

.k-pager-wrap {
  position: relative;
  z-index: 1;
}
.k-pager-wrap .k-pager-info {
  display: none;
}

#divReloadMeetingHistory .k-pager-wrap .k-pager-info {
  display: block;
  text-align: center;
  margin-right: 80px;
}

.k-pager-sm .k-pager-numbers-wrap {
  width: auto;
  margin-left: 2px;
  margin-right: 0;
}
.k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
  display: none;
}
.k-pager-sm .k-pager-numbers {
  display: flex;
}

/*============================================*/
/*=============================================================================================================Utils styles*/
.clear {
  clear: both;
  display: block;
}

.fLeft {
  float: left;
}

.fRight {
  float: right;
}

.dsplyNone {
  display: none !important;
}

.blade .inpWithInlBlck {
  display: inline-block;
  width: 100px;
  text-align: center;
  margin-right: 5px;
}
.blade .inptTypeChckBox {
  display: inline-block;
  width: 25px;
  margin-right: 5px;
}
.blade .flexit {
  display: flex;
}

.noPadding {
  padding: 0 !important;
}

.applyReportDef .inpWithInlBlck {
  padding: 0 5px;
}

.clickable {
  cursor: pointer;
}

.actionIconsWrap span.icn.hideInitially {
  display: none;
}

.kradle-ul {
  padding-left: 0;
  list-style: none;
}

.readOnlyLabel {
  position: static !important;
}

/*============================================*/
/*Clock styles*/
.kversionLogoNClockWrap {
  float: right;
  width: 200px;
  height: 100%;
  display: none;
}

.krdleClockContainer {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
  padding-bottom: 25px;
}

.krdleClockContainer p {
  font-size: 16px;
  text-align: center;
}

.clock_container {
  float: left;
  margin-right: 2px;
  width: 110px;
  position: relative;
}

.clock_container .lbl {
  font-size: 10px;
  color: #333333;
  line-height: 22px;
  /*background: url(../images/clock_label.png);*/
  text-align: center;
  height: 27px;
  width: 108px;
  margin: 0 auto;
}

.clockHolder {
  width: 100px;
  margin: 0 auto;
  position: relative;
}

.clock {
  margin-left: 5px;
}

.sec {
  display: block;
  position: absolute;
}

.min {
  display: block;
  position: absolute;
}

.hour {
  display: block;
  position: absolute;
}

.rotatingWrapper {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 5px;
}

.digital {
  font-weight: bold;
  font-size: 14px;
  color: #444444;
  text-align: center;
}

.jcgmt-container {
  margin: auto;
  float: none;
  padding: 3px;
  width: 100%;
}

.jcgmt-container .jcgmt-lbl {
  font-size: 10px;
  color: #333333;
  line-height: 22px;
  /*background: url(../images/jcgmt-clock_label.png) no-repeat;*/
  text-align: center;
  padding-bottom: 5px;
  width: 108px;
  margin: 0 auto;
}

.jcgmt-clockHolder {
  width: 100px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.jcgmt-sec,
.jcgmt-min,
.jcgmt-hour {
  display: block;
  position: absolute;
}

.jcgmt-rotatingWrapper {
  position: absolute;
  width: 100px;
  height: 100px;
}

.jcgmt-digital,
.jcgmt-date {
  font-weight: bold;
  font-size: 12px;
  color: #444444;
  text-align: center;
  margin-left: 8px;
}

.jcgmt-date {
  font-size: 17px;
  margin-top: -7px;
  margin-bottom: 7px;
  font-weight: normal;
}

.jcgmt-digital {
  font-size: 34px;
  margin-left: 0;
}

.analogAMPM .jcgmt-digital {
  width: 71px;
  height: 50px;
  overflow: hidden;
  text-indent: -82px;
  position: absolute;
  top: 20px;
  top: 48px;
  right: -6px;
  right: -19px;
  font-size: 14px;
}

.analogAMPM .jcgmt-date {
  margin-top: -10px;
}

/*============================================*/
/*Users import spreadsheet styles start*/
#blade_UsersImportBlade .k-spreadsheet .k-spreadsheet-action-bar, #blade_UsersImportBlade .k-spreadsheet-tabstrip .k-spreadsheet-toolbar > * {
  display: none !important;
}

#blade_UsersImportBlade .k-spreadsheet-tabstrip .k-spreadsheet-toolbar > .k-upload-button {
  display: block !important;
}

/*Users import spreadsheet styles end*/
/*============================================*/
/*Contacts import spreadsheet styles start*/
#blade_ContactsImportBlade .k-spreadsheet .k-spreadsheet-action-bar, #blade_ContactsImportBlade .k-spreadsheet-tabstrip .k-spreadsheet-toolbar > * {
  display: none !important;
}

#blade_ContactsImportBlade .k-spreadsheet-tabstrip .k-spreadsheet-toolbar > .k-upload-button {
  display: block !important;
}

/*Contacts import spreadsheet styles end*/
/*============================================*/
/*Scroll bar custom styles start*/
.blade-body .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #5aabdc;
}

.mCSB_inside > .mCSB_container {
  padding: 20px 20px 90px;
}

/*Scroll bar custom styles end*/
.k-datetimepicker .k-button.k-button-solid-base {
  background-color: unset;
}
.k-datetimepicker .k-button.k-button-solid-base span.k-icon {
  font-size: 18px !important;
}

.k-datetimepicker input {
  border: none !important;
}

.k-switch.selectImage {
  border: solid 1px #d2d2d2 !important;
  transform: scale(0.7, 0.6);
}
.k-switch.selectImage.k-switch-on .k-switch-track {
  background-color: #63c188;
}
.k-switch.selectImage.k-switch-off .k-switch-track {
  background-color: #ffffff;
  color: black;
}
.k-switch.selectImage .k-switch-track {
  color: white;
}
.k-switch.selectImage .k-switch-thumb-wrap .k-switch-thumb {
  background-color: #d2d2d2 !important;
}

.konnectSlider.k-slider .k-slider-track {
  background-color: #BCBCBC;
}
.konnectSlider.k-slider .k-slider-selection {
  background-color: #00B2D2;
}
.konnectSlider.k-slider .k-draghandle {
  background-color: #565656;
  width: 20px;
  height: 20px;
}
.konnectSlider.k-slider .k-draghandle.k-state-selected {
  border-radius: 50% !important;
}
.konnectSlider.k-slider .k-tick {
  background-image: none !important;
}

/* Media Queries */
@media (min-width: 1200px) {
  .container {
    width: 90%;
  }
}
.wrapper-body-blade-kradleLogin {
  background: rgb(75, 218, 210);
  background: -moz-linear-gradient(45deg, rgb(75, 218, 210) 0%, rgb(55, 133, 214) 100%);
  background: -webkit-gradient(left bottom, right top, color-stop(0%, rgb(75, 218, 210)), color-stop(100%, rgb(55, 133, 214)));
  background: -webkit-linear-gradient(45deg, rgb(75, 218, 210) 0%, rgb(55, 133, 214) 100%);
  background: -o-linear-gradient(45deg, rgb(75, 218, 210) 0%, rgb(55, 133, 214) 100%);
  background: -ms-linear-gradient(45deg, rgb(75, 218, 210) 0%, rgb(55, 133, 214) 100%);
  background: linear-gradient(45deg, rgb(75, 218, 210) 0%, rgb(55, 133, 214) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4bdad3", endColorstr="#3784d6", GradientType=1 );
}

.modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(25%, 0, 0);
  transform: translate3d(25%, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform: translate3d(0, 25%, 0);
}

/* Alternative Angles */
.modal.fade:not(.in).top-left .modal-dialog {
  -webkit-transform: translate3d(-25%, -25%, 0);
  transform: translate3d(-25%, -25%, 0);
}

.modal.fade:not(.in).top-right .modal-dialog {
  -webkit-transform: translate3d(25%, -25%, 0);
  transform: translate3d(25%, -25%, 0);
}

.modal.fade:not(.in).bottom-left .modal-dialog {
  -webkit-transform: translate3d(-25%, 25%, 0);
  transform: translate3d(-25%, 25%, 0);
}

.modal.fade:not(.in).bottom-right .modal-dialog {
  -webkit-transform: translate3d(25%, 25%, 0);
  transform: translate3d(25%, 25%, 0);
}

.wrapper-body-blade-kradleLogin .modal-dialog {
  width: 700px;
  margin: 0;
  margin-right: 10px;
  margin-top: -180px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 0;
}

.wrapper-body-blade-kradleLogin .modal-content {
  height: auto;
  border-radius: 0;
}

.kradleLoginContent {
  display: flex;
}

.kradleLogoWrap {
  height: 361px;
  width: 361px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kradleLoginFormWrap {
  width: 300px;
}
.kradleLoginFormWrap .modal-header {
  padding-left: 0;
  border-color: #40A9D5;
}
.kradleLoginFormWrap .modal-footer {
  padding-right: 0;
  border-color: #40A9D5;
}
.kradleLoginFormWrap .modal-footer button {
  width: 80px;
}
.kradleLoginFormWrap .form-horizontal .form-group {
  margin-left: 0;
  display: flex;
}
.kradleLoginFormWrap .form-horizontal .form-group .email, .kradleLoginFormWrap .form-horizontal .form-group .pass {
  width: 240px;
  font-size: 13px;
  border-color: #ede9e9;
}
.kradleLoginFormWrap .validation-summary-errors ul {
  list-style: none;
  padding: 0;
}

a.createAccount {
  font-size: 13px;
}

.krdleLoginValidationMsg {
  font-size: 13px;
  position: relative;
  top: -17px;
}

.enableCookiesMsg {
  padding: 20px;
  background: #f89406;
  color: white;
}

.mainmenu {
  width: 80px;
}

.menucontainer {
  width: 50px;
  height: 100%;
  padding: 0;
  background: #46515d;
  position: fixed;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ul.mainMenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.mainMenu a {
  color: white;
}
ul.mainMenu li {
  margin-bottom: 0;
  position: relative;
}
ul.mainMenu li a {
  background-size: 80% 80%;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 50px;
}
ul.mainMenu li a.admin {
  background-image: url("../../images/Radial/mainMenu/administrator.svg");
  background-position: 7px center;
}
ul.mainMenu li a.admin:hover {
  background: url("../../images/Radial/mainMenu/administrator.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: 7px center;
}
ul.mainMenu li a.reports {
  background-image: url("../../images/Radial/mainMenu/reports.svg");
  background-size: 75% 75%;
  background-position: 9px center;
}
ul.mainMenu li a.reports:hover {
  background: url("../../images/Radial/mainMenu/reports.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 75% 75%;
  background-position: 9px center;
}
ul.mainMenu li a.manageAccount {
  background-image: url("../../images/Radial/mainMenu/account.svg");
  background-size: 60% 60%;
}
ul.mainMenu li a.manageAccount:hover {
  background: url("../../images/Radial/mainMenu/account.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 60% 60%;
  background-position: center center;
}
ul.mainMenu li a.settings {
  background-image: url("../../images/Radial/mainMenu/settings.svg");
}
ul.mainMenu li a.settings:hover {
  background: url("../../images/Radial/mainMenu/settings.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.usersUnderAccount {
  background-image: url("../../images/Radial/mainMenu/account-users.svg");
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.usersUnderAccount:hover {
  background: url("../../images/Radial/mainMenu/account-users.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.messaging {
  background-image: url("../../images/Radial/mainMenu/blade_icon_notification.svg");
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.messaging:hover {
  background: url("../../images/Radial/mainMenu/blade_icon_notification.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.passwordChange {
  background-image: url("../../images/Radial/mainMenu/password-change.svg");
}
ul.mainMenu li a.passwordChange:hover {
  background: url("../../images/Radial/mainMenu/password-change.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.user {
  background-image: url("../../images/Radial/mainMenu/user.svg");
}
ul.mainMenu li a.user:hover {
  background: url("../../images/Radial/mainMenu/user.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.activityUserGroup {
  background-image: url("../../images/Radial/mainMenu/activity_user_group.svg");
  background-size: 100% 100%;
}
ul.mainMenu li a.activityUserGroup:hover {
  background: url("../../images/Radial/mainMenu/activity_user_group.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 100% 100%;
  background-position: center center;
}
ul.mainMenu li a.jobStatus {
  background-image: url("../../images/Radial/mainMenu/job-status.svg");
}
ul.mainMenu li a.jobStatus:hover {
  background: url("../../images/Radial/mainMenu/job-status.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.audit {
  background-image: url("../../images/Radial/mainMenu/audit.svg");
}
ul.mainMenu li a.audit:hover {
  background: url("../../images/Radial/mainMenu/audit.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.modelling {
  background-image: url("../../images/Radial/mainMenu/modelling.svg");
  background-position: 7px center;
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.modelling:hover {
  background: url("../../images/Radial/mainMenu/modelling.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: 7px center;
}
ul.mainMenu li a.graphVisual {
  background-image: url("../../images/Radial/mainMenu/graph-visual.svg");
  background-size: 170% 70%;
  background-position: 9px center;
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.graphVisual:hover {
  background: url("../../images/Radial/mainMenu/graph-visual.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 170% 70%;
  background-position: 9px center;
}
ul.mainMenu li a.graphDataModel {
  background-image: url("../../images/Radial/mainMenu/graph-data-model.svg");
  background-size: 170% 70%;
  background-position: center center;
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.graphDataModel:hover {
  background: url("../../images/Radial/mainMenu/graph-data-model.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 170% 70%;
  background-position: center center;
}
ul.mainMenu li a.graphNodeBuilder {
  background-image: url("../../images/Radial/mainMenu/graph-node-builder.svg");
  background-size: 170% 70%;
  background-position: center center;
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.graphNodeBuilder:hover {
  background: url("../../images/Radial/mainMenu/graph-node-builder.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 170% 70%;
  background-position: center center;
}
ul.mainMenu li a.templates {
  background-image: url("../../images/Radial/mainMenu/templates.svg");
}
ul.mainMenu li a.templates:hover {
  background: url("../../images/Radial/mainMenu/templates.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.templatesEdit {
  background-image: url("../../images/Radial/mainMenu/templates-edit.svg");
}
ul.mainMenu li a.templatesEdit:hover {
  background: url("../../images/Radial/mainMenu/templates-edit.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.activityLibraryEdit {
  background-image: url("../../images/Radial/mainMenu/activity-library.svg");
  background-size: 100% 100%;
}
ul.mainMenu li a.activityLibraryEdit:hover {
  background: url("../../images/Radial/mainMenu/activity-library.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 100% 100%;
  background-position: center center;
}
ul.mainMenu li a.job {
  background-image: url("../../images/Radial/mainMenu/job.svg");
  background-size: 70% 70%;
  background-position: 10px center;
}
ul.mainMenu li a.job:hover {
  background: url("../../images/Radial/mainMenu/job.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 70% 70%;
  background-position: 10px center;
}
ul.mainMenu li a.jobPreparation {
  background-image: url("../../images/Radial/mainMenu/job-preparation.svg");
}
ul.mainMenu li a.jobPreparation:hover {
  background: url("../../images/Radial/mainMenu/job-preparation.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobLaunch {
  background-image: url("../../images/Radial/mainMenu/job-launch.svg");
}
ul.mainMenu li a.jobLaunch:hover {
  background: url("../../images/Radial/mainMenu/job-launch.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobAutoLaunch {
  background-image: url("../../images/Radial/mainMenu/job-auto-launch.svg");
  background-size: 100%;
}
ul.mainMenu li a.jobAutoLaunch:hover {
  background: url("../../images/Radial/mainMenu/job-auto-launch.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 100% 100%;
  background-position: center center;
}
ul.mainMenu li a.superAdmin {
  background-image: url("../../images/Radial/mainMenu/super-admin.svg");
}
ul.mainMenu li a.superAdmin:hover {
  background: url("../../images/Radial/mainMenu/super-admin.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobPool {
  background-image: url("../../images/Radial/mainMenu/job-pool.svg");
}
ul.mainMenu li a.jobPool:hover {
  background: url("../../images/Radial/mainMenu/job-pool.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobMy {
  background-image: url("../../images/Radial/mainMenu/job-my.svg");
}
ul.mainMenu li a.jobMy:hover {
  background: url("../../images/Radial/mainMenu/job-my.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobSignature {
  background-image: url("../../images/Radial/mainMenu/job-sign.svg");
}
ul.mainMenu li a.jobSignature:hover {
  background: url("../../images/Radial/mainMenu/job-sign.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobMaster {
  background-image: url("../../images/Radial/mainMenu/job-master.svg");
  background-size: 90% 90%;
  background-position: 5px center;
  border-bottom: #1e3044 1px solid;
}
ul.mainMenu li a.jobMaster:hover {
  background: url("../../images/Radial/mainMenu/job-master.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 90% 90%;
  background-position: 5px center;
}
ul.mainMenu li a.allJobs {
  background-image: url("../../images/Radial/mainMenu/all-jobs.svg");
}
ul.mainMenu li a.allJobs:hover {
  background: url("../../images/Radial/mainMenu/all-jobs.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobFields {
  background-image: url("../../images/Radial/mainMenu/job-fields.svg");
}
ul.mainMenu li a.jobFields:hover {
  background: url("../../images/Radial/mainMenu/job-fields.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.jobLaunchInfo {
  background-image: url("../../images/Radial/mainMenu/job-launch-info.svg");
}
ul.mainMenu li a.jobLaunchInfo:hover {
  background: url("../../images/Radial/mainMenu/job-launch-info.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.reportDef {
  background-image: url("../../images/Radial/mainMenu/report-def.svg");
  background-size: 55% 85%;
}
ul.mainMenu li a.reportDef:hover {
  background: url("../../images/Radial/mainMenu/report-def.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 55% 85%;
  background-position: center center;
}
ul.mainMenu li a.reportGroup {
  background-image: url("../../images/Radial/mainMenu/report-groups.svg");
}
ul.mainMenu li a.reportGroup:hover {
  background: url("../../images/Radial/mainMenu/report-groups.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: center center;
}
ul.mainMenu li a.diagnostics {
  background-image: url("../../images/Radial/mainMenu/diagnostics.svg");
  background-position: 9px center;
}
ul.mainMenu li a.diagnostics:hover {
  background: url("../../images/Radial/mainMenu/diagnostics.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 80% 80%;
  background-position: 9px center;
}
ul.mainMenu li a.glbalAddress {
  background-image: url("../../images/Radial/mainMenu/global-address.svg");
  background-size: 100%;
}
ul.mainMenu li a.glbalAddress:hover {
  background: url("../../images/Radial/mainMenu/global-address.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 100% 100%;
  background-position: center center;
}
ul.mainMenu li a.purchaseMoreResource {
  background-image: url("../../images/Radial/mainMenu/purchase-more-resource.svg");
  background-size: 85%;
}
ul.mainMenu li a.purchaseMoreResource:hover {
  background: url("../../images/Radial/mainMenu/purchase-more-resource.svg") no-repeat, rgba(167, 172, 177, 0.35);
  background-size: 96% 96%;
  background-position: center center;
}
ul.mainMenu li ul {
  position: absolute;
  top: 0;
  left: -500px;
  height: 25px;
  list-style: none;
  white-space: nowrap;
}
ul.mainMenu li ul li {
  display: inline-block;
}
ul.mainMenu li ul.subMenuUl {
  opacity: 0;
  display: none;
  position: absolute;
  top: 0;
  left: 50px;
  width: 50px;
  height: auto;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  background: #46515d;
  border-radius: 0;
}
ul.mainMenu li ul.subMenuUl li {
  display: block;
}
ul.mainMenu li.clicked ul.subMenuUl {
  display: block;
}

#btnMainMenu {
  font-size: 40px;
  width: inherit;
}

/*Check and remove btn main menu from the markup, css and javscript*/
#btnMainMenu {
  display: none;
}

.menuLevelIndicator {
  width: 15px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -12px;
}

.dotSelected .menuLevelIndicator .dot, ul.mainMenu li.clicked .menuLevelIndicator .dot {
  background: #ffffff;
  border: 1px solid #ffffff;
}

.dot {
  border-radius: 50%;
  width: 5px;
  height: 5px;
  border: 1px solid #b0bbbb;
  margin-bottom: 4px;
}

.unread-messages .dot {
  background: red;
  border: red;
}

.passwordWrap {
  font-family: Arial, sans-serif;
}
.passwordWrap h2 {
  font-family: BebasNeueRegular, Arial, sans-serif;
  letter-spacing: 2px;
  word-spacing: 5px;
}
.passwordWrap p {
  text-align: center;
}
.passwordWrap small {
  font-size: 100%;
}
.passwordWrap .text-danger {
  color: #ff0000;
}

.formCenterLayout .form-control {
  border-radius: 0;
  height: 50px;
  border: #ebebeb 2px solid;
  padding: 6px 12px;
  box-shadow: none;
}
.formCenterLayout .krdleFormBtns .btn {
  width: 100%;
  height: 50px;
  border-radius: 0;
  background: #00b2d2;
  font-size: 24px;
  border: none;
  text-transform: uppercase;
  font-family: BebasNeueRegular, Arial, sans-serif;
}
.formCenterLayout .krdleFormBtns .cncl {
  background: none;
  border: 2px solid #00b2d2;
}

.confirmRejectBox {
  padding: 15px;
  min-height: 100px;
  background: #fafeff;
  color: #00b2d2;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.confirmRejectBox p {
  font-size: 22px;
  margin: 0;
}
.confirmRejectBox p a {
  text-decoration: underline;
}
.confirmRejectBox p a:hover {
  text-decoration: none;
}

.pwdShowHideWrap {
  position: relative;
}

.krdleshowPassword {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.krdleshowPassword:hover {
  cursor: pointer;
}

.pwdErrorMessageWrap {
  height: 20px;
}

.krdleshowPassword.showPwd {
  background: url("/images/visibility-show.svg") no-repeat;
}

.krdleshowPassword.hidePwd {
  background: url("/images/visibility-hide.svg") no-repeat;
}

.noPadding {
  padding: 0 !important;
}

#pwdValidationPoints {
  color: #aaa;
  font-size: 13px;
  margin: 25px 0 20px;
}
#pwdValidationPoints p {
  text-align: left;
  color: #333;
}
#pwdValidationPoints ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#pwdValidationPoints ul li {
  margin-bottom: 5px;
  width: 50%;
  padding-right: 15px;
  padding-left: 15px;
  white-space: nowrap;
}
#pwdValidationPoints ul li:before {
  content: "\e014";
  font: 9px/1.7 "Glyphicons Halflings";
  margin-right: 7px;
  background: #ccc;
  color: white;
  border-radius: 50%;
  padding: 1px;
  width: 18px;
  height: 18px;
  display: inline-block;
  text-align: center;
}
#pwdValidationPoints.v-lc .v-lowerChar, #pwdValidationPoints.v-uc .v-upperChar, #pwdValidationPoints.v-num .v-number, #pwdValidationPoints.v-len .v-len, #pwdValidationPoints.v-spc .v-specialChar {
  color: #333;
}
#pwdValidationPoints.v-lc .v-lowerChar:before, #pwdValidationPoints.v-uc .v-upperChar:before, #pwdValidationPoints.v-num .v-number:before, #pwdValidationPoints.v-len .v-len:before, #pwdValidationPoints.v-spc .v-specialChar:before {
  content: "\e013";
  background-color: #0b6;
}

body.hasTopbar .toast-top-right {
  top: 60px;
}

@font-face {
  font-family: "BebasNeueRegular";
  src: url("/css/font/BEBAS.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* PP - Added for KRAD-1526*/
.float-label-control {
  position: relative;
  margin-bottom: 1.5em;
}

/*.float-label-control ::-webkit-input-placeholder { color: transparent; }
.float-label-control :-moz-placeholder { color: transparent; }
.float-label-control ::-moz-placeholder { color: transparent; }
.float-label-control :-ms-input-placeholder { color: transparent; }*/
.float-label-control input:-webkit-autofill,
.float-label-control textarea:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  -moz-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
}

.float-label-control input, .float-label-control textarea, .float-label-control label {
  font-size: 1.3em;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.float-label-control input:focus,
.float-label-control textarea:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom-width: 2px;
  padding-bottom: 0;
}

.float-label-control textarea:focus {
  padding-bottom: 4px;
}

.float-label-control input, .float-label-control textarea {
  display: block;
  width: 100%;
  padding: 0.1em 0em 1px 0em;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #aaa;
  outline: none;
  margin: 0px;
  background: none;
}

.float-label-control textarea {
  padding: 0.1em 0em 5px 0em;
}

.float-label-control label {
  position: absolute;
  font-weight: normal;
  top: -1em;
  left: 0.08em;
  color: #aaaaaa;
  z-index: -1;
  font-size: 0.85em;
  -moz-animation: float-labels 300ms none ease-out;
  -webkit-animation: float-labels 300ms none ease-out;
  -o-animation: float-labels 300ms none ease-out;
  -ms-animation: float-labels 300ms none ease-out;
  -khtml-animation: float-labels 300ms none ease-out;
  animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/
  animation-play-state: running !important;
  -webkit-animation-play-state: running !important;
}

.float-label-control input.empty + label,
.float-label-control textarea.empty + label {
  top: 0.1em;
  font-size: 1.5em;
  animation: none;
  -webkit-animation: none;
}

.float-label-control input:not(.empty) + label,
.float-label-control textarea:not(.empty) + label {
  z-index: 1;
}

.float-label-control input:not(.empty):focus + label,
.float-label-control textarea:not(.empty):focus + label {
  color: #aaaaaa;
}

.float-label-control.label-bottom label {
  -moz-animation: float-labels-bottom 300ms none ease-out;
  -webkit-animation: float-labels-bottom 300ms none ease-out;
  -o-animation: float-labels-bottom 300ms none ease-out;
  -ms-animation: float-labels-bottom 300ms none ease-out;
  -khtml-animation: float-labels-bottom 300ms none ease-out;
  animation: float-labels-bottom 300ms none ease-out;
}

.float-label-control.label-bottom input:not(.empty) + label,
.float-label-control.label-bottom textarea:not(.empty) + label {
  top: 3em;
}

@keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: -1em;
    opacity: 1;
  }
}
@-webkit-keyframes float-labels {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: -1em;
    opacity: 1;
  }
}
@keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}
@-webkit-keyframes float-labels-bottom {
  0% {
    opacity: 1;
    color: #aaa;
    top: 0.1em;
    font-size: 1.5em;
  }
  20% {
    font-size: 1.5em;
    opacity: 0;
  }
  30% {
    top: 0.1em;
  }
  50% {
    opacity: 0;
    font-size: 0.85em;
  }
  100% {
    top: 3em;
    opacity: 1;
  }
}
body {
  padding: 0px;
  height: 100%;
}

html {
  height: 100%;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 0;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 1600px;
}*/
.visiblitiyHidden {
  visibility: hidden;
}

/*=============================================================================================================Create Account signup and products pages related styles*/
.headerKradle {
  border-bottom: solid;
  border-bottom-width: 1px;
  border-bottom-color: #338ECF;
  background: #40A9D5;
}

.kradleHeaderLogo {
  color: #fff;
  position: relative;
  top: -5px;
}
.kradleHeaderLogo img {
  position: relative;
  top: -2px;
}

.kradleProductPurchase {
  color: #737373;
}
.kradleProductPurchase h2 {
  color: #333;
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
}
.kradleProductPurchase .btn-primary {
  background-color: #40A9D5;
}

.g-recaptcha > div {
  margin: auto;
}

.loginLayout li a {
  color: #fff;
  margin-right: 10px;
}
.loginLayout li a:hover {
  background: none;
  color: #eaeef1;
}

.k-list > .k-state-selected, .k-state-selected, .k-slider-selection, .k-button.k-state-active:hover, .k-state-selected:link, .k-draghandle.k-state-selected:hover {
  background-color: #40A9D5;
  border-color: #40A9D5;
}

.k-list > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected {
  -webkit-box-shadow: inset 0 0 3px 1px #40A9D5;
  box-shadow: inset 0 0 3px 1px #40A9D5;
}

#showhideBtn {
  border-radius: 0;
}

.expNsec {
  text-align: center;
}

input.js-cc-number {
  padding: 2px 5px;
}

#notifications.list-group-flush {
  padding-left: 0px;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush .list-group-item:last-child {
  border-bottom: 0;
}

.dismissNotification {
  background: url(../images/close.svg) 1px 0 no-repeat;
  background-size: 95%;
  opacity: 0.5;
}

.dismissNotification:hover {
  background-image: url("../images/close-hvr.svg");
  opacity: 1;
}

.progress-bar {
  background-color: #92D050;
}

.fullwidth {
  width: 100%;
}

.freeLayoutContainer .wrapper-body {
  margin: 10px;
  border-top: 1px solid #ddd;
}

.fluid-container {
  margin: 0 15px;
}

.guestWrapper {
  height: 100vh;
}
.guestWrapper form#guestRegister {
  overflow: auto;
}

/*=============================================================================================================Tab Styles */
.wrapper-tab-panel {
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}

.tabbable-line {
  height: 100%;
}

.tab-content {
  height: calc(100% - 73px);
  clear: both;
}

.tab-pane {
  height: 100%;
}

.wrapper-grid-scrollable {
  width: 100%;
  height: 100%;
  position: relative;
}

.wrapper-models {
  height: 10vh;
  height: auto;
}

/* Wrapper for white pages. e.g. registration */
.wrapper-body {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
}

/* Wrapper for blade pages */
.wrapper-tab-preferences {
  height: 100vh;
  padding-bottom: 15px;
}

.wrapper-tab-ppreferences {
  height: 100%;
}

.wrapper-body-blade .tabbable-line > .nav-tabs > li.open {
  border-color: #a0d5ef;
}
.wrapper-body-blade .tabbable-line > .nav-tabs > li:hover {
  border-color: #a0d5ef;
}
.wrapper-body-blade .tabbable-line > .nav-tabs > li.active {
  border-color: #40A9D5 !important;
}
.wrapper-body-blade .tabbable-line > .tabsNfieldWrap > .nav-tabs > li.active {
  border-bottom: 4px solid #40A9D5 !important;
}
.wrapper-body-blade .tabbable-line > .tabsNfieldWrap > .nav-tabs > li.active:hover {
  border-bottom: 4px solid #40A9D5 !important;
}
.wrapper-body-blade .tabbable-line > .tabsNfieldWrap > .nav-tabs > li:hover {
  border-bottom: 4px solid #a0d5ef !important;
}

.tabsNfieldWrap {
  height: 43px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.tabsNfieldWrap .nav-tabs > li.active > a {
  border: none;
}
.tabsNfieldWrap .nav-tabs > li > a:hover {
  background: none;
  border: none;
}
.tabsNfieldWrap .nav > li > a {
  border: none;
}

.searchNcomboWrap {
  width: 400px;
  height: 35px;
  margin-right: 20px;
  padding-top: 5px;
}
.searchNcomboWrap .k-combobox-clearable .k-input {
  height: 28px;
}

ul.sendEmailNText {
  padding-left: 0;
  margin: 0 0 15px;
}
ul.sendEmailNText li {
  display: inline-block;
  padding-right: 25px;
  line-height: 25px;
  height: 25px;
}
ul.sendEmailNText li input[type=checkbox] {
  margin: auto 3px auto 0;
  position: relative;
  top: 2px;
}

#form_DocumentUploadForm .wrapper-tab-panel {
  width: 80%;
  height: auto;
}

#form_ActivityGroupManagementSave .wrapper-tab-panel {
  height: 100%;
}

#form_UserManagementSave .tab-pane, #form_ActivityGroupManagementSave .tab-pane {
  height: 90%;
}

#blade_UserGroupsManagementBlade .wrapper-models, #form_UserGroupManagementSave, .userGroupManagementSavePrnt .tab-content {
  height: 90%;
}

.userGroupManagementSavePrnt .tab-content, .formActivityManagementSavePrnt .tab-content, #blade_TemplateFolderBlade .tab-content, .TaskStartSavePrnt .tab-content {
  overflow-y: auto;
}

.userGroupManagementSavePrnt .wrapper-tab-panel {
  height: 80%;
}

/*vertical scroll styles for TemplatesTopologyBlade blade*/
.formTemplateFolderSavePrnt .wrapper-tab-panel, #ModelPTopologyBlade .wrapper-grid-scrollable {
  overflow-y: auto;
}

#svgContainer {
  width: 600px;
  height: 580px;
  margin: auto;
}

#accordion-1 .ui-accordion-content {
  height: 250px !important;
}

/* Tabs panel */
.tabbable-panel {
  border: 1px solid #eee;
  padding: 10px;
  margin: 10px;
  margin-top: 0;
  height: calc(100% - 80px);
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0;
}

.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a, .tabbable-line > .tabsNfieldWrap > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}

.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}

.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0;
}

.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #f46717;
  position: relative;
}

.tabbable-line > .nav-tabs > li.active > a, .tabbable-line > .tabsNfieldWrap > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}

.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}

.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}

.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.flowChart-editActivity {
  position: relative;
  top: -3px;
}
.flowChart-editActivity:hover {
  color: #282D32;
}

.flowChart-loadActivityFromLibrary {
  background-image: url("/images/GoJS/load_from_library.svg");
  background-size: 90%;
  position: relative;
  top: -2px;
}

.flowChart-saveActivityToLibrary {
  background-image: url("/images/GoJS/save_to_library.svg");
  background-size: 90%;
  position: relative;
  top: -2px;
}

.flowChart-toggleGrid {
  background-image: url("/images/GoJS/toggle_grid.svg");
  background-size: 110%;
  top: -7px;
  left: 20px;
}

.flowChart-toggleGrid.clicked {
  background-image: url("/images/GoJS/toggle_grid_clicked.svg");
}

.flowChart-toggleSnap {
  background-image: url("/images/GoJS/toggle_snap.svg");
  background-size: 110%;
  top: -7px;
  left: 15px;
}

.flowChart-toggleSnap.clicked {
  background-image: url("/images/GoJS/toggle_snap_clicked.svg");
}

.flowChart-unLockChart, .unlock {
  background-image: url("/images/GoJS/un-lock.svg");
}

.flowChart-unLockChart.flowChart-lockChart, .lock {
  background-image: url("/images/GoJS/lock.svg");
}

.flowChart-dataModel {
  background-image: url("/images/GoJS/blade_icon_graph_model.svg");
}
.flowChart-dataModel:hover {
  background-image: url("/images/GoJS/blade_icon_graph_model-hvr.svg");
}

.checkList-importChecklist {
  background-image: url("/images/import-checklist-toolbar.svg");
  left: 2px !important;
}
.checkList-importChecklist:hover {
  background-image: url("/images/import-checklist-toolbar-hvr.svg");
  left: 2px;
}

.hdrControlsGeneric.flowChart-dataModel:hover {
  cursor: default;
}

.flowChart-loadActivityFromLibrary:hover {
  background-image: url("/images/GoJS/load_from_library-hvr.svg");
}

.flowChart-saveActivityToLibrary:hover {
  background-image: url("/images/GoJS/save_to_library-hvr.svg");
}

.flowChart-toggleGrid:hover {
  background-image: url("/images/GoJS/toggle_grid-hvr.svg");
}

.flowChart-toggleGrid.clicked:hover {
  background-image: url("/images/GoJS/toggle_grid_clicked-hvr.svg");
}

.flowChart-toggleSnap:hover {
  /*background-image: url("../images/GoJS/toggle_snap-hvr.svg");*/
}

.flowChart-unLockChart:hover, .unlock:hover {
  background-image: url("/images/GoJS/un-lock-hvr.svg");
}

.flowChart-unLockChart.flowChart-lockChart:hover, .lock:hover {
  background-image: url("/images/GoJS/lock-hvr.svg");
}

.panel-heading span {
  margin-top: -20px;
  font-size: 15px;
}

/*============================================*/
/*=============================================================================================================smk accordion styles*/
/*Accordion for template start*/
.smk_accordion {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
  z-index: 0;
}

.smk_accordion .accordion_in {
  border: 1px solid #ccc;
  position: relative;
  z-index: 10;
  margin-top: -1px;
  overflow: hidden;
}

.smk_accordion .accordion_in .acc_head {
  position: relative;
  background: #FDFDFD;
  padding: 10px;
  font-size: 14px;
  display: block;
  cursor: pointer;
}

.smk_accordion .accordion_in .acc_head .acc_icon_expand {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  background: url(/images/plusminus.png) center 0;
}

.smk_accordion .accordion_in .acc_content {
  background: #F9F9F9;
  color: #7B7E85;
  padding: 3px 10px;
}

.smk_accordion .accordion_in .acc_content h1:first-of-type,
.smk_accordion .accordion_in .acc_content h2:first-of-type,
.smk_accordion .accordion_in .acc_content h3:first-of-type,
.smk_accordion .accordion_in .acc_content h4:first-of-type,
.smk_accordion .accordion_in .acc_content h5:first-of-type,
.smk_accordion .accordion_in .acc_content h6:first-of-type {
  margin-top: 5px;
}

.smk_accordion .accordion_in:first-of-type,
.smk_accordion .accordion_in:first-of-type .acc_head {
  border-radius: 3px 3px 0 0;
}

.smk_accordion .accordion_in:last-of-type,
.smk_accordion .accordion_in:last-of-type .acc_content {
  border-radius: 0 0 3px 3px;
}

.smk_accordion .accordion_in.acc_active > .acc_content {
  display: block;
}

.smk_accordion .accordion_in.acc_active > .acc_head {
  background: #F9F9F9;
}

.smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(/images/plusminus.png) center -18px;
}

.smk_accordion.acc_with_icon .accordion_in .acc_head,
.smk_accordion.acc_with_icon .accordion_in .acc_content {
  padding-left: 40px;
}

/*Accordion for template end*/
/*============================================*/
/*=============================================================================================================Table styles*/
/*Table styles start*/
#gridviewModelDocuments table, #gridviewModelItemKeys table, #gridviewUsers table, #gridviewUserGroups table, #gridviewActivityrGroups table, #gridviewJobStatuses table, #gridviewTemplates table, #gridviewReportDefinitions table, #gridviewActivityGroupsForUser table, #gridviewUsersForUserGroup table, #gridviewUsersForActivityGroup table, #gridviewModelItemsSearch table, #gridviewTemplatesSearch table {
  table-layout: auto;
}

.gridWrap thead th.k-header, .innerGridWrap thead th.k-header, .jobsGrid thead th.k-header {
  background: #40A9D5;
  color: #cddeef;
  padding: 10px;
}

.jobsGrid.accountJobs thead th.k-header {
  padding: 8px;
}

.gridWrap thead th.k-header > a.k-link, .innerGridWrap thead th.k-header > a.k-link, .jobsGrid thead th.k-header > a.k-link {
  color: #f6f6f6;
  font-weight: bold;
}

.gridWrap .k-grid td, .innerGridWrap .k-grid td, .jobsGrid .k-grid td {
  border-bottom: #40A9D5 1px solid !important;
  padding-left: 10px;
  padding-right: 10px;
  word-break: break-word;
  /*border-bottom: #b3def7 1px solid !important;*/
}

.gridWrap .k-alt, .innerGridWrap .k-alt, .jobsGrid .k-alt {
  background: none;
}

.gridWrap .k-alt.k-state-selected, .innerGridWrap .k-alt.k-state-selected, .jobsGrid .k-alt.k-state-selected {
  background: #40A9D5;
}

.gridWrap .k-pager-wrap, .innerGridWrap .k-pager-wrap, .jobsGrid .k-pager-wrap {
  background: none;
}

.gridWrap .k-grid tr:hover, .innerGridWrap .k-grid tr:hover, .jobsGrid .k-grid tr:hover {
  background: #5aabdc;
  color: #fff;
}

.gridWrap tr.k-state-selected, .innerGridWrap tr.k-state-selected, .jobsGrid .k-grid tr:hover {
  background: #5aabdc;
}

/*============================================*/
/*=============================================================================================================Toolbar within tab styles*/
.tlBarLeft {
  float: left;
  height: 45px;
}

.tlBarRight {
  float: right;
  height: 45px;
  margin-right: 43px;
  margin-left: 10px;
}

.toolSet {
  float: right;
  height: 45px;
  margin-left: 20px;
}

.flowchartToolbar {
  margin-top: -10px;
  padding-bottom: 10px;
  padding-right: 10px;
  float: right;
}

.flowchartToolbar .toolSet::selection, .flowchartToolbar .toolSet span::selection {
  color: transparent;
}

.flowchartToolbar, .checklistToolbar {
  margin-top: -10px;
  padding-bottom: 10px;
}

.allowAdjToolbar {
  width: 500px;
}

.allowAdjToolbar.nav-tabs {
  border-bottom: none;
}

.flowchartToolbar span {
  cursor: pointer !important;
}

.flowchartToolbar.createNewJob {
  display: none;
}

.flowchartToolbar.publishTemplate, .checklistToolbar.publishTemplate {
  display: none;
}

/*Report Folders Rows styles*/
.toolBarWithinTab {
  height: 35px;
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 3px;
}
.toolBarWithinTab .icn {
  display: flex;
  flex: 0 0 35px;
  cursor: pointer;
  margin-left: 5px;
}
.toolBarWithinTab .icn span.generic {
  background-repeat: no-repeat;
  flex: 0 0 100%;
}
.toolBarWithinTab .icn span.dataModel {
  background-image: url(/images/GoJS/blade_icon_data_model.svg);
}
.toolBarWithinTab .icn span.selectSingleCell {
  background-image: url(/images/select-single-cell-hd-icn.svg);
  background-size: 95% 95%;
}
.toolBarWithinTab .icn span.selectMultipleColumns {
  background-image: url(/images/select-multiple-col-hd-icn.svg);
  background-size: 95% 95%;
}
.toolBarWithinTab .icn span.selectSingleColumn {
  background-image: url(/images/select-col-hd-icn.svg);
  background-size: 95% 95%;
}
.toolBarWithinTab .icn .fa-stack {
  height: inherit;
  width: 50px;
  line-height: 35px;
}

.PDF_navController.k-pager-wrap {
  background: none;
  border: none;
  text-align: center;
  justify-content: center;
  max-width: 160px;
  margin: 0 auto 0px;
}
.PDF_navController.k-pager-wrap .k-pager-nav {
  border: none;
}
.PDF_navController.k-pager-wrap .k-label {
  flex-grow: 1;
}

.PDFwrapper {
  position: relative;
  overflow: auto;
  max-height: 740px;
}
.PDFwrapper #PDF-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
}
.PDFwrapper #PDF-loader.show {
  z-index: 100;
}

.darkLayerItem#divInitials {
  color: #333 !important;
}

#divInitials {
  color: #eee !important;
}

.profile_initials {
  width: 125px;
  height: 125px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  position: relative;
}

.profile_initials:hover {
  cursor: pointer;
}

.profile_initialsBgColor {
  text-align: center;
  position: relative;
}

.profile_initialsBgColor input {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 35px;
  right: 33px;
  z-index: -1;
}

.profile_initials_wrap {
  width: 125px;
  margin: auto;
}

.profile_uploadImg {
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  max-width: 125px;
  margin: 0 auto;
}

.btnUploadProfileImage {
  background: url(/images/browse-files.svg) no-repeat center;
  background-size: 40%;
  height: 25px;
  width: 50%;
}

#btnChangeLogo .btnUploadProfileImage {
  display: block;
  width: 30px;
  height: 29px;
  background-size: 100%;
  position: relative;
  top: 6px;
}

.profile_uploadImg:hover {
  cursor: pointer;
}

.profile_userpic {
  width: 125px;
  height: 125px;
  margin: auto;
}

.profile_userpic .profile-placeholder {
  font-size: 6rem;
  background: #ccc;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

.profile_userpic.crop_blade_open {
  border: 1px solid #eee;
}

.profile_userpic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.profile_userpic .profile-placeholder {
  font-size: 6rem;
  background: #ccc;
  width: 125px;
  height: 125px;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
}

/*#fb9903*/
.profileImageProp_labels {
  padding-top: 10px;
  display: flex;
  color: #0087d8;
  justify-content: center;
  width: 125px;
  margin-left: auto;
}

.profileImageProp_labels span {
  width: 50px;
  display: inline-block;
  font-size: 13px;
}

.profileImageProp_labels span:hover {
  cursor: pointer;
}

.btnProfilePictureDelete {
  background: url(/images/delete.svg) no-repeat center;
  height: 25px;
}

.btnCropImage {
  background: url(/images/crop.svg) no-repeat center;
  background-size: 22px auto;
  height: 25px;
}

.field-group {
  margin-bottom: 15px;
}

.image-placeholder {
  background: #ddd;
  text-align: center;
}

#divProfile .image-placeholder {
  border-radius: 50%;
  height: 125px;
  width: 125px;
  font-size: 5rem;
  color: white;
  line-height: 12.5rem;
  margin: 0 auto;
  display: block;
}

.mobContact .error-msg {
  display: none;
}

.invalid .error-msg {
  display: inline-block;
}

.noticeWrap {
  display: flex;
  text-align: center;
  flex-direction: column;
  height: calc(100vh - 60px);
  justify-content: center;
  font-size: 26px;
  font-family: Raleway, Tahoma, Arial;
  color: black;
}
.noticeWrap .msgMain {
  font-size: 36px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.noticeWrap .img-wrap {
  width: 100px;
  margin: 0 auto;
  min-height: 100px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 37px;
}
.noticeWrap .img-wrap .fa, .noticeWrap .img-wrap .fal, .noticeWrap .img-wrap .fas {
  font-size: 6rem;
  color: white;
  line-height: 108px;
}
.noticeWrap .accepted .img-wrap, .noticeWrap .success .img-wrap {
  background-color: green;
}
.noticeWrap .declined .img-wrap, .noticeWrap .error .img-wrap {
  background-color: red;
}

.kradlePage .img-wrap {
  margin-bottom: 15px;
}
.kradlePage .msgMain {
  margin-top: 0;
}

/*==File Uploader Styles==*/
#file-DropArea {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  cursor: pointer;
}
#file-DropArea > * {
  display: block;
}
#file-DropArea i.fal {
  font-size: 4rem;
  margin-bottom: 20px;
}
#file-DropArea.highlight {
  border-color: #40A9D5;
  box-shadow: 0 0 25px inset rgba(0, 135, 216, 0.15);
}
#file-DropArea.disabled {
  opacity: 0.4;
  cursor: no-drop;
}

input.fileUploder[type=file] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.uploadFileList ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.uploadFileList ul li {
  display: flex;
  padding: 3px;
  min-height: 45px;
  background: #f2f2f2;
  margin-bottom: 2px;
  align-items: center;
}
.uploadFileList ul li.completed .completedFile {
  display: block;
}
.uploadFileList ul li.completed .removeFile {
  display: none;
}
.uploadFileList ul li.duplicate {
  background-color: #ddd;
}
.uploadFileList ul.uploading .completedFile {
  display: block;
}
.uploadFileList ul.uploading .removeFile {
  display: none;
}
.uploadFileList ul .duplicateTxt {
  font-size: 12px;
  color: #c33;
  margin-left: 10px;
}
.uploadFileList .thumb {
  width: 70px;
  max-height: 40px;
  margin-right: 10px;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.uploadFileList .thumb img {
  max-width: 100%;
  max-height: 100%;
}
.uploadFileList .fileTxtWrap {
  width: calc(100% - 200px);
  margin-right: 20px;
  line-height: 1;
}
.fileSize {
  margin-right: 25px;
  font-size: 1.2rem;
  color: #777;
  line-height: 1;
  min-width: 80px;
}

.removeFile {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-left: auto;
  margin-right: 2px;
}
.removeFile:hover {
  color: red;
}

.completedFile {
  display: none;
  width: 25px;
  color: green;
  border-radius: 50%;
  background: white;
  text-align: center;
  line-height: 26px;
  height: 25px;
  margin-left: auto;
  margin-right: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.completedFile .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f2f2f2;
  top: 0;
  left: 0;
  transition: height 0.2s ease;
  opacity: 0.95;
}
.completedFile.ongoing .fa-check {
  color: #f2f2f2;
}

#uploadProgressWrap .uploadFileList {
  position: absolute;
  background: #46515d;
  left: 50px;
  bottom: 5px;
  width: 250px;
  color: white;
  display: none;
}
#uploadProgressWrap .uploadFileList ul li {
  background: transparent;
  border-bottom: 1px solid rgb(59.0490797546, 68.3282208589, 78.4509202454);
  margin: 0;
  color: white;
  min-height: 40px;
  text-align: left;
}
#uploadProgressWrap .uploadFileList .thumb {
  width: 25px;
  font-size: 2rem;
  margin-right: 5px;
}
#uploadProgressWrap .uploadFileList .fileName {
  width: calc(100% - 80px);
  font-size: 1.2rem;
  text-align: left;
  word-break: break-word;
}
#uploadProgressWrap .uploadFileList .completedFile {
  display: block;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.95);
}
#uploadProgressWrap .uploadFileList .completedFile .mask {
  background: #444;
}

#UploadBlob:disabled {
  cursor: not-allowed;
}
#bgFileUploadProgress {
  cursor: pointer;
}

button.btn-primary {
  background-color: #40A9D5;
  border-color: #40A9D5;
}
button.btn-primary:hover, button.btn-primary:focus {
  background-color: rgb(40.7381974249, 142.5836909871, 185.2618025751);
  border-color: rgb(40.7381974249, 142.5836909871, 185.2618025751);
}

button.btn-primary.btnqedit:enabled {
  border: 3px solid #FF0000;
}

button.btn-primary.btnqedit:disabled:hover {
  background-color: #40A9D5;
  border-color: #40A9D5;
}

button.btn-success.btnqstart:enabled {
  border: 3px solid #FF0000;
}

button.btn-warning.btnqcancel:enabled {
  border: 3px solid #FF0000;
}

.mobile-only {
  display: none;
}

.navbar-collapse.loginLayout {
  position: absolute;
  right: 0;
}
.navbar-collapse.loginLayout.collapse {
  display: block;
}
.navbar-collapse.loginLayout.collapse a {
  line-height: 1;
}

body.mobile .logOutFormContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
body.mobile .mainMenu,
body.mobile .storageManagerWrap,
body.mobile .connectWrap {
  display: none;
}
body.mobile .desktop-only {
  display: none;
}
body.mobile .mobile-only {
  display: block;
}
body.mobile #container {
  width: auto !important;
}
body.mobile .kversionLogoNClockWrap {
  position: absolute;
  z-index: 0;
  right: 0;
}
body.mobile .kversionLogoNClockWrap .container-back, body.mobile .kversionLogoNClockWrap .krdleClockContainer {
  right: 10%;
}
body.mobile #bladeContainer .blade {
  width: auto !important;
}
body.mobile #bladeContainer .blade .blade-body {
  width: calc(100% - 75px) !important;
  max-width: 800px;
}
body.mobile .newSignupHelp {
  background: none;
  font-family: sans-serif;
}
body.mobile .newSignupHelp .KradleLogo {
  margin: 20px;
  text-align: center;
}
body.mobile .newSignupHelp .KradleLogo img {
  width: 70px;
}
body.mobile .newSignupHelp h2 {
  line-height: 1.4;
  margin-top: 0;
  font-size: 22px;
  color: black;
  font-weight: 300;
  font-family: sans-serif;
}
body.mobile .newSignupHelp .NSHcontent {
  padding: 10px 0px 0;
  text-align: center;
}
body.mobile .newSignupHelp .NSHcontent p {
  font-size: 16px;
  letter-spacing: 0.5px;
}
body.mobile .newSignupHelp .container-fluid {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
body.mobile ul .NSHadministratorCapabilities li {
  background-position: 0 4px;
}
body.mobile .blade[data-extra=firstTimeLogin] .row.formFieldMargin:nth-child(n+3), body.mobile .blade[data-extra=firstTimeLogin] #inpUserTitle, body.mobile .blade[data-extra=firstTimeLogin] #inpUserEmail {
  display: none;
}
body.mobile .blade[data-extra=firstTimeLogin] .row {
  margin-bottom: 0;
}
body.mobile .blade[data-extra=firstTimeLogin] .row > [class*=col-] {
  margin-bottom: 10px;
  width: 100%;
}
body.mobile .blade[data-componentname=HelpBlade] .bladeControlsWrap {
  height: 10px;
}
body.mobile .bladeInfo {
  width: 100%;
  right: 0;
}

@media screen and (max-width: 1024px) {
  #LayoutFreeKonnect {
    height: auto;
    overflow: visible;
    padding: 10px;
    background: #eee;
  }
  #LayoutFreeKonnect .konnectNewTabWrap {
    flex-direction: column;
    height: auto;
  }
  #LayoutFreeKonnect .ntSideBarConnectionsListWrap {
    height: auto;
    width: auto;
    padding-top: 10px;
  }
  #LayoutFreeKonnect .ntKradleKonnectLogo {
    position: static;
    height: auto;
    width: auto;
  }
  #LayoutFreeKonnect .ntMainKonnectWrap {
    width: auto;
    border-left: 0;
  }
  #LayoutFreeKonnect .headingNInfoContainer {
    padding: 10px !important;
  }
  #LayoutFreeKonnect .headingNInfoContainer h2 {
    margin-left: 0;
    height: auto;
    padding: 0 15px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 375px) {
  /* Styles */
  body.mobile .kversionLogoNClockWrap .container-back {
    width: 120px;
    padding-top: 15px;
  }
  body.mobile .kversionLogoNClockWrap .container-back .kradleLogo {
    padding: 0 30px 15px;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:first-of-type {
    font-size: 8pt !important;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:nth-of-type(2) {
    margin-left: 30px;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:not(:first-of-type) {
    font-size: 7pt !important;
    display: inline-block;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer {
    width: 120px;
    padding-bottom: 15px;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital, body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-date, body.mobile .kversionLogoNClockWrap .krdleClockContainer p {
    font-size: 10px !important;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital {
    right: -58px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 600px) and (orientation: landscape) {
  body.mobile .kversionLogoNClockWrap .container-back {
    width: 110px;
    padding-top: 15px;
    right: 0;
  }
  body.mobile .kversionLogoNClockWrap .container-back .kradleLogo {
    padding: 0 30px;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:first-of-type {
    font-size: 8pt !important;
    margin-bottom: 0;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:nth-of-type(2) {
    margin-left: 18px;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:not(:first-of-type) {
    font-size: 7pt !important;
    display: inline-block;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer {
    width: 75px;
    padding-bottom: 0;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital, body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-date, body.mobile .kversionLogoNClockWrap .krdleClockContainer p {
    font-size: 8px !important;
    margin-top: -5px;
    margin-left: 0;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital {
    right: -64px;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-clockHolder {
    width: 100%;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-clockHolder .jcgmt-rotatingWrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) and (orientation: landscape) {
  body.mobile .kversionLogoNClockWrap .container-back {
    width: 130px;
    padding-top: 15px;
  }
  body.mobile .kversionLogoNClockWrap .container-back .kradleLogo {
    padding-bottom: 0;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:first-of-type {
    font-size: 10pt !important;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:nth-of-type(2) {
    margin-left: 20px;
  }
  body.mobile .kversionLogoNClockWrap .container-back p:not(:first-of-type) {
    font-size: 9pt !important;
    display: inline-block;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer {
    width: 130px;
    padding-bottom: 15px;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital, body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-date, body.mobile .kversionLogoNClockWrap .krdleClockContainer p {
    font-size: 10px !important;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer .jcgmt-digital {
    right: -50px;
  }
  body.mobile .kversionLogoNClockWrap .krdleClockContainer p {
    margin-bottom: 0;
  }
}
#dlgCustom input[type=radio], #dlgModal input[type=radio], .dlgCustom input[type=radio] {
  appearance: none;
  display: none;
}
#dlgCustom button, #dlgModal button, .dlgCustom button {
  min-width: 80px;
}
#dlgCustom .lblForSnapShotType, #dlgModal .lblForSnapShotType, .dlgCustom .lblForSnapShotType {
  cursor: pointer;
  background-size: contain;
  display: inline-block;
  width: 40px;
  height: 60px;
  transition: all 100ms ease-in;
  filter: brightness(1.8) grayscale(1) opacity(0.7);
}
#dlgCustom .lblForSnapShotType:hover, #dlgModal .lblForSnapShotType:hover, .dlgCustom .lblForSnapShotType:hover {
  filter: brightness(1.2) grayscale(0.5) opacity(0.9);
}
#dlgCustom label.jpgLbl, #dlgModal label.jpgLbl, .dlgCustom label.jpgLbl {
  background: url("/images/icon-jpg-file.png") no-repeat center;
}
#dlgCustom label.pngLbl, #dlgModal label.pngLbl, .dlgCustom label.pngLbl {
  background: url("/images/icon-png-file.png") no-repeat center;
  background-size: 85%;
}
#dlgCustom label.pdfLbl, #dlgModal label.pdfLbl, .dlgCustom label.pdfLbl {
  background: url("/images/icon-pdf-file.png") no-repeat center;
  background-size: 100%;
}
#dlgCustom .helpText, #dlgModal .helpText, .dlgCustom .helpText {
  padding-left: 10%;
  display: block;
  width: 75%;
  text-align: justify;
}
#dlgCustom .snapshotTypeGroup input:active + .lblForSnapShotType, #dlgModal .snapshotTypeGroup input:active + .lblForSnapShotType, .dlgCustom .snapshotTypeGroup input:active + .lblForSnapShotType {
  opacity: 0.9;
}
#dlgCustom .snapshotTypeGroup input:checked + .lblForSnapShotType, #dlgModal .snapshotTypeGroup input:checked + .lblForSnapShotType, .dlgCustom .snapshotTypeGroup input:checked + .lblForSnapShotType {
  filter: none;
}
#dlgCustom .snapshotData, #dlgModal .snapshotData, .dlgCustom .snapshotData {
  padding-left: 10%;
}
#dlgCustom .snapshotData .snapShotName, #dlgModal .snapshotData .snapShotName, .dlgCustom .snapshotData .snapShotName {
  margin-right: 16px;
  border: 2px solid #ebebeb;
}
#dlgCustom .snapshotData .form-select, #dlgModal .snapshotData .form-select, .dlgCustom .snapshotData .form-select {
  border: 1px solid #eee;
  height: 45px;
  font-size: 13px;
  width: 100%;
}
#dlgCustom .radioGroupBox, #dlgModal .radioGroupBox, .dlgCustom .radioGroupBox {
  padding-left: 10%;
  padding-bottom: 10%;
}
#dlgCustom .radioGroupBox .lblForSnapShotType, #dlgModal .radioGroupBox .lblForSnapShotType, .dlgCustom .radioGroupBox .lblForSnapShotType {
  width: 24%;
  height: auto;
  filter: none;
  font-weight: normal;
  position: relative;
  left: 45px;
}
#dlgCustom .radioGroupBox .row, #dlgModal .radioGroupBox .row, .dlgCustom .radioGroupBox .row {
  height: 3vh;
}
#dlgCustom .radioGroupBox .bladeInfoIconTrigger, #dlgModal .radioGroupBox .bladeInfoIconTrigger, .dlgCustom .radioGroupBox .bladeInfoIconTrigger {
  display: inline-block;
  position: relative;
  height: 15px;
  margin-left: 20px;
  bottom: -15px;
}
#dlgCustom .userListBlock, #dlgModal .userListBlock, .dlgCustom .userListBlock {
  padding-right: 10%;
}
#dlgCustom .headerIcon, #dlgModal .headerIcon, .dlgCustom .headerIcon {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#dlgCustom .saveImg, #dlgModal .saveImg, .dlgCustom .saveImg {
  background: url(/images/save.svg) no-repeat center;
}
#dlgCustom .rorateArrowImg, #dlgModal .rorateArrowImg, .dlgCustom .rorateArrowImg {
  background: url(/images/arrows-rotate-regular.svg) no-repeat center;
}
#dlgCustom .deleteImg, #dlgModal .deleteImg, .dlgCustom .deleteImg {
  background: url(/images/delete.svg) no-repeat center;
}
#dlgCustom .modal-title div, #dlgModal .modal-title div, .dlgCustom .modal-title div {
  display: flex;
  align-items: center;
  margin: auto;
}
#dlgCustom .modal-header, #dlgModal .modal-header, .dlgCustom .modal-header {
  border-bottom: none;
  border-top: #0087d8 solid 8px;
}
#dlgCustom .modal-footer, #dlgModal .modal-footer, .dlgCustom .modal-footer {
  border-top: none;
  background-color: #eee;
}
#dlgCustom .modal-footer div, #dlgModal .modal-footer div, .dlgCustom .modal-footer div {
  padding-right: 40px;
}
#dlgCustom .busy, #dlgModal .busy, .dlgCustom .busy {
  animation: spin 1s infinite linear;
  display: inline-block;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 35px;
  font-style: normal;
  color: #555;
  margin-left: 40%;
}
#dlgCustom .busy::before, #dlgModal .busy::before, .dlgCustom .busy::before {
  content: "◠";
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
#dlgCustom .iSpinner, #dlgModal .iSpinner, .dlgCustom .iSpinner {
  display: none;
}

.tickBox {
  position: relative;
  top: 20px;
  left: 17px;
  background: #dce1dc !important;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  border: #dce1dc !important;
}
.tickBox div {
  z-index: 1;
  border-left: 2px solid !important;
  border-bottom: 2px solid !important;
  border-color: #dce1dc !important;
  transform: rotate(-45deg) translate3d(0, 7px, 0);
  transform-origin: center center;
  margin: auto;
  width: 12px;
  height: 7px;
  position: absolute;
}

input[type=checkbox]:checked + .tickBox {
  border-color: #3ABA70 !important;
  background: #3ABA70 !important;
}

input[type=checkbox]:checked + .tickBox div {
  border-color: white !important;
}

.dialogInfoBox {
  opacity: inherit;
}
.dialogInfoBox h2:first-of-type {
  padding-left: 10px;
  margin-left: -10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  height: 49px;
  line-height: 49px;
  border-bottom: 2px #c4c4c4 solid;
  width: calc(100% + 20px);
  margin-top: 0;
}

#dlgModal .modal-dialog {
  position: absolute;
  right: 0;
}

.krDropdownList {
  margin: auto;
  position: relative;
}

.dropbtn {
  background: unset;
  border: 1px solid #eee;
  margin-top: 6px;
  padding: 0 6px;
  text-align: left;
  width: 100%;
  height: 45px;
  font-size: 13px;
  display: flex;
}
.dropbtn i {
  margin-left: auto;
  line-height: 45px;
  font-weight: bold;
}
.dropbtn span {
  line-height: 45px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dropdown-content {
  display: none;
  list-style-type: none;
  padding-left: 2px;
  border: 1px solid #eee;
  border-top: none;
  position: absolute;
  background: white;
  font-size: 13px;
  width: inherit;
  z-index: 999;
  top: 99%;
}

.listLastCol, .listFirstCol {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listLastCol {
  margin-left: 10px;
}

ul.dropdown-content li {
  padding: 4px;
  display: flex;
}

ul.dropdown-content li:hover {
  background: #0a58ca;
  color: white;
}

.removeBorderButton {
  border-bottom: none !important;
}