﻿.toDelete {
  opacity: .6;
}

tr.toDelete td { position:relative        } /* Setup a new coordinate system   */
tr.toDelete td:before {                     /* Create a new element that       */
  content: " ";                              /* …has no text content            */
  position: absolute;                        /* …is absolutely positioned       */
  left: 0; top:50%; width: 100%;            /* …with the top across the middle */
  border-bottom: 1px solid #000;   /* …and with a border on the top   */
}

th
{
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  font-size:12px;
  font-family:'SegoeUI', 'Segoe UI';
  text-align:center;
}
.Show
{
    background-color:lightsteelblue;
    position:absolute;
    z-index:100;
    left:200px;
    top:40px;
    opacity:10.0;
}

[type=text]
{
    font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:12px;
  font-family:'SegoeUI', 'Segoe UI';
height: 19px;
}

  [type=text]:focus
    {
        outline:0;
    }

[type=checkbox]
{
    opacity:0.5;
    height:25px;
    border:none;
}

[type=select]
{
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:12px;
  font-family:'SegoeUI', 'Segoe UI';
}

select
{
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:12px;
  font-family:'SegoeUI', 'Segoe UI';

}

button#new
{
  /*FOR THE NEW BUTTON */
background:url('../Images/add_10.png') no-repeat;
background-position-y:center;
width:50px;
height:30px;
 }

button#delete
{
    /*FOR THE DELETE BUTTON */
background:url('../Images/DeleteChart16.png') no-repeat;
background-position-y:center;
width:75px;
height:30px;
}

button#save
{
    /*FOR THE SAVE BUTTON */
background:url('../Images/Save.png') no-repeat;
background-position-y:center;
width:65px;
height:30px;
}

button#copy
{
    /*FOR THE COPY BUTTON */
background:url('../Images/iotap_clone16x16_bw.png') no-repeat;
background-position-y:center;
width:75px;
height:30px;
}

button#delete:hover, button#new:hover , button#copy:hover, button#save:hover
{
    /*ADD ALL BUTTON ABOVE*/
    background-color:#D7EBF9;
}

button#save.disabled,[disabled].button#save
{
 background-color:#D3D3D3;
cursor: not-allowed;
}

span#notification
{
color:#3498db;
font-style: italic;
font-size: 12px;
}

[type=button]
{
 background-position-x:left;
background-position-y:center;
background-repeat:no-repeat;
outline:0;
  border:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:12px;
  font-family:'SegoeUI', 'Segoe UI';
}

.btn-open-form
{
background:url('iotap_ico_16_4608.png') no-repeat;
background-position-y:center;
width:20px;
height:20px;
}

.loadingImageDiv
{
z-index: 10000;
top: 50%;
left: 50%;
display: none;
vertical-align: center;
align: middle;
text-align:center;
}

.loadingImage
{
vertical-align: middle;
width: 5%;
height: 10%;
top: 40%;
left: 50%;
position: absolute;
z-index: 100000;
}

 .loadingPanelcs
        {
            position: fixed;
            z-index: 10000; /*ooveeerrrr nine thoussaaaannnd*/
            top: 0px;
            left: 0px;
            width: 100%;
            height: 135%;
            background-color: #fff;
        }

.txt-width80
{
width:80px;
}

.txt-width100
{
width:100%;
}

.col-pad-left
{
padding-left:5px;
}