span.clock
{
}
.login_body
{
   font-family: 'HelveticaNeue', sans-serif;
   background: url(../images/global/panelbg.jpg) no-repeat center top fixed;
   color: #666666;
   font-size: 12px;
   background-color: #EDF0F1;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   margin:0px;
   padding:0px;
}
html
{
   padding:0px;
   margin:0px;
   font-family:Arial;
   font-size:14px;
}
body
{
   font-size:14px;
   font-family:Arial;
   color:#666666;
   overflow:hidden;
}
td
{
   font-size:14px;
   font-family:Arial;
}
.tdleft
{
   border-bottom:1px solid #DDDDDD;
   font-weight:bold;
}
.tdnrm
{
   font-size:14px;
   border-bottom:1px solid #DDDDDD;
}
.tdnrmtop
{
   font-size:14px;
   border-top:1px solid #DDDDDD;
}
.tdheader
{
   border-bottom:1px solid #DDDDDD;
   color:#255069;
   font-weight:bold;
   font-size:14px;
}
.tdnoborder
{
   border-bottom:0px !important;
}
.btnred
{
   cursor:pointer;
   font-size:14px;
   padding:8px;
   background-color:#D64141;
   color:white;
   text-align:center;
   border-radius:5px;
}
.btngreen
{
   cursor:pointer;
   font-size:14px;
   padding:8px;
   background-color:#00A85A;
   color:white;
   text-align:center;
   border-radius:5px;
}
.btnorange
{
   cursor:pointer;
   font-size:14px;
   padding:8px;
   background-color:#E1A500;
   color:white;
   text-align:center;
   border-radius:5px;
}
.btngrey
{
   cursor:pointer;
   font-size:14px;
   padding:8px;
   background-color:#999999;
   color:white;
   text-align:center;
   border-radius:5px;
}
.btnsmall
{
   font-size:12px !important;
   padding:3px !important;
}
.msg_save_err
{
   font-weight:bold;
   color:#D64141;
}
.msg_save_ok
{
   font-weight:bold;
   color:#5DBA66;
}
.inptxt
{
   padding:5px;
   font-size:14px;
   font-family:Arial;
   border:1px solid #CCCCCC;
   border-radius:5px;
   color:#666666;
}
.idx_loader_wrapper
{
   position:fixed;
}
.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}
.loader:after,.loader:before{box-sizing:border-box;display:none}
.loader.is-active{background-color:#EDF0F6;width:calc(100% - 260px);height:calc(100% - 60px);position:absolute;left:260px;top:60px}
.loader.is-active:after,.loader.is-active:before{display:block}
@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}
@keyframes blink{0%{opacity:.5}to{opacity:1}}
.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}
.loader[data-text=""]:before{content:"Loading"}
.loader[data-text]:not([data-text=""]):before{content:attr(data-text)}
.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}
.loader-default[data-text]:before{top:calc(50% - 63px)}
.loader-default:after{content:"";position:fixed;width:48px;height:48px;border:8px solid #CCCCCC;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px + 130px);animation:rotation 1s linear infinite}
.loader-default[data-half]:after{border-right-color:transparent}
.loader-default[data-inverse]:after{animation-direction:reverse}


.meter { 
  height: 26px;
  position: relative;
  background: #ddd;
  border-radius: 10px;
/*   padding: 10px; */
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

.meter > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 27px;
  background-color: white;
  cursor: pointer;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  background: #E33939;
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
  border: 1px solid #E33939;
  margin-top:-1px;
  color:#FFFFFF;
  font-family: 'HelveticaNeue', sans-serif;
  font-size: 14px;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #EEEEEE;
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: white;
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #47AE47;
  border: 1px solid #47AE47;
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 1px;
  left: 2px;
  width: 25px;
  height: 25px;
  background: rgba(255,255,255,0.5);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
}
.switch-input:checked ~ .switch-handle {
  left: 93px;
  background: #FFFFFF;
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}

.sidebar
{
/*    position:fixed; */
   top:60px;
   right:0px;
   width:300px;
   height:100%;
   background-color:#FFFFFF;
/*    box-shadow: 0px 10px 8px 6px rgba(0,0,0,0.2); */
   overflow-y: auto;
   z-index:999999;
}
.sidebartd
{
   width:300px;
}
.sidebaritem
{
   background-color:#FFFFFF;
   border-bottom:1px solid #EEEEEE;
   font-family:Arial;
   font-size:12px;
   margin-bottom:5px;
   padding:10px;
}