html, body {
	position: relative;

}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    background-color: #ebebeb!important;
    font-size: 14px!important;
    overflow-x: hidden;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(0,80,160);
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: 14px;
	-webkit-padding: 0.4em 0;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

::-webkit-scrollbar {
    width: 8px;
}

    
/*.nav-link {
  text-transform: none;
}
 */
    
/* Track */
::-webkit-scrollbar-track {
    /*-webkit-border-radius: 10px !important;
    border-radius: 10px !important;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    opacity:0.1 !important;
    /*-webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: rgba(0,0,0,0.1) !important; */
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
}
    
        

  
.success-color {
  color: #28A745;
}
    
.success-light-color {
  color: #4abd08;
}
    
.success-bright-color {
  color: #2eff46;
}
    
.warning-color {
	 color: #FFC107;
}
    
.danger-color {
  color: #DC3545; 
}

.danger-light-color {
  color: #ac0659
}

.disabled-color {
    color: gray;
}

.success-bgcolor {
  background-color: #28A745;
}
    
.success-bright-bgcolor {
	 background-color: #2eff46;  
}

.success-bright-fgcolor {
    color: #2eff46;  
}

.info-bright-bgcolor {
    background-color: #10e3ff;
}

.info-bright-fgcolor {
    color: #108cff;
}

.warning-bgcolor {
	 background-color: #FFC107;
}
    
.danger-bgcolor {
  background-color: #DC3545; 
  color: white;
}

/* Disabled coloring ------------------------------------------------------------------------------*/
input:disabled, input[readonly], select:disabled{
    color: rgb(118, 118, 118)!important;
    cursor: not-allowed;
}

input[type="text"]:disabled {
    cursor: not-allowed;
}

input[type="number"]:disabled {
    cursor: not-allowed;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef!important;
    opacity: 1;
}

select:disabled {
}

input[type="radio"]:disabled +.pmd-radio-label {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
    filter: alpha(opacity=50)!important;  /* IE 5-7 */
    -moz-opacity: 0.5!important;          /* Netscape */
    -khtml-opacity: 0.5!important;        /* Safari 1.x */
    opacity: 0.5!important;               /* Good browsers */
    cursor: not-allowed;
}

input[type="checkbox"]:disabled +.pmd-switch-label {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
    filter: alpha(opacity=50)!important;  /* IE 5-7 */
    -moz-opacity: 0.5!important;          /* Netscape */
    -khtml-opacity: 0.5!important;        /* Safari 1.x */
    opacity: 0.5!important;               /* Good browsers */
    cursor: not-allowed;
}



.btn-primary.disabled, .btn-primary:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}


.btn-info.disabled, .btn-info:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}

.btn-danger.disabled, .btn-danger:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}

.btn-warning.disabled, .btn-warning:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}

.btn-issue.disabled, .btn-issue:disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";       /* IE 8 */
    filter: alpha(opacity=30)!important;  /* IE 5-7 */
    -moz-opacity: 0.3!important;          /* Netscape */
    -khtml-opacity: 0.3!important;        /* Safari 1.x */
    opacity: 0.3!important;               /* Good browsers */
    cursor: not-allowed;
}

.nav-link.disabled {
    cursor: not-allowed;
}

.jstree-disabled {
    cursor: not-allowed;
}

.disabled-bgcolor {
  background-color: gray;
}

.text-disabled {
    color:#6d6d6d6b;
    cursor: not-allowed;
}

.text-issue {
    color: #F933FF;
}

.bg-issue {
    background-color: #F933FF;
}

.bg-issue-light {
    background-color: #f7a7f7e7;
}

.table-issue {
    background-color: #FFF2FF ;
}

.border-issue {
    border: 3px solid #F120F7!important
}

.border-warning {
    border: 3px solid yellow!important
}

.border-danger {
    border: 3px solid red!important
}

 .modal {
    box-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
 }

    
.popover {
  box-shadow: rgba(0, 0, 0, 0.7) 0 2px 10px;
}


/*.popover  .arrow {
    left:80% !important;
}*/
        

a {color: #f79925;}
a:hover {color: #f79925;}

.pmd-badge.pmd-badge-overlap::after {
    top: 0!important;
}


/*.pmd-card {
    padding: 0 !important;
}*/

#sidebar {
    overflow: hidden;
    z-index: 3;

}
#sidebar .list-group {
    min-width: 400px;

    height: 100%;
  	min-height: 100vh;
}

