﻿.search_again_hed{
	background:url(../img/system/search_again.png) no-repeat;
	width:563px;
	height:56px;
	padding:8px 0 0 62px;
	font-weight:bold;
	color:#14498C;
}

.clear-input > span {
    position: absolute;
    right: 24px;
    top: 10px;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #AAA;
}

.success
{
    background-color: #5cb85c;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 6px 3px 6px;
}

.failure
{
    background-color: #ed4e2a;
    font-size: 12px;
    color: #ffffff;
    padding: 3px 6px 3px 6px;
}

.required { color:red; }

.Linebreak { margin-top:5px; }

.highlight {
    text-decoration: none;color:black;background:yellow;
}

.form-control:focus
{
    outline: none;
    border: 1px solid #fc00ff;
    -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);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scaleX(1) scaleY(1.2);
    -moz-transform: scaleX(1) scaleY(1.2);
    -ms-transform: scaleX(1) scaleY(1.2);
    -o-transform: scaleX(1) scaleY(1.2);
    transform: scaleX(1) scaleY(1.2);
    
}

.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: transparent; }
    50%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.GroupingHeader
{
   background-image: linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px);
   background-color:#DAE0E0; font-weight:bolder;
}

.GridViewRowStyle td,th, .GridViewAlternatingRowStyle td,th
{
color:Black;
padding:4px;
border: 1px solid #B30D0D;
}

.GridViewRowStyle:Hover
{
 /*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAG0lEQVQIW2NkYGD4z8DAwMgABXAGNgGwSgwVAFbmAgXxvZSoAAAAAElFTkSuQmCC) repeat;
background-image: linear-gradient(to right, grey 1px, transparent 1px), linear-gradient(to bottom, grey 1px, transparent 1px);*/
background-color:#DAE0E0;
transition: 0.5s ease;
box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, 0.1), 0px 12px 2px 0px rgba(0, 0, 0, 0.1);
}

.GridViewheaderStyle th
{
    cursor: pointer;
    background-color: #bed6f8;
    border-color: #bed6f8;
    box-sizing: border-box;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(../img/system/gradientA.png);
}

.GridViewFooterStyle td
{
    background-color: #F4F6F6;
    font-weight: bold;
    color: black;
    padding:3px;
    margin:3px;
}
.GridViewInnerheaderStyle th
{
    cursor: pointer;
    background-color: #bed6f8;
    border-color: #bed6f8;
    box-sizing: border-box;
    font-size: 11px;
    color: #FFFAF0;
    font-weight: bold;
    font-family: Arial,Verdana,sans-serif;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(../img/system/InnerGrigHeader.png);
}

.iFrameReportBoard {
    width:100%;
    background-color:White;
}

.smallinput {
  height: 25px;
  padding:2px ;
  margin:0px;
  font-size:12px;
  line-height: 1;
  border: solid 1px #4B718B; 
  outline: 0; 
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CDDBE4), to(#FFFFFF)); 
  background: -moz-linear-gradient(top, #FFFFFF, #CDDBE4 1px, #FFFFFF 25px); 
  box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
  -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
}

/* Form Wizard start*/

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

/* Form Wizard start*/

.modalBackground
{
        background-color:Gray;
        filter: alpha(opacity=80);
        opacity: 0.8;
}
.modalPopup
{
        background-color: #FFFFFF;
        border-color:transparent;
        margin:0 auto;
}

.modalPopupheader
{
    background-repeat: repeat-x;
    background-image: url(../img/system/gradientA.png);
}

.AutocompletionList
{
    border: solid 1px gray;
    padding:3px;
    height:auto;
    overflow: auto;
    background-color: white;
    z-index:200000 !important;
    max-height:150px;
    min-width:250px !important;   
    padding-left: 5px;
    margin-left:5px;
    margin-bottom: 1px;
    box-shadow: 5px 7px 7px 5px rgba(0, 0, 0, 0.1), 0px 12px 2px 0px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #800000;
}
  
.listItem
{
    color: #020000;
    z-index:200001 !important;
    border-bottom: solid 1px gray;
    cursor:pointer;
    padding:3px;
}

.listItem:hover
{
  background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #CDDBE4), to(#FFFFFF)); 
  background: -moz-linear-gradient(top, #FFFFFF, #CDDBE4 1px, #FFFFFF 25px);
}
    
.loading
{
    background-image: url(../img/system/icon_waiting.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.dateIcon
{ 
background: url(../img/system/calendar-icon-black.png) no-repeat scroll 2px 2px;
padding-left:30px;
}
  
.gridviewrowTooltip
{ 
  max-width:300px;
  min-width:200px;
  position :absolute;padding:1px;
  border:1px solid #333333;
  background-color:#fffedf;
  font-size:small;
  z-index: 999;
  cursor:pointer;
  margin-left:20px;
  padding:5px;
}
  
.tableshadow_1
{ 
-webkit-box-shadow: 2px 5px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 5px 9px 0px rgba(0,0,0,0.75);
 box-shadow: 2px 5px 9px 0px rgba(0,0,0,0.75);
}
  
.VeryPoorStrength
{
background: Red;
color:White;
}
.WeakStrength
{
background:orange;
color:White;
}
.AverageStrength
{
background: Gray ;
color:White;
}
.GoodStrength
{
background: blue;
color:White;
}
.ExcellentStrength
{
background: Green;
color:White;
}

.BarBorder
{
border-style:solid ;
border-color:Gray;
border-width: 1px;
width: 150px;
padding: 2px;
}

.scroll-area{
  width:100%;
  float:left;
  overflow-y:scroll;
}


