/* From page */
a { color:black; }
a.red:link,a.red:visited {color: red!important; text-decoration: none;}
a.blue:link,a.blue:visited {color: #2196F3!important; text-decoration: none;}
a.green:link,a.green:visited {color: green!important; text-decoration: none;}
a.gray:link,a.gray:visited {color: gray!important; text-decoration: none;}
a.orange:link,a.orange:visited {color: orange!important; text-decoration: none;}
a.maroon:link,a.maroon:visited {color: #800000!important; text-decoration: none;}
a:hover {color: purple;}
a:active {color: blue;}

.greenimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/green.png');}
.redimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/red.png');}
.blackimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/black.png');}
.whiteimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/white.png');}
.yellowimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/yellow.png');}
.greyimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/grey.png');}
.blueimg { background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; background-image: url('../img/blue.png');}

.centered {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%)}

.dbgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/dbgrey.png');}
.dbredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/dbred.png');}
.dbgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/dbgreen.png');}
.dborangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/dborange.png');}
.dbblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/dbblue.png');}

.srvgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image:  url('../img/srvgrey.png');}
.srvredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image:  url('../img/srvred.png');}
.srvgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image:  url('../img/srvgreen.png');}
.srvorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image:  url('../img/srvorange.png');}
.srvblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image:  url('../img/srvblue.png');}

.lnkgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/lnkgrey.png');}
.lnkredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/lnkred.png');}
.lnkgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/lnkgreen.png');}
.lnkorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/lnkorange.png');}
.lnkblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/lnkblue.png');}

.wsgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/wsgrey.png');}
.wsredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/wsred.png');}
.wsgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/wsgreen.png');}
.wsorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/wsorange.png');}
.wsblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/wsblue.png');}

.okaygreenimg { background-position: center center; background-size: 84px 84px; background-repeat: no-repeat; background-image: url('../img/okgreen.png');}
.okayorangeimg { background-position: center center; background-size: 84px 84px; background-repeat: no-repeat; background-image: url('../img/okorange.png');}
.okayblueimg { background-position: center center; background-size: 84px 84px; background-repeat: no-repeat; background-image: url('../img/okblue.png');}

.svrgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/svrgrey.png');}
.svrredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/svrred.png');}
.svrgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/svrgreen.png');}
.svrorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/svrorange.png');}
.svrblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/svrblue.png');}

.mqgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/mqgrey.png');}
.mqredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/mqred.png');}
.mqgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/mqgreen.png');}
.mqorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/mqorange.png');}
.mqblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/mqblue.png');}

.boltgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/boltgreen.png');}
.boltorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/boltorange.png');}
.boltredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/boltred.png');}
.boltgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/boltgray.png');}
.boltblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/boltblue.png');}

.deploygreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/deploygreen.png');}
.chartgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/chartgreen.png');}
.chart2greenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/chart2green.png');}

.healthgreyimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/healthgrey.png');}
.healthredimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/healthred.png');}
.healthgreenimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/healthgreen.png');}
.healthorangeimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/healthorange.png');}
.healthblueimg { background-position: center center; background-size: 16px 16px; background-repeat: no-repeat; background-image: url('../img/healthblue.png');}

.label {
	color: white;
	padding: 2px;
	border: 1px solid rgb(20, 20, 20);
	margin: 2px;
	display: inline-block;
}

.success {background-color: #4CAF50;} /* Green */
.info {background-color: #2196F3;} /* Blue */
.notice {background-color: lavenderblush; color: black;}
.warning {background-color: #ff9800;} /* Orange */
.danger {background-color: #f44336;} /* Red */
.other {background-color: #e7e7e7; color: black;} /* Gray */

/* default Loader which has no issue with style reload */
.preloader-it {
    background: #fff;
    position: fixed;
    z-index: 10001;
    height: 100%;
    width: 100%;
    overflow: hidden; }

  .loader-pendulums {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    margin: 0 auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4rem;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 0.1em solid #eaecec; }
    .loader-pendulums:before, .loader-pendulums:after {
      content: '';
      width: 1em;
      height: 1em;
      left: -.1em;
      top: -.1em;
      padding: .1em;
      display: block;
      border-radius: 50%;
      position: absolute;
      -webkit-transform-origin: center center;
      transform-origin: center center;
      border: .1em solid;
      border-color: #adb3b6 transparent transparent transparent;
      -webkit-animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65);
      animation: pendulum infinite 2s cubic-bezier(0.3, 1.65, 0.7, -0.65); }
    .loader-pendulums:before {
      border-color: black transparent transparent transparent;
      -webkit-animation-delay: -1s;
      animation-delay: -1s;
      -webkit-animation-name: pendulum2;
      animation-name: pendulum2; }

  @-webkit-keyframes pendulum {
    from {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    to {
      -webkit-transform: rotate(359deg);
      -moz-transform: rotate(359deg);
      -ms-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      transform: rotate(359deg); } }
  @keyframes pendulum {
    from {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
    to {
      -webkit-transform: rotate(359deg);
      -moz-transform: rotate(359deg);
      -ms-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      transform: rotate(359deg); } }
  @-webkit-keyframes pendulum2 {
    from {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    to {
      -webkit-transform: rotate(520deg);
      -moz-transform: rotate(520deg);
      -ms-transform: rotate(520deg);
      -o-transform: rotate(520deg);
      transform: rotate(520deg); } }
  @keyframes pendulum2 {
    from {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
    to {
      -webkit-transform: rotate(520deg);
      -moz-transform: rotate(520deg);
      -ms-transform: rotate(520deg);
      -o-transform: rotate(520deg);
      transform: rotate(520deg); } }


      .modal.modal-fullscreen .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 10px;
        padding: 0;
        max-width: none; }
      
      .modal.modal-fullscreen .modal-content {
        height: auto;
        min-height: 100%;
        border-radius: 0;
        border: none; }