﻿    #loading {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        opacity: 0.7;
        background-color: #fff;
        z-index: 99;
        text-align: center;
    }
    #loading-image {
        position: relative;
        z-index: 100;
        left: 0px;
        top: 225px;
        width:15%;
        max-width: 15%;
    }
    
    
    @media (max-width: 768px) {
        #loading {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            opacity: 0.7;
            background-color: #fff;
            z-index: 99;
            text-align: center;
        }
        #loading-image {
            position: relative;
            z-index: 100;
            left: 0px;
            top: 225px;
            width:45%;
            max-width: 45%;
        }
    }
    
    
    /*Basic Screen Styles Created By @SAThya ;*/
    .divcnt
    {
	    -border-radius:8px;
	    -moz-border-radius:8px;
	    -webkit-border-radius:8px;
	    padding:0px;
    }
    .divText
    {
	    -border-radius:15px;
	    -moz-border-radius:15px;
	    -webkit-border-radius:15px;
	    padding:6px;
    }
    .graybg
    {
    background-color:#808080;
    }
    .usc1bg
    {
	    background-color:#0A9C7B;
    }
    .usc2bg
    {
	    background-color:#0A94B9;
    }
    .usc3bg
    {
	    background-color:#9538DA;
    }
    .usc4bg
    {
	    background-color:#C411BF;
    }
    .usc5bg
    {
	    background-color:#C41180;
    }
    .redbg
    {
	    background-color:#bb0000;
    }
    .redyellowbg
    {
	    background-color:#bb0000;
	    color:yellow;
    }
    .greybg
    {
	    background-color:#888888;
    }
    .greenbg
    {
	    background-color:#00bb00;
    }
    .brownbg
    {
	    background-color:#6C3E0C;
    }
    .bluebg
    {
	    background-color:#4F77F5;
    }
    .lightredg
    {
	    background-color:#F8B77A;
    }
    .statusText
    {
	    font-size:11px;
	    color:#fff;
	    margin:2px;
	    text-align:center;
    }

    .statusTextBold
    {
	    font-size:13px;
	    color:#fff;
	    margin:2px;
	    font-weight:bold;
	    text-align:center;
    }

    .fcolorred, .bigred
    {
        color:Red;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
    .fcolorreddark, .bigred
    {
        color:Yellow;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
    .fcolorgreen, .biggreen
    {
        color:Green;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
    .fcolorblue, .bigblue
    {
        color:#0066aa;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
    .fcolormaroon, .bigmaroon
    {
        color:Maroon;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
    .fcolororange, .bigorange
    {
        background-color:Transparent;
        /*font-weight:bold;*/
        color:#764C00;
    }
    .fcolorpurple, .bigpurple
    {
        color:#50066F;
        /*font-weight:bold;*/
        background-color:Transparent;
    }
       
.grBgColor
{
    background: #00ace6;
    font-size: 12spx;
    color:#FFF;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.lbl-msg-info
{
    color: #B39718;
    font-size: 12px;
    text-shadow: 0 0.1px 0px rgba(0,0,0,0.3);
}

.lbl-Dashboard-info
{
    color: #B39718;
    font-size: 25px;
    text-align:justify;
    padding-left:30px;
    text-shadow: 0 0.1px 0px rgba(0,0,0,0.3);
}

.lbl-Dashboard-click
{
    color: #26BEE7;
    font-size: 12px;
    text-shadow: 0 0.1px 0px rgba(0,0,0,0.3);
}


.users-view-image {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.overlay-photo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10%;
  width: 10%;
  opacity: 0;
  transition: .3s ease;
}

.users-view-image:hover .overlay-photo {
  opacity: 1;
}

.icon-photoUpl {
  color: white;
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.fa-user:hover {
  color: #eee;
}