html, body {
    height: auto;
    margin: 0;
    background-color:rgb(212,234,220);
}

.floatleft {
    float: left !important;
}

.floatright {
    float: right !important;
}

.fontcolorgray {
    color: gray;
}

.textalign_left {
    text-align: left !important;
}
.textalign_right {
    text-align: right !important;
}
.textalign_center {
    text-align: center !important;
}

.width_100 {
    width: 100%;
}

.table tbody tr td {
    border: 0px solid #FFFFFF;
    white-space: normal !important;
}

.table {
    text-align: center;
    white-space: normal !important;
    border: 0px solid transparent !important;
}

.tablein {
    text-align: center;
    white-space: normal !important;
    border: 1px solid #9d9d9d !important;
}

.panel-heading {
    font-size: 14px;
    padding-left: 20px;
    height: 36px;
    line-height: 36px;
    color: white;
    position: relative;
    cursor: pointer;
}

.leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px;
}

.leftM.panel-group {
    max-height: 770px;
    overflow: unset;
}

.leftMenu {
    margin: 10px;
    margin-top: 5px;
}

.leftMenuenu .menu-item-left {
    padding: 2px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
}

.colwidth {
    width: 250px;
    height: 800px;
    float: left;
}

.pgroupheight {
    height: 100%;
    margin-left: 20px;
    overflow: unset;
}

.leftmenue {
    height: 100%;
    background-color: #777;
    margin-left: 10px;
    border-color: #777;
}

.group1 {
    height: 100%;
}

.libkcl {
    background-color: #777;
    border: 0px !important;
    color: white;
    cursor: pointer;
}

.current {
    background-color: #999;
}

.menu-item-left {
    cursor: pointer;
}

.lblisurpot {
    height: 90px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    padding-top: 30px;
    background-color: #999;
    color: white;
}

.divright {
    float: left;
}

.lblpoint {
    color: white;
    margin-left: 50px;
}

.lblunread {
    background-color: #999;
    float: right;
    font-weight: normal;
    width: 50px;
    text-align: center;
}

.hr1 {
    width: 100%;
    border: 0.5px solid #9d9d9d;
}

.lblgoread {
    color: gray;
    font-weight: normal;
    float: right;
}

.footer,
.push {
    height: 30px;
    text-align: center;
}

.fontweight {
    font-weight: normal;
    margin-left: 15px;
}


.width100{
    width:100%;
}
.width95{
    width:95%;
}
.width98{
    width:98%;
}
.width90{
    width:90%;
}
.width80{
    width:80%;
}
.width70{
    width:70%;
}
.width60{
    width:60%;
}
.width50{
    width:50%;
}
.width40{
    width:40%;
}
.width35{
    width:35%;
}
.width30{
    width:30%;
}
.width20{
    width:20%;
}
.width25{
    width:25%;
}
.width15{
    width:15%;
}
.width10{
    width:10%;
}
.margincenter{
    margin:0 auto !important;
}
.marginleft15{
    margin-left:15%;
}
.marginleft5{
    margin-left:5%;
}

.margintop-off{
    margin-top:0px;
}

.pd-off {
    padding:0px;
}
.fontred{
    color:red;
}
.fontweight700{
    font-weight:700;
}
.left15{
    margin-left:15%;
}
.left10{
    margin-left:10%;
}
.left8{
    margin-left:8%;
}
.font09{
    font-size:0.9em;
}
.font11px{
    font-size:11px;
}

.text-danger {
    color:red!important;
    font-size:17px!important;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #ddd;
  z-index: 1;
  opacity: 0.5;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
#loader p {
    color: #000;
    font-size:24px;
    font-weight:bold;
    animation: Flash1 1s infinite;
}
.width3em{ width:3em !important; }