html *
{
  text-decoration:none;
     font-family:Helvetica,Arial,sans-serif;

    margin-right: 0px;
   
}

body
{
    font-size: 12px;
      font-family:Helvetica,Arial,sans-serif;
    margin: 0px;
      
}


.DefaultButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Sans-Serif;
    font-size: 14px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
.DefaultButton:hover
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color: #e9e9e9;
}
.DefaultButton:active
{
    position: relative;
    top: 1px;
}

.DefaultButton2
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Sans-Serif;
    font-size: 14px;
    padding:6px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
.DefaultButton2:hover
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color: #e9e9e9;
}
.headerGredient
{
    width:100%;
      -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
   
    border-bottom: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Sans-Serif;
    font-size: 14px;
   margin:0;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
}
.PrimaryButton
{
    -moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
    box-shadow: inset 0px -3px 7px 0px #29bbff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
    background-color: #2dabf9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1d9ce5;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Sans-Serif;
    font-size: 14px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}
.PrimaryButton:hover
{
    background-color: #0688fa;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}
.PrimaryButton:active
{
    position: relative;
    top: 1px;
}



.PrimaryButton_visibleFalse
{
    -moz-box-shadow: inset 0px -3px 7px 0px #29bbff;
    -webkit-box-shadow: inset 0px -3px 7px 0px #29bbff;
    box-shadow: inset 0px -3px 7px 0px #29bbff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
    background-color: #2dabf9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #1d9ce5;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Sans-Serif;
    font-size: 14px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    visibility: hidden;
}
.PrimaryButton_visibleFalse:hover
{
    background-color: #0688fa;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}




.ddl
{
  position: relative;

  z-index: 10;
    overflow-y:scroll;
    background-color: #fff;
    cursor: pointer;
    color: #525252;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: 0;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 0px;
    top: 0px;
    left: 0px;
    height: 19px;
}
.ddl:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}



.ddl:hover
{
    border-color: #66afe9;
    outline: 0;
}



.gridview
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    color: #5C5C5C;
    border-top: 0px;
    border: 1px solid #dedede;
    font-family: Sans-Serif;
    font-size: 10px;
    font-variant:normal;
    text-transform:capitalize;
 
}
.gridview_leave
{
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    color: Gray;
    border-top: 0px;
    border: 0px solid #dedede;
    font-family: Sans-Serif;
    font-size: 12px;
}


.gvHeader
{
    padding-top: 5px;
    border-top: 0px;
    border: 1px solid #d3d3d3;
    color: #317eac;
    height: 22px;
    min-height: 22px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background:#eee;
}

.gvHeader_Custom
{
    padding-top: 5px;
    border-right: 1px solid #d3d3d3;
    color: #317eac;
    height: 22px;
    padding-left: 3px;
    min-height: 22px !important;
   
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}

.gvHeader_Custom_Setting
{
   padding-top:8px;
   height:23px;
    border-right: 1px solid #d3d3d3;
    color: #317eac;
       
 
   
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}
.gvHeader_Custom_Setting2
{
  
  
  padding-bottom:3px;
    border-right: 1px solid #d3d3d3;
    color: #317eac;
       height:30px;
 
   
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}
.gvHeader_Custom_Setting_doubleText
{
   padding-top:3px;
  
    border-right: 1px solid #d3d3d3;
    color: #317eac;
       
   height:28px;
   
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}

.gvHeader_Custom_Setting_Last
{
   padding-top:8px;
   height:23px;
    color: #317eac;
    
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}


.gvHeader_textleft
{
    border: none;
    padding-top: 4px;
    border: 1px solid #d3d3d3;
    color: #317eac;
    height: 22px;
    min-height: 22px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
    text-align: left;
}