/* Loading Spinner */
.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
            animation: rotator 1.4s linear infinite;
  }
  
  @-webkit-keyframes rotator {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
    }
  }
  
  @keyframes rotator {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg);
    }
  }
  .path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
            animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  }
  
  @-webkit-keyframes colors {
    0% {
      stroke: #4285F4;
    }
    25% {
      stroke: #DE3E35;
    }
    50% {
      stroke: #F7C223;
    }
    75% {
      stroke: #1B9A59;
    }
    100% {
      stroke: #4285F4;
    }
  }
  
  @keyframes colors {
    0% {
      stroke: #4285F4;
    }
    25% {
      stroke: #DE3E35;
    }
    50% {
      stroke: #F7C223;
    }
    75% {
      stroke: #1B9A59;
    }
    100% {
      stroke: #4285F4;
    }
  }
  @-webkit-keyframes dash {
    0% {
      stroke-dashoffset: 187;
    }
    50% {
      stroke-dashoffset: 46.75;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 187;
      -webkit-transform: rotate(450deg);
              transform: rotate(450deg);
    }
  }
  @keyframes dash {
    0% {
      stroke-dashoffset: 187;
    }
    50% {
      stroke-dashoffset: 46.75;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    100% {
      stroke-dashoffset: 187;
      -webkit-transform: rotate(450deg);
              transform: rotate(450deg);
    }
  }
  

  .modal-content {
      border-radius: 0;
  }


/*
@media (max-width:768px) {
    #sidebar {
        min-width: 35px;
        max-width: 75px;
        overflow-y: auto;
        overflow-x: visible;
        transition: all 0.25s ease;
        transform: translateX(-45px);
    }
    
    #sidebar.show {
        transform: translateX(0);
    }

    #sidebar::-webkit-scrollbar{ width: 0px; }
    
    #sidebar, #sidebar .list-group {
        min-width: 35px;
        overflow: visible;
    }
    /* overlay sub levels on small screens */
   /* #sidebar .list-group .collapse.show, #sidebar .list-group .collapsing {
        position: relative;
        z-index: 1;
        width: 190px;
        top: 0;
    }
    #sidebar .list-group > .list-group-item {
        text-align: center;
        padding: .75rem .5rem;
    }
    /* hide caret icons of top level when collapsed */
    /*#sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }
  #main-body-section {
    padding: 0px;
  }
}*/

.form-control {
    font-size: 14px!important;
}

.modal-body {
    font-size: 14px!important;
}
.modal-body div {
    font-size: 14px!important;
}
.modal-body span {
    font-size: 14px!important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #4285f4!important;
    box-shadow:  0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.nav-pills .nav-link {
    border-radius:.125rem!important;
}

.collapse.show {
  visibility: visible;
}
.collapsing {
  visibility: visible;
  height: 0;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: 100%;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
    
    .list-group-item {
      background-color: initial; 
    }
    

    /* remove the up down arrows from number textboxes-------------------------------------------------------------------------------- */
    /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

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




.modal.in {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
  }
  .modal.in .modal-dialog.aside {
    -webkit-transform: -340px;
    -moz-transform: -340px;
    -ms-transform: -340px;
    -o-transform: -340px;
    transform: -340px;
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .modal.in .modal-dialog.aside.aside-1 {
    -webkit-transform: calc(-340px + 40px);
    -moz-transform: calc(-340px + 40px);
    -ms-transform: calc(-340px + 40px);
    -o-transform: calc(-340px + 40px);
    transform: calc(-340px + 40px);
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
  }
  .modal.in .modal-dialog.aside.aside-2 {
    -webkit-transform: calc(-340px + (40px * 2));
    -moz-transform: calc(-340px + (40px * 2));
    -ms-transform: calc(-340px + (40px * 2));
    -o-transform: calc(-340px + (40px * 2));
    transform: calc(-340px + (40px * 2));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
  }
  .modal.in .modal-dialog.aside.aside-3 {
    -webkit-transform: calc(-340px + (40px * 3));
    -moz-transform: calc(-340px + (40px * 3));
    -ms-transform: calc(-340px + (40px * 3));
    -o-transform: calc(-340px + (40px * 3));
    transform: calc(-340px + (40px * 3));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
  }
  .modal.in .modal-dialog.aside.aside-4 {
    -webkit-transform: calc(-340px + (40px * 4));
    -moz-transform: calc(-340px + (40px * 4));
    -ms-transform: calc(-340px + (40px * 4));
    -o-transform: calc(-340px + (40px * 4));
    transform: calc(-340px + (40px * 4));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
  }
  .modal.in .modal-dialog.aside.aside-5 {
    -webkit-transform: calc(-340px + (40px * 5));
    -moz-transform: calc(-340px + (40px * 5));
    -ms-transform: calc(-340px + (40px * 5));
    -o-transform: calc(-340px + (40px * 5));
    transform: calc(-340px + (40px * 5));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
  }

  
  .modal .checkbox, .modal .radio {
    margin: 0rem 0 !important; 
}



.pulse-button {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    font-family: 'Trebuchet MS', sans-serif;
    text-transform: uppercase;
    line-height: 100px;
    letter-spacing: -1px;
    border: none;
    border-radius: 50%;
    background: #5a99d4;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);
    -webkit-animation: pulse 4.5s infinite;
  }
  
  .pulse-button:hover {
    -webkit-animation: none;
  }
  
  @-webkit-keyframes pulse {
    0% {
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
    70% {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
      box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
    }
    100% {
      -moz-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
      box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    }
  }
  
  /* Header fixed to the top of the modal */
.modal-header--sticky {
    position: sticky;
    top: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
  }

  /* Footer fixed to the bottom of the modal */
.modal-footer--sticky {
    position: sticky;
    bottom: 0;
    background-color: inherit; /* [1] */
    z-index: 1055; /* [2] */
  }
  .setting-side-tab-card {

    position:fixed;
    width: 223px;
}


.no_checkbox>i.jstree-checkbox {
    display:none;
}


.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.pmd-checkbox [type=checkbox]:disabled:checked+.pmd-checkbox-label:before, .pmd-checkbox [type=checkbox]:disabled:not(:checked)+.pmd-checkbox-label:before {
  background-color: rgb(175, 175, 175);
}


/* css for printing modal content add the printable class to the modal that you need to print. add the d-print-none to elements on the page you dont want to print.*/ 
@media print {


  #report-generator-modal{
        display: block !important;
        position:absolute !important;
        overflow: visible!important;
        background-color: white;
      }

      body, .modalprinter div, span, p {
        width: auto !important;
        float: none !important;
        position: static !important;
 
    }

    .modal-fullscreen-xl .modal-dialog {
			width: 100%;
			height: initial!important;
			max-width: none;
      display: block !important;
		}

 

  table { 
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
       
}

  body.modalprinter:last-child {
    page-break-after: auto;
  }

  /* These css rules are for coloring the print view*/
  .table-striped tbody tr:nth-of-type(odd) td:not(.bg-danger):not(.bg-warning):not(.bg-issue) {
    background-color: rgba(0, 0, 0, .03)!important;
  }

  .table-striped tbody tr:nth-of-type(odd) th:not(.bg-danger):not(.bg-warning):not(.bg-issue) {
    background-color: rgba(0, 0, 0, .03)!important;
  }

  .table-striped tbody tr .bg-danger {
    background-color: #dc3545!important;
  }

  .table-striped tbody tr .bg-warning {
    background-color: #ffc107!important;
  }

  .table-striped tbody tr .bg-issue{
    background-color: #F933FF!important; 
  }

 
}

/* Make flashing element */

.flashing-major {
  animation-name:blinkMajor;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function: steps(1);
}

@keyframes blinkMajor {
  0% {
    background-color: #ffc7c7;
    color: #dc3545;
  }

  50% {
    background-color: #dc3545;
    color: white;
  }
}

.flashing-minor {
  animation-name:blinkMinor;
  animation-duration:2s;
  animation-iteration-count:infinite;
  animation-timing-function: steps(1);
}

@keyframes blinkMinor {
  0% {
    background-color: #fff1a1;
    color: #fd6d0e;
  }

  50% {
    background-color: #ffc107;
    color: black;
  }
}