.gvHeader_textCenter
{
    border: none;
    padding-top: 5px;
    padding-left: 15px;
    border: 1px solid #d3d3d3;
    color: #317eac;
    height: 22px;
    min-height: 22px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.gv_row
{
    height: 28px;
    padding: 5px;
    
}
.gv_row:hover
{
    background-color: #F0F8FF;
    color: #317eac;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}

.gv_row_leave
{
    height: 20px;
    padding: 2px;
    color: #262626;
}
.gv_row_leave:hover
{
    background-color: #F0F8FF;
    color: #317eac;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}

.tblRow
{
    color: gray;
}
.tblRow:hover
{
    color: #317eac;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
    background-color: #fafafa;
}

.tblRowChat
{
    border-bottom: 1px solid #d3d3d3;
    padding: 3px;
    background-color: #fafafa;
    font-family: "Helvetica Neue" ,Helvetica,Arial,sans-serif;
    line-height: 1.42857143;
    text-transform: uppercase;
}
.tblRowChat:hover
{
    color: #317eac;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
    cursor: pointer;
}


.altern_row:hover
{
    background-color: #F0F8FF;
    color: #317eac;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}
.altern_row
{
    height: 28px;
    padding: 5px;
    background-color: #fafafa;
  
}
.altern_row:hover
{
    background-color: #F0F8FF;
    color: #317eac;
}

.altern_row
{
    height: 28px;
    padding: 5px;
    background-color: #fafafa;
}


.gvHeader_Notif
{
    border: none;
    padding-top: 5px;
    color: #317eac;
    height: 30px;
    min-height: 30px !important;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 12px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.gridview_Notif
{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    font-size: 12px;
    border: 1px solid #dedede;
    font-family: Sans-Serif;
}
.gv_row_Notif
{
    height: 28px;
    padding: 5px;
    border: 3px solid #fff;
    border-radius: 5px;
   
}

.gv_row_Notif:hover
{
    background-color: #F0F8FF;
    color: #317eac;
    border-radius: 5px;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}


.gv_row_Notif_1
{
    border-bottom-color: #d3d3d3;
    border-top-color: #fff;
    margin: 0px;
    padding: 0px;
   background-color: #fafafa;
}

.gv_row_Notif_1:hover
{
    background-color: #F0F8FF;
    color: #317eac;
    border-radius: 5px;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}


.imgNotif
{
    border-radius: 50%;
}
.Round_btn
{
    padding: 5px;
    font-size: 12px;
    border: 2px solid silver;
    border-radius: 3px;
    text-align: center;
    outline: 0;
}

.Header
{
    width: 100%;
    float: left;
}
.lblColor
{
    color: #317eac;
}
.txt_to_lbl
{
    width: 100%;
    background-color: transparent;
    text-align: center;
    border: none;
    font-size:12px;
    color:#5C5C5C;
}
.img-circle
{
    border-radius: 50%;
}

.Top_Header
{
    background-color: #eee;
    border-bottom: 2px solid #e5e5e5;
}
.Top_Header2
{
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    background-color: #fafafa;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}
.Top_Header3
{
    background-color: #fafafa;
      border-bottom: 1px solid #e5e5e5;
}

.Header_1
{
    background-color: #eee;
    border-bottom: 1px solid #d3d3d3;
    padding-left: 5px;
    padding-right: 5px;
}
.Header_2
{
    background-color: #fafafa;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}
.Header_2_SuperAdmin
{
     background-color:#fafafa;
    
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}

.Header_21
{
    background-color: #F0F8FF;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
}
.btnhelp
{
    color: Gray;
    visibility : hidden;
}
.btnhelp:hover
{
    color: #262626;
    cursor: pointer;
    text-decoration: underline;
}
.btnExecl
{
    background-color:#F5F8F9;
    border-radius:3px;
     padding:3px;
     height:22px;
     width:90px;
     border:1px solid #F5F8F9;
    
}

.btnExecl:hover
{
    border:1px solid green;
    cursor: pointer;
       -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
    cursor: pointer;
   
}

.txtBox
{
    display: block;
    width: 99%;
    height: 26px;
    padding-left: 5px;
    font-weight: normal;
    font-family: Sans-Serif;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.txtBox:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.txtheader
{
    display: block;
    width: 96.5%;
    height: 21px;
    padding-left: 3%;
    font-weight: normal;
    font-family: Sans-Serif;
    font-size: 12px;
   
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
   
    
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.txtheader:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}

.photo
{
    border-radius: 50%;
}

.photo:hover
{
    width: 50px;
    height: 50px;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
}

.txtAlign
{
    text-align: center;
}

.lblHoliday
{
    font-size:21px; color:gray; text-decoration:blink;
    padding-top:60px;
   border:1px solid #f7f7f7;
    width:400px;
    height:150px;
    border-radius:3px;
   box-shadow: 10px 10px 5px #d3d3d3;
   background: rgba(219,219,219,.7);
   
}
.txtbox
{
    width: 100%;
    color: #222;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: 0;
    font-size: 12px;
    height: 24px;
    text-transform: uppercase;
    text-align: center;
}


.txtbox:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.txtbox:hover
{
    border-color: #66afe9;
    outline: 0;
}



.txtbox_smpl
{
  
    color: #222;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: 0;
    font-size: 12px;
    height: 24px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom:4px;
    margin-top:4px;
}


.txtbox_smpl:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.txtbox_smpl:hover
{
    border-color: #66afe9;
    outline: 0;
}

.txtboxheader
{
    width: 94%;
    color: #222;
    border: 0px solid #d3d3d3;
    border-radius: 3px;
    outline: 0;
    background-color: #34495E;
    color: #fff;
    font-size: 28px;
    padding-top: 7px;
    text-shadow: 1px 1px 0 #fff;
    text-transform: uppercase;
}
.headerImage
{
   
}



label, label > input
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    margin-top: -6px;
    cursor: pointer;
}
label:hover
{
    color: #3986AC;
}


.lblMsg
{
    color: indianred;
}


.imgNotif
{
    border-radius: 50%;
}



.ajax__tab_default .ajax__tab_tab
{
    text-align: center;
    display: -moz-inline-box;
    display: inline-block;
    padding: 5px;
    border-right: 1px solid #d3d3d3;
    cursor: pointer;
}

.MyTabStyle .ajax__tab_header
{
    width: 100%;
    float: left;
    text-align: left;
    display: -moz-inline-box;
    display: inline-block;
    cursor: pointer;
    background: #f8f8f8;
    font-weight: bold;
    border-bottom: 1px solid #d3d3d3;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    color: gray;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #317eac;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    background-color: #fff !important;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
}
.footer
{
    height: 52px;
    width: 100%;

    font-family: Sans-Serif;
    font-weight: bold;
    color: gray;
}
.footer td
{
    border: none;
}
.footer th
{
    border: none;
}

.Viewdetails
{
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    font-family: Sans-Serif;
    font-size: 12px;
    padding: 5px;
    outline: 0;
    background-color: #f7f7f7;
    cursor: pointer;
    color: Gray;
}

.Viewdetails:hover
{
    border-color: #d3d3d3;
    outline: 0;
    -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
    background-color: #2dabf9;
    color: #fff;
}


.rowborder1
{
    color: #262626;
    padding: 5px;
    border-bottom: 1px solid #f7f7f7;
}
.rowborder
{
    padding: 5px;
    border-bottom: 1px solid #f7f7f7;
}
.ImgBorder
{
    padding: 1px;
}
.AlertMsg
{
    padding: 4px;
    width: 100%;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 3px;
}

.txtboxChat
{
    width: 97%;
    color: #222;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
    outline: 0;
    font-size: 12px;
    font-family: Sans-Serif;
    padding: 1%;
}



.txtboxChat:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
.txtboxChat:hover
{
    border-color: #66afe9;
    outline: 0;
}


.senderChat
{
    width: 65%;
    float: right;
    margin-bottom: 5px;
    padding: 10px;
    padding-bottom:0px;
    background-color: #2fa4e7;
    border-radius: 8px;
    color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}



.RecieverChat
{
    width: 65%;
    float: left;
    padding: 10px;
     padding-bottom:0px;
    margin-bottom: 5px;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    background: #f1f0f0;
}

.validation2
{
    padding: 4px;
    color: Red;
    font-size: 12px;
    font-family: Sans-Serif;
}
.lblClick
{
    font-weight: normal;
    font-family: Sans-Serif;
    font-size: 12px;
}

.lblClick:hover
{
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
}
.MsgTxt
{
    padding: 4px;
    min-height: 100px;
    line-height: 1.5em;
    font-size: 12px;
    color:#262626;
}
.MsgBody
{
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 8px;
    border-radius: 2px;
    background: #fff;
    width:96%;
    margin-left:1%;
    padding:1%;
    margin-top:.5%;
}
.MsgBody:hover
{
    background-color:#F0F8FF;
     -moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .5s ease-in;
 
}

.emptyMsg
{
    float:left;
   width:100%;
   text-align:center;
    font-family:Helvetica,Arial,sans-serif;
    color:#d3d3d3;
    font-size:18px;
    margin-top:50px;
    
}
.fieldset 
{
    margin-top:5px;
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 1px;
    border-style: groove;
    border-color: #ffffff;
  
   }
   .legend
   {
       font-weight:bold;
       color:#317eac;
   }
   
   .tblHeader
{ 
   height:27px;
    padding-top: 5px;
    border-top: 0px;
    border: 1px solid #d3d3d3;
    color: #317eac;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}

 .tblHeader2
{  height:73px;
    padding-top: 5px;
    border-top: 0px;
    border: 1px solid #e5e5e5;
    color: #317eac;
    font-weight: bold;
    font-size: 12px;
   background-color:#eee;
}