.badge1
{
     border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;  
    
 }

   
.grid-hight {
   max-height: 666px;
    overflow: auto;
}

.margin-left-right {
	margin-left:20px;
	margin-right:20px;
}

.textRed {
	color:Red;
	
}
.textGreen {
	color: Green;
	
}

.space-min {
	margin-left:-15px;
	margin-right:-8px
}

.well-sm-tiny {
  padding: 5px;
  border-radius: 3px;
  margin: 2px;
}

.well-sm-tiny1 { 
  margin: 0px 0px 10px 0px;
}

.textBold {
	font-weight: bold;
	
}
.nopadding { 
  padding:0px 0px 10px 0px;
}

.Textpadding { 
  padding:0px;
}


.TextGray
{
    border-style: none; 
    border-width: 2px; 
    color: Gray;                        
 }

.well-sm-height {
	min-height: 46px;
}
.glyphicon-calendar-iconsize {
	font-size:18px;
}

.Header-size {
	font-weight:bold;
	font-size:16px; 
}
.div-margin {
	margin-top: 8px;
}

.textCenter {
	text-align:center;	
}

.btn-primary .badge  {
	background-color: #FFFFFF;
	color: #428BCA;
}

label, .lbl {
	vertical-align: middle;
}
td > label, th > label, label.inline {
	line-height: inherit;
	margin-bottom: 0;
}
.form-search .radio [type="radio"] + label, .form-inline .radio [type="radio"] + label, .form-search .checkbox [type="checkbox"] + label, .form-inline .checkbox [type="checkbox"] + label {
	float: left;
	margin-left: -20px;
}
input.ace[type="checkbox"], input.ace[type="radio"] {
	cursor: pointer;
	height: 18px;
	opacity: 0;
	position: absolute;
	width: 18px;
	z-index: 12;
}
input.ace[type="checkbox"]:checked, input.ace[type="radio"]:checked, input.ace[type="checkbox"]:focus, input.ace[type="radio"]:focus {
	outline: medium none !important;
}
input.ace[type="checkbox"] + .lbl, input.ace[type="radio"] + .lbl {
	display: inline-block;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	min-height: 18px;
	min-width: 18px;
	position: relative;
	z-index: 11;
}
input.ace[type="checkbox"] + .lbl.padding-16:before, input.ace[type="radio"] + .lbl.padding-16:before {
	margin-right: 16px;
}
input.ace[type="checkbox"] + .lbl.padding-12:before, input.ace[type="radio"] + .lbl.padding-12:before {
	margin-right: 12px;
}
input.ace[type="checkbox"] + .lbl.padding-8:before, input.ace[type="radio"] + .lbl.padding-8:before {
	margin-right: 8px;
}
input.ace[type="checkbox"] + .lbl.padding-4:before, input.ace[type="radio"] + .lbl.padding-4:before {
	margin-right: 4px;
}
input.ace[type="checkbox"] + .lbl.padding-0:before, input.ace[type="radio"] + .lbl.padding-0:before {
	margin-right: 0;
}
input.ace[type="checkbox"] + .lbl:before, input.ace[type="radio"] + .lbl:before {
	background-color: #FAFAFA;
	border: 1px solid #C8C8C8;
	border-radius: 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #32A3CE;
	content: " ";
	display: inline-block;
	font-family: fontAwesome;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	line-height: 14px;
	margin-right: 1px;
	min-width: 16px;
	text-align: center;
	vertical-align: middle;
}
input.ace[type="checkbox"]:checked + .lbl:before, input.ace[type="radio"]:checked + .lbl:before {
	background-color: #F5F8FC;
	border-color: #ADB8C0;
	content: "?";
	display: inline-block;
}
input.ace[type="checkbox"]:hover + .lbl:before, input.ace[type="radio"]:hover + .lbl:before, input.ace[type="checkbox"] + .lbl:hover:before, input.ace[type="radio"] + .lbl:hover:before {
	border-color: #FF893C;
}
input.ace[type="checkbox"]:active + .lbl:before, input.ace[type="radio"]:active + .lbl:before, input.ace[type="checkbox"]:checked:active + .lbl:before, input.ace[type="radio"]:checked:active + .lbl:before {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
input.ace.ace-checkbox-2[type="checkbox"] + .lbl:before, input.ace.ace-checkbox-2[type="radio"] + .lbl:before {
	box-shadow: none;
}
input.ace.ace-checkbox-2[type="checkbox"]:checked + .lbl:before, input.ace.ace-checkbox-2[type="radio"]:checked + .lbl:before {
	background-color: #F9A021;
	border-color: #F9A021;
	color: #FFFFFF;
}
input.ace[type="checkbox"]:disabled + .lbl:before, input.ace[type="radio"]:disabled + .lbl:before, input.ace[type="checkbox"][disabled] + .lbl:before, input.ace[type="radio"][disabled] + .lbl:before, input.ace.disabled[type="checkbox"] + .lbl:before, input.ace.disabled[type="radio"] + .lbl:before {
	background-color: #DDDDDD !important;
	border-color: #CCCCCC !important;
	box-shadow: none !important;
	color: #BBBBBB;
}
input.ace[type="radio"] + .lbl:before {
	border-radius: 100%;
	font-family: FontAwesome;
	font-size: 11px;
	height: 17px;
	line-height: 15px;
	min-width: 17px;
	text-shadow: 0 0 1px #32A3CE;
}
input.ace[type="radio"]:checked + .lbl:before {
	content: "?";
}
input.ace.ace-switch[type="checkbox"] {
	height: 25px;
	width: 55px;
}
input.ace.ace-switch[type="checkbox"] + .lbl {
	margin: 0 4px;
	min-height: 24px;
}
input.ace.ace-switch[type="checkbox"] + .lbl:before {
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset;
	color: #999999;
	content: "ON         OFF";
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	line-height: 18px;
	margin-right: 0;
	overflow: hidden;
	padding: 0;
	text-align: left;
	text-indent: -19px;
	transition: text-indent 0.4s ease 0s;
	width: 52px;
}
input.ace.ace-switch[type="checkbox"] + .lbl:after {
	background-color: #FFFFFF;
	border-radius: 100%;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
	color: #D5D5D5;
	content: "|||";
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: lighter;
	height: 22px;
	left: -3px;
	line-height: 20px;
	padding: 0;
	position: absolute;
	text-align: center;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.15);
	top: -2px;
	transition: left 0.4s ease 0s;
	width: 22px;
}
input.ace.ace-switch[type="checkbox"]:checked + .lbl:before {
	background-color: #8AB2C9;
	border-color: #468FCC;
	color: #FFFFFF;
	text-indent: 9px;
}
input.ace.ace-switch[type="checkbox"]:checked + .lbl:after {
	background-color: #FFFFFF;
	color: #8AB2C9;
	left: 34px;
}
input.ace.ace-switch.ace-switch-2[type="checkbox"] + .lbl:before {
	content: "Yes        No";
}

input.ace.ace-switch.ace-switch-3[type="checkbox"] + .lbl:after {
	content: "?";
	font-family: FontAwesome;
	font-size: 13px;
	line-height: 23px;
	top: -1px;
}
input.ace.ace-switch.ace-switch-3[type="checkbox"]:checked + .lbl:after {
	content: "?";
}
input.ace.ace-switch.ace-switch-4[type="checkbox"] + .lbl:before, input.ace.ace-switch.ace-switch-5[type="checkbox"] + .lbl:before {
	background-color: #8B9AA3;
	border: 1px solid #8B9AA3;
	border-radius: 12px;
	box-shadow: none;
	color: #FFFFFF;
	content: "ON           OFF";
	display: inline-block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bolder;
	height: 24px;
	line-height: 23px;
	overflow: hidden;
	position: relative;
	text-indent: -25px;
	transition: all 0.4s ease 0s;
	width: 56px;
}
input.ace.ace-switch.ace-switch-4[type="checkbox"] + .lbl:after, input.ace.ace-switch.ace-switch-5[type="checkbox"] + .lbl:after {
	background-color: #FFFFFF;
	border-radius: 12px;
	color: #5B6A73;
	content: "|||";
	font-family: Helvetica,Arial,sans-serif;
	font-size: 8px;
	font-weight: lighter;
	height: 20px;
	left: 2px;
	line-height: 18px;
	position: absolute;
	text-align: center;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
	top: 2px;
	transition: all 0.4s ease 0s;
	width: 20px;
}
input.ace.ace-switch.ace-switch-4[type="checkbox"]:checked + .lbl:before, input.ace.ace-switch.ace-switch-5[type="checkbox"]:checked + .lbl:before {
	background-color: #468FCC;
	border-color: #468FCC;
	text-indent: 9px;
}
input.ace.ace-switch.ace-switch-4[type="checkbox"]:checked + .lbl:after, input.ace.ace-switch.ace-switch-5[type="checkbox"]:checked + .lbl:after {
	background-color: #FFFFFF;
	left: 34px;
}
input.ace.ace-switch.ace-switch-5[type="checkbox"] + .lbl:before {
	content:"Yes ....... No";
}

input.ace.ace-switch.ace-switch-5[type="checkbox"]:checked + .lbl:before {
	text-indent: 8px;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"] + .lbl {
	position: relative;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"] + .lbl:before {
	background-color: #888888;
	border: 0 none;
	border-radius: 12px;
	box-shadow: none;
	color: #F2F2F2;
	content: "?";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 16px;
	font-weight: lighter;
	height: 22px;
	line-height: 20px;
	text-indent: 32px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	transition: background 0.1s ease 0s;
	width: 52px;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"] + .lbl:after {
	background-color: #F2F2F2;
	border: 4px solid #F2F2F2;
	border-radius: 12px;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	content: "";
	height: 18px;
	left: 3px;
	position: absolute;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	top: 2px;
	transition: left 0.2s ease 0s;
	width: 18px;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"]:checked + .lbl:before {
	background-color: #FF893C;
	border-color: #B7D3E5;
	color: #FFFFFF;
	content: "?";
	text-indent: 6px;
}
input.ace.ace-switch.ace-switch-6[type="checkbox"]:checked + .lbl:after {
	background-color: #FFFFFF;
	border: 4px solid #FFFFFF;
	left: 32px;
	text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}
input.ace.ace-switch.ace-switch-7[type="checkbox"] {
	width: 75px;
}
input.ace.ace-switch.ace-switch-7[type="checkbox"] + .lbl {
	position: relative;
}
input.ace.ace-switch.ace-switch-7[type="checkbox"] + .lbl:before {
	background-color: #FFFFFF;
	border: 2px solid #AAAAAA;
	border-radius: 0;
	box-shadow: none;
	color: #AAAAAA;
	content: "OFF           ON";
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	height: 26px;
	line-height: 22px;
	overflow: hidden;
	position: relative;
	text-indent: 4px;
	transition: all 0.2s ease 0s;
	width: 74px;
}
input.ace.ace-switch.ace-switch-7[type="checkbox"] + .lbl:after {
	background-color: #AAAAAA;
	border-radius: 0;
	box-shadow: none;
	color: #FFFFFF;
	content: "?";
	font-family: FontAwesome;
	font-size: 16px;
	height: 20px;
	left: 39px;
	line-height: 18px;
	position: absolute;
	text-align: center;
	top: 3px;
	transition: all 0.2s ease-in-out 0s;
	width: 32px;
}
input.ace.ace-switch.ace-switch-7[type="checkbox"]:checked + .lbl:before {
	background-color: #FFFFFF;
	border-color: #6FB3E0;
	color: #468FCC;
	text-indent: -33px;
}
input.ace.ace-switch.ace-switch-7[type="checkbox"]:checked + .lbl:after {
	background-color: #468FCC;
	color: #FFFFFF;
	content: "?";
	left: 3px;
}
th .lbl, td .lbl {
	margin-bottom: 0;
}
th .lbl:only-child, td .lbl:only-child {
	vertical-align: top;
}
.item-list > li.selected label, .item-list > li.selected .lbl {
	color: #8090A0;
	text-decoration: line-through;
}



.mgrid
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #ffffff;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.mgrid table
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.mgrid tr:last-child td:last-child
{
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.mgrid table tr:first-child td:first-child
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.mgrid table tr:first-child td:last-child
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.mgrid tr:last-child td:first-child
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.mgrid tr:hover td
{
    background-color: #aaffff;
}
.mgrid tr td
{
   font-size: 15px;
}
.mgrid td
{
    vertical-align: middle;
    background-color: #e5e5e5;
    border: 1px solid #ffffff;
    border-width: 0px 1px 1px 0px;
    text-align: center;
    padding: 4px;
    font-size: 10px;
    font-family: Helvetica;
    font-weight: bold;
    color: #000000;
}
.mgrid tr:last-child td
{
    border-width: 0px 1px 0px 0px;
}
.mgrid tr td:last-child
{
    border-width: 0px 0px 1px 0px;
}
.mgrid tr:last-child td:last-child
{
    border-width: 0px 0px 0px 0px;
}

.mgrid tr:first-child td
{
    background: -o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
    background: -moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");
    background: -o-linear-gradient(top,#56aaff,56aaff);
    background-color: #56aaff;
    border: 0px solid #ffffff;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 13px;
    font-family: Helvetica;
    font-weight: bold;
    color: #ffffff;
}

.mgrid tr:first-child:hover td
{
    background: -o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
    background: -moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");
    background: -o-linear-gradient(top,#56aaff,56aaff);
    background-color: #56aaff;
}

.mgrid tr:first-child td:first-child
{
    border-width: 0px 0px 1px 0px;
}

.mgrid tr:first-child td:last-child
{
    border-width: 0px 0px 1px 1px;
}
.mgrid th
{
    background: -o-linear-gradient(bottom, #56aaff 5%, #56aaff 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #56aaff), color-stop(1, #56aaff) );
    background: -moz-linear-gradient( center top, #56aaff 5%, #56aaff 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#56aaff", endColorstr="#56aaff");
    background: -o-linear-gradient(top,#56aaff,56aaff);
    background-color: #56aaff;
    border: 0px solid #ffffff;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 13px;
    font-family: Helvetica;
    font-weight: bold;
    color: #ffffff;
}


.space {
    margin-top: 50px;
}

.gridhight-noscroll {
    height: 420px;
    overflow: auto;
}
.gridhight {
    height: 400px;
    overflow: auto;
}

.form-signin4 {
    background-color: #B0B0B0;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 5px;
}
nomargin 
{
    margin: 0px;
}

.no-bottom-margin
{
    margin-bottom: 0px;
}

.textmargin {
	margin-right:36%
}
.textpadding20 {
	padding-left:20px;
	padding-right:20px;
}

.margintop5 {
	margin-top:5px;
}


.rightborder
{
    border-right-color: #999;
    border-right-style: solid;
    border-right-width: 2px;
}

.WhiteColor {
background-color:#F5F5F5;	
	
}
.mragin10px {
	margin-right:10px;
}

.backgroundImage {
	 background-color: rgb(229, 229, 229);
    background-image: url("../images/noise_bg.png"),linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));
}
.footer2 {
	border: 1px solid #C0C0C0;
	background-color:#F5F5F5;	
	border-radius: 5px;
}

.nav-user-photo {
    border: 2px solid #FFFFFF;
    border-radius: 100%;
    margin: -4px 8px 0 0;
    max-width: 40px;
}
.BorderTopLine {
	border-color: #666666;
	 border-top-style: solid;
	  border-width: 2px;
	   width:100%
}

.div-margin2 {
	margin-top: 2px;
}

.textgray {
	color: Gray;
}

.panel-borderColor {
	border-bottom-color: #B6B6B6; 
	border-right-color: #B6B6B6; 
	border-left-color: #B6B6B6;
}

.btn-default2 {
    background-color: Gray;
    border-color: #CCCCCC;
    color: #333333;
}

.gridview{
   background-color:#fff;   
   padding:2px;
   margin:2% auto;    
}
.gridview a{
  margin:auto 1%;
    border-radius:20%;
      background-color:#E4E4E4;
      padding:5px 10px 5px 10px;
      color:Black;
      text-decoration:none;     
      box-shadow: #111;
     
}
.gridview a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.gridview span{
    background-color:Gray;
    color:#fff;  
      box-shadow: #111;
    border-radius:20%;
    padding:5px 10px 5px 10px;
}

.PaddingLeft {
	padding-left: 0px;
}

.width2 {
	width:22%;
}

.div-margin3 {
	margin-top: 4px;
}
.IconBkColor {
	background-color: #D6D6D6;
}

.padding4 {
	padding-right:4px;
}

.whitebox1 {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0;
    padding: 10px;
}

.circlebox {
	background-color:#69A3D6;	
	text-align:center;
	width: 105px;
	height: 105px;
}

.txtGray {
	color:Gray;
	
}
.txtWhite {
	color:White;	
}

label {
	font-weight: normal;	
}
.bg-success {
    background-color: #DFF0D8;
}
.bg-info {
    background-color: #D9EDF7;
}
body {
     background-color: #E5E5E5;
     background-image: url("../images/noise_bg.png"), linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));
}


.whitebox3 {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin: 0 5px;
    padding: 10px 5px 10px 5px;
}
.margin4 {
	margin-right: 4px;
}
.typeahead
{
    font-size: 18px;
}

.AutoExtender_new {
   background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); 
    float: left;
   font-size: 18px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: relative;
    top: 100%;
   z-index: 1200 !important;
    
}

.AutoExtender_new > li {
    clear: both;   
    display: block;
    font-weight: normal;
    line-height: 27px;
    padding: 3px 10px 3px 18px;
    white-space: normal;
}


.AutoExtenderList_new { 
    color: #000000;
    cursor: pointer;   
}
.AutoExtenderHighlight_new {
    background-color: #428BCA;  
    color: #FFFFFF;
    cursor: pointer;   
}

.mousePointer {
	cursor:pointer;
}

.marginleftRight {
	margin-left:10px;
	margin-right: 10px;
}
.paddingLeftright {
	padding-left: 7px;
	padding-right: 2px;
}

.paddingtop10 {
	padding-top:10px;
}

.txtColor {
	color: #9F9F9F;
}
.padding2px {
	padding: 3px;
}


.AutoExtender_Process {
   background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); 
    float: left;
   font-size: 16px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: relative;
    top: 100%;
   z-index: 1200 !important;
    
}

.AutoExtender_Process > li {
    clear: both;   
    display: block;
    font-weight: normal;
    line-height: 27px;
    padding: 3px 5px;
    white-space: normal;
}

.labelBorder {
	border: 1px solid #C0C0C0;
	border-radius: 4px;
	
}

.fontsize {
	font-size: 14px;	
}
.textmargin5 {
	margin-top:6px;
	margin-bottom:4px
}

.divheight {
	height: 35px;
}



.Table {
    margin-bottom: 20px;
    width: 100%;
}
.Table > thead > tr > th, .Table > tbody > tr > th, .Table > tfoot > tr > th, .Table > thead > tr > td, .Table > tbody > tr > td, .Table > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 4px;
    vertical-align: top;
}
.Table > thead > tr > th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
}
.Table > caption + thead > tr:first-child > th, .Table > colgroup + thead > tr:first-child > th, .Table > thead:first-child > tr:first-child > th, .Table > caption + thead > tr:first-child > td, .Table > colgroup + thead > tr:first-child > td, .Table > thead:first-child > tr:first-child > td {
    border-top: 0 none;
}
.Table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.Table .Table {
    background-color: #fff;
}
.Table-condensed > thead > tr > th, .Table-condensed > tbody > tr > th, .Table-condensed > tfoot > tr > th, .Table-condensed > thead > tr > td, .Table-condensed > tbody > tr > td, .Table-condensed > tfoot > tr > td {
    padding: 5px;
}
.Table-bordered {
    border: 1px solid #ddd;
}
.Table-bordered > thead > tr > th, .Table-bordered > tbody > tr > th, .Table-bordered > tfoot > tr > th, .Table-bordered > thead > tr > td, .Table-bordered > tbody > tr > td, .Table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.Table-bordered > thead > tr > th, .Table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.Table-striped > tbody > tr:nth-child(2n+1) > td, .Table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color:#808080;
    color: White;   
}

.Table-striped > tbody > tr:nth-child(2n+1) > td, .Table-striped > tbody > tr:nth-child(2n+1) > tr {
    background-color:#F0F4FB;
    color: Black;   
}
.Table-hover > tbody > tr:hover > td, .Table-hover > tbody > tr:hover  {
    background-color:#F0F0F0;
    color: Black;
    
}
.paddingRight {
	padding-right: 0px;
}

.hometxtcolor {
	color:Gray; 
	font-size: 13px;
	font-weight: bold !important;
}
.hometxtcolor:hover {
	cursor: pointer;
}
.backcolor2 {
	background-color:#E8E8E8;
}
.paddingleft2 {
	padding-left:3px
}

.user {
	background-color:#428BCA;
	color: White;
	  border: 0.1em solid #A5BFD4;
}

.text {
	
}
.text:nth-child(even)
{ 
    background-color: White;    
    border-bottom: 0.1em solid #A5BFD4;	   
    border-left: 0.1em solid #A5BFD4;
    border-right: 0.1em solid #A5BFD4;   
}
.text:nth-child(odd)
{ 
    background-color:#DEE8EF; 
    border-bottom: 0.1em solid #A5BFD4;	   
    border-left: 0.1em solid #A5BFD4;
    border-right: 0.1em solid #A5BFD4;
}
.border2 {	
     border-right: 0.1em solid #A5BFD4;	    
}


.tooltip-inner {
            max-width: 330px;   
            width: 330px; 
            background-color:White;
            text-align:left;
            font-size:14px;
            color:Black;
            border: 1px solid Black;
            opacity:1;
            padding:8px;           
            }
            
 .link2:hover {
	cursor: pointer;
}

.footer5 {
	margin: 10px 0px 10px 0px;
}

.header {
	border: 1px solid #C0C0C0;
	background-color:#FBFBFB;
	border-radius: 5px;
}
.header2 {
	margin: 12px 0px 14px 0px;
}

.popup2 {
	margin: 3px;
	
}
.modal-dialog-center {
    margin-top: 10%;
}
.testMenu {
	
}
.btn {
	white-space:normal
}
.label {
	white-space:normal;	
}

.HoverClass:hover {   
    color:Purple;	
}
.datefilter {
	cursor: pointer;
	float:right; 
	background-color:White;
	color:Black;
	 border: 1px solid #ccc;
	padding:4px;
	margin-top:-3px;
	font-size:14px
}

.Textpadding2 {
	padding:0px 0px 0px 3px; 
}

.BorderTopLine2 {
	border-color: #428BCA;
	 border-top-style: solid;
	  border-width: 1px;
	   width:100%;	  
}


.ace-file-input {
     display: block;
     font-size: inherit;
     height: 25px;
     position: relative;      
}

.ace-file-input input[type="file"] {
     opacity: 0;
     position: fixed;
     z-index: -2;
}

.ace-file-input input[type="file"]:focus {
     outline: 0px none;
}

.ace-file-input .ace-file-container {
     background-color: #ffffff;
     border: 1px solid #d5d5d5;
     box-shadow: none;
     cursor: pointer;
     display: block;
     height: 30px;
     left: 0px;
     position: absolute;
     right: 0px;
     top: 0px;
     transition: all 0.15s ease 0s;
}

.ace-file-input .ace-file-container:hover {
     border-color: #f59942;
     box-shadow: none;
}

.ace-file-input .ace-file-container:before {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #6fb3e0;
     border-color: #ffffff;
     border-image: none;
     border-style: solid;
     border-width: 2px 2px 2px 4px;
     bottom: 0px;
     color: #ffffff;
     content: attr(data-title);
     display: inline-block;
     font-size: 11px;
     font-weight: 700;
     line-height: 24px;
     padding: 0px 8px;
     position: absolute;
     right: 0px;
     text-align: center;
     top: 0px;
     transition: all 0.3s ease 0s;
}

.ace-file-input .ace-file-container .ace-file-name {
     color: #888888;
     display: inline-block;
     font-size: 13px;
     height: 28px;
     line-height: 28px;
     max-width: 80%;
     overflow: hidden;
     padding-left: 30px;
     position: static;
     vertical-align: top;
     white-space: nowrap;
}

.ace-file-input .ace-file-container .ace-file-name:after {
     content: attr(data-title);
     display: inline-block;
}

.ace-file-input .ace-file-container.selected {
     right: 16px;
}

.ace-file-input .ace-file-container.selected .ace-file-name {
     color: #666666;
}

.ace-file-input .ace-file-container .ace-icon {
     background-color: #d1d1d1;
     border: 2px solid #ffffff;
     bottom: 0px;
     color: #ffffff;
     display: inline-block;
     font-family: FontAwesome;
     font-size: 13px;
     left: 0px;
     line-height: 24px;
     position: absolute;
     text-align: center;
     top: 0px;
     transition: all 0.1s ease 0s;
     width: 26px;
}

.ace-file-input .ace-file-container.selected .ace-file-name .ace-icon {
     background-color: #efad62;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-image {
     background-color: #bd7a9d;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-video {
     background-color: #87b87f;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-audio {
     background-color: #8b7ac9;
}

.ace-file-input .ace-file-container.selected .ace-file-name .file-archive {
     background-color: #efad62;
}

.ace-file-input .ace-file-container.hide-placeholder:before {
     display: none;
}

.ace-file-input a:hover {
     text-decoration: none;
}

.ace-file-input .remove {
     background-color: #fb7142;
     border-radius: 100%;
     color: #ffffff;
     display: none;
     font-size: 11px;
     font-weight: 400;
     height: 17px;
     line-height: 15px;
     position: absolute;
     right: -8px;
     text-align: center;
     text-decoration: none;
     top: 6px;
     width: 17px;
}

.ace-file-input .ace-file-container.selected + .remove {
     display: inline-block;
}


.ace-file-input .ace-file-overlay > .overlay-content {
     display: inline-block;
     left: 0px;
     position: relative;
     right: 0px;
     text-align: center;
     top: 10%;
}

.bkWhite {
	background-color: White;	
}


input.ace[type="radio"] {
     cursor: pointer;
     height: 18px;
     opacity: 0;
     position: absolute;
     width: 18px;
     z-index: 1;
}
 input.ace[type="radio"] + .lbl:before {
     background-color: #fafafa;
     border-radius: 0px;
     border: 1px solid #c8c8c8;
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
     color: #32a3ce;
     content: " ";
     cursor: pointer;
     display: inline-block;
     font-family: fontAwesome;
     font-size: 12px;
     font-weight: 400;
     height: 16px;
     line-height: 14px;
     margin-right: 1px;
     min-width: 16px;
     position: relative;
     text-align: center;
     top: -1px;
}
input.ace[type="radio"] + .lbl:before {
     border-radius: 100%;
     font-family: FontAwesome;
     font-size: 10px;
     height: 17px;
     line-height: 15px;
     min-width: 17px;
     text-shadow: 0px 0px 1px #32a3ce;
}

input.ace[type="radio"]:checked + .lbl:before {
     content: "";
}
select option, select.form-control option {
     padding: 3px 4px;
     color: #7C7C7C;	
}
.div-margin4 {	
	margin-top: 11px;
}

.ace-spinner.touch-spinner .spinner-buttons > .btn {
    display: inline-block;
    font-size: 18px;
    height: 34px;
    line-height: 16px;
    margin: 0 1px !important;
    vertical-align: sub;
    width: 22px;
}
.d1
{
 font-size:15px;
}
        
.dropdown-menu {
    background-color: #ffffff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);     
}
.typeahead>li>a 
{
    margin-top:-5px;
    border-top: 1px solid #cccccc;
    font-size: 14px;
    
}
.introjs-helperNumberLayer
     {
       font-size:18px !important;
       height:28px !important;
       width:28px !important;      
       } 
 .whitebox4 {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);   
    padding: 10px 5px 10px 5px;
}

#achrTour1,#achrTeamSupport,#achrSupportTour :Hover {
	cursor:pointer;
}

.nopaddingright{
	padding-right:0px;
}

.well-sm-2 {
	padding: 4px;
}

.badge-success {
    background-color: #468847;
}

 .badge-warning {
    background-color: #f89406;
}
.badge-info {
    background-color: #3a87ad;
}
.badge-important {
    background-color: #b94a48;
}

.whiteBkColor {
	background-color: White;	
}

.fontsize16 {
	font-size:17px !important;
	padding: 5px 9px !important;
}
.Table-striped1 > tbody > tr:nth-child(2n+1) > th {
    background-color:#808080;
    color: White;   
}

.Table-striped1 > tbody > tr:nth-child(2n+1) {
	 background-color:#F0F4FB;
    color: Black; 
}
.Table-hover1 > tbody > tr:hover  {
    background-color:#fbf2ce;     
}




.brands li label.radio input, .brands li label.checkbox input, .brands li label.group input, #colors li label.radio input, #colors li label.checkbox input, #colors li label.group input, #defects li label.radio input, #defects li label.checkbox input, #defects li label.group input
{
    display: none;
}

.brands li label.radio input:checked + span, .brands li label.checkbox input:checked + span, .brands li label.group input:checked + span, #colors li label.radio input:checked + span, #colors li label.checkbox input:checked + span, #colors li label.group input:checked + span, #defects li label.radio input:checked + span, #defects li label.checkbox input:checked + span, #defects li label.group input:checked + span
{
    background: url("../images/White-check.png") no-repeat scroll 96% 10% #74848c;
    color: White;
    font-weight: bold;
}

.brands li label.radio > span, .brands li label.checkbox > span, .brands li label.group > span, #colors li label.radio > span, #colors li label.checkbox > span, #colors li label.group > span, #defects li label.radio > span, #defects li label.checkbox > span, #defects li label.group > span
{
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    color: #888888;
    cursor: pointer;
    display: inline-block;
    font-family: "segoe ui" , "helvetica neue" ,arial,helvetica,sans-serif;
    font-size: 1em;
    min-height: 40px;
    min-width: 92px;
    overflow: hidden;
    padding: 20px 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
}

.brands ol, ul
{
    list-style: outside none none;
}

.v
{
    text-decoration: overline;
}

.divMarginLeft
{
    margin-left: 2px;
}

#grdData > tbody > tr > td:hover ,#grdOrders > tbody > tr > td:hover,#grdAssinged > tbody > tr > td:hover
{
    cursor: pointer;
}

.btn-buttoncss
{
    font-size: 13px;
    margin-bottom: 2px;
    min-height: 40px;
    min-width: 92px;
    padding: 20px 10px;
}

.DivLayer
{
    background-color:  #428bca;
    border-bottom: 1px solid #428bca;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px;
    color: White;	
}

.btnClass1
{
    padding-top: 30px;
    font-size: 14px;
}
.imgColor
{
    color: #4a4a4a;
}

.btnbkColor
{
    background-color: #008040 !important;
    color: #ffffff !important;
}
.Table-bordered1 > tbody > tr > td
{
    border-bottom: 1px dotted #d0d0d0;
    border-color: #d0d0d0 transparent;
    border-top: 1px dotted #d0d0d0;
}

.dijitInline
{
    display: inline-table;
    vertical-align: middle;
}
.dijitRadio, .dijitCheckBox, .dijitCheckBoxInput, .dojoxTriStateCheckBox, .dojoxTriStateCheckBoxInput
{
    background-image: url("../images/checkmarks-sprite.png");
    background-repeat: no-repeat;
    border: 0px none;
    height: 17px;
    overflow: hidden;
    width: 17px;
    padding-top: 2px;
}

.dijitRadio, .dijitCheckBox, .dojoxTriStateCheckBox
{
    margin-right: 12px;
}
.dijitCheckBoxInput, .dojoxTriStateCheckBoxInput
{
    -moz-appearance: none;
    display: block;
    margin: 0px !important;
    opacity: 0.01;
}
.dijitCheckBoxChecked, .dojoxTriStateCheckBoxChecked, .dijitCheckBoxCheckedFocused, .dojoxTriStateCheckBoxCheckedFocused
{
    background-position: 0px -68px;
}
.dijitCheckBoxCheckedDisabled, .dojoxTriStateCheckBoxCheckedDisabled
{
    background-position: 0px -72px;
    opacity: 0.5;
}

 .selected_row
{
    background-color: #ccebf3;
}
.Re_selected_row
{
    background-color: #ffdece !important;
}
.headerClass > th
{
    text-align: center;
    background-color: #808080;
    color: White;
}
 .Delivered_selected_row
{
    color: #969696 !important;
    background-color: White !important;	
}

.imgColor2
{
    color: White;	
}
.DimColor {
	color: #575757;
	background-color:#ffffff !important;
}
.Textpadding2px {
	padding:2px;
}

.btnSaveBooking1 
    {
    width:90px;
    height:70px;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-weight: normal;
    font-family: Arial,serif;
    font-size: 13px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    background-color: #e7e7e7;
    border-color: #cccccc;
    color: #333333;
    
    }
    .btnSaveBooking1:hover {
    background: -moz-linear-gradient(center top , #e2e2e2, #e2e2e2) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #888888;
    color: #333333;
    cursor: pointer;
    }
.controlHeight {
	 height:20px;
}
.controlHeight2 {
	border-radius: 4px;
	border:none;
	height:29px;
	text-align:center;
	
}
.floatRight {
	float: right;	
}
.tooltip.in {
     opacity: 1;
}

 .imgBrand label.radio input, .imgBrand label.checkbox input, .imgBrand label.group input
{
    display: none;
}
        
.imgBrand label.radio input:checked + span, .imgBrand label.checkbox input:checked + span, .imgBrand label.group input:checked + span
{
    background-color:  #74848c;
    color: White;
    font-weight: bold;
}
.imgBrand label.radio > span, .imgBrand label.checkbox > span, .imgBrand label.group > span
{
    background-color: white;
    border: 1px solid #cccccc;
    color: #888888;
    cursor: pointer;
    display: inline-block;
    font-family: "segoe ui" , "helvetica neue" ,arial,helvetica,sans-serif;
    font-size: 1em;
    overflow: hidden;
    padding: 2px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
    margin-left: 4px;
}
.lineTop
{
    text-decoration: overline;
}
.imgWidthHeight
{
    width: 60px;
    height: 60px;
}

#achruserDetail,#NotesInfo,#achrPaymentDetails:hover {
	cursor:pointer;
	color:#4b5358 !important;	
}

#btnSaveData {
	color:Gray !important;
}
#btnSaveData:hover {
	cursor:pointer;
	color:#4b5358 !important;
}

.toolTdColor {
	background-color: #f0f0f0 !important;	
	color: #777777 !important;	
}

.TourCursor:hover {
	cursor: pointer;
}

.btn-buttoncss-3
{
    font-size: 13px;
    margin-bottom: 2px;
    min-height: 40px;
    min-width: 92px;
    padding: 15px 10px;
}

 .fontSize3
{
    font-size: 15px;
    text-align: right;
}
.fontSize4
{
    font-size: 18px;
    text-align: right;
}

.EmptyHeader {
	vertical-align: middle !important;
	cursor: default !important;	
}

 .headerClass-2
{
    display: none;
}

 #hypBtnShowDetails
{
    color: #429fe5 !important;
    cursor: pointer !important;
}
.hypLink {
}

.btnClass5
{   
    padding: 26px 20px;
}

.minWidth {
	min-width: 90px;
	margin-right: 10px;
}

.btn-buttoncss-4
{
    font-size: 14px;
    margin-bottom: 2px;
    min-height: 40px;
    min-width: 92px;
    padding: 17px 10px;
}

.padding9 {	
	padding-left: 8px;
	padding-right: 8px;	
}

.tt-dropdown-menu,
.gist {
  text-align: left;
}

.table-of-contents li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.table-of-contents li a {
  font-size: 16px;
  color: #999;
}

.title,
.example-name {
  font-family: Prociono;
}

p + p {
  margin: 30px 0 0 0;
}

.title {
  margin: 20px 0 0 0;
  font-size: 64px;
}

.example {
  padding: 30px 0;
}

.example-name {
  margin: 20px 0;
  font-size: 32px;
}

.demo {
  position: relative;
  *z-index: 1;
  margin: 50px 0;
}


.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}



.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-dropdown-menu { 
  margin-top: 1px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
   border-top: 1px solid #cccccc;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #74accd;
  cursor: pointer;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}
.OrderColor {
	color:#800000;
	
}

.slideButton {
	float: right;
	margin-right:11px; 
}
.Style2 : hover {
	color: red ! important; 
}
.loadData{
	color:Gray;padding-bottom:4px;font-size:16px;
}
#iDel {
	cursor: pointer;
}
.textDecoration {
	text-decoration:none;
}

.row-fluid::before, .row-fluid::after {
    content: " ";
    display: table;
}
.row-fluid::after {
    clear: both;
}

.textRight {
	text-align: right;
}

.RemoveBorder {
	background-color: transparent;
	border: none;	
	vertical-align: top;
	color:Red;
	padding:0px
}

.CurLink {
	 color: White;
    cursor: pointer;
}

.setMargin {
	margin-left:0px ! important;
	margin-right:1.7% ! important; 
}
.typeahead.dropdown-menu > li > a {
	white-space: normal ! important;
}

.AmountCss {
	font-size: 16px;
	font-weight:bold ;
}
.AmountCss2 {
font-size: 14px;
}
.CurrencyType {
	
}
.textAlgnRight {
	text-align: right;	
}
.textYellow {
	color: Yellow;
}

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]
{margin-left:-20px;margin-right:0}


.BoxColor1
{ background: #4084ce; padding: 15px;}
.BoxColor2
{background: #46ca71; padding: 15px;}
.BoxColor3
{ background: #bc3f52; padding: 15px;}
.ValueSize
{ font-size: 37px; color: #ffffff;}
.labelSize
{ font-size: 16px; color: #ffffff;}
.headerText
{ font-size: 13px;color: #626262; font-weight: bold;}
.boxsize2
{ display: inline-block;height: 18px;width: 18px;}
.chartWidthHight
{height: 340px;width: 580px;padding: 7px;}
.Boxcolor3
{background-color: White;padding: 12px;font-size: 16px;border: 1px solid #e0e0e0;border-radius: 3px;}
.Boxcolor4
{background-color: White;font-size: 16px;border: 1px solid #e0e0e0;border-radius: 3px;}
        
.lblcolor
{background-color: #d2d2d2;border: 1px solid #bfbfbf;padding: 3px;color: #525252;font-size: 16px;font-weight: bold;}
.BorderTopLine2
{border-bottom: 1px solid #bfbfbf;border-top: none;width: 100%;padding: 5px;}
.fontsize6
{font-size: 11px;}
.divBoxColor
{background-color: white;color: #525252;font-size: 12px;height: 75px;padding-top: 5px;padding-left: 5%;}
.lblcolor2
{font-size: 22px;font-weight: bold;color: #7dbeff;}
.lblcolor3
{font-size: 22px;font-weight: bold;color: #028205;}
.lblcolor4
{font-size: 22px;font-weight: bold;color: #f28839;}
.TopBorder
{    border-top: 1px solid #bfbfbf;}
.LeftBorder
{    border-left: 1px solid #bfbfbf;}
.lblColor7
{font-size: 14px;color: #727272;}

.chartWidthHight2
{height: 340px;padding:7px 0px 7px 3px;width :640px;}
.textRed2 {color:#e2ff4a!important ;}
.usd1 {
    background-color: #9ABC32;
    border: 2px solid #9ABC32;
    border-radius: 50%;
    color: white;
    padding: 1px 7px;
     margin-left:2px;
     font-size:23px !important;
}
.usd2 {
    background-color: white;
    border: 2px solid #d8e7ab;
    border-radius: 50%;
    color:#d8e7ab;
    padding: 1px 7px;
    margin-left:2px;
}
.IconSize {
	font-size: 15px !important;
}
.usd3 {
    background-color: #9ABC32;
    border: 2px solid #9ABC32;
    border-radius: 50%;
    color: white;
    padding:0px 3px;
}
.StarColor {
	color: #3594D2 !important;
}

.StarFontSize{ font-size:32px !important ;}

.usd4Star {
    background-color: #c1da76;    border: 2px solid #c1da76;    border-radius: 50%;    color: white;    padding: 1px 7px;  margin-left:2px;font-size:23px !important;
}
.usd3Star {
    background-color: #d8d325;    border: 2px solid #d8d325;    border-radius: 50%;    color: white;    padding: 1px 7px;  margin-left:2px;font-size:23px !important;
}
.usd2Star {
    background-color: #9f9f9f;    border: 2px solid #9f9f9f;    border-radius: 50%;    color: white;    padding: 1px 7px;  margin-left:2px;font-size:23px !important;
}
.Margin4 {   
    margin-top:5px;margin-bottom:10px;
}
.nowrap
{
    white-space: nowrap;
}
.RowBackColor
{
    background-color: #26FFC4 !important;
}

.Container
{
    margin: auto;
    min-height: 500px;
    background: #f7f7e9;
    max-width: 97%;
    min-width: 97%;
    border: solid 1px #d4d4d4;
    padding: 0 20px 20px 20px;
}

.ToolBar
{
    border: solid 1px #d4d4d4;
    padding: 10px;
    margin-bottom: 20px;
}

.GridContainer
{
    background: #ECF5FB;
    min-height: 300px;
    border: solid 1px #d4d4d4;
}

.ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container
{
    border: 2px solid #000000;
    padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
    width: 300px;
    height: 200px;
}

.popup_Titlebar
{
    background: url(Images/titlebar_bg.jpg);
    height: 29px;
}

.popup_Body
{
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
}

.TitlebarLeft
{
    float: left;
    padding: 5px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color: black;
    width: 100%;
}
.TitlebarRight
{
    background: url(Images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.popup_Buttons
{
    margin: 10px;
}
.TD
{
    color: White;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.radio{margin-top:0px;margin-bottom:5px}
.dijitCheckBoxInput
{
margin-top: :5px;padding-top:0px !important ;
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
    box-shadow: none;
}
.form-control {
	margin-bottom: 0px;
	 padding: 7px 12px !important ;
}
.ui-dialog  > .ui-draggable-handle {
	display:none;	
}
.btnPadding{padding-left:3px;padding-right:3px;}

.checkbox, .radio {   
    margin-bottom: 0px;
    margin-top: 0px; 
}
.ajax__tab_container ajax__tab_default ,.ajax__tab_panel
{
    visibility: visible!important;   
}
.branch-row-color {
	background-color:#DADEE0 !important;
	border-color:#C9CED1 !important;
	color:#667177 !important;	
}
.branch-row-cursor {
	cursor:default !important;
}
#divCustSearch .tt-dropdown-menu {max-height: 400px;overflow-y: auto;}
.tt-hint{ height:30px !important;}

#ulchkList label,#divPickupSlot label ,#divDropOffSlot label
{
    cursor: pointer;
    color: #666;
    margin-bottom: 1px;
}        
#ulchkList input[type="checkbox"], #divPickupSlot input[type="checkbox"] , #divDropOffSlot input[type="checkbox"],#divDriver input[type="checkbox"]
{
    display: none;
}
#ulchkList input[type="checkbox"] + .label-text:before ,#divPickupSlot input[type="checkbox"] + .label-text:before ,#divDropOffSlot input[type="checkbox"] + .label-text:before
,#divDriver input[type="checkbox"] + .label-text:before
{
    content: "\f096";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
}
        
#ulchkList input[type="checkbox"]:checked + .label-text:before ,#divPickupSlot input[type="checkbox"]:checked + .label-text:before,#divDropOffSlot input[type="checkbox"]:checked + .label-text:before
,#divDriver input[type="checkbox"]:checked + .label-text:before
{
    content: "\f14a";
    color: #337AB7;
    -webkit-animation: tick 180ms ease-in;
    animation: tick 180ms ease-in;
}
        
#ulchkList input[type="checkbox"]:disabled + .label-text ,#divPickupSlot input[type="checkbox"]:disabled + .label-text ,#divDropOffSlot input[type="checkbox"]:disabled + .label-text
,#divDriver input[type="checkbox"]:disabled + .label-text
{
    color: #aaa;
}        
#ulchkList input[type="checkbox"]:disabled + .label-text:before ,#divPickupSlot input[type="checkbox"]:disabled + .label-text:before ,#divDropOffSlot input[type="checkbox"]:disabled + .label-text:before
,#divDriver input[type="checkbox"]:disabled + .label-text:before
{
    content: "\f0c8";
    color: #ccc;
}        
.btnclass2
{
    background-color: white;
    color: #337AB7;
    padding-left: 23.7px !important;
    padding-right: 23.7px !important;
}

.gridviewPaging{
   background-color:#fff;   
   padding:2px;
   margin-left:2% auto;    
}
.gridviewPaging a{
  margin:auto 1%;
    border-radius:20%;
      background-color:#E4E4E4;
      padding:5px 10px 5px 10px;
      color:Black;
      text-decoration:none;     
      box-shadow: #111;
     
}
.gridviewPaging a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.gridviewPaging a[disabled="disabled"]{
    background-color:Gray;
    color:#fff;  
      box-shadow: #111;
    border-radius:20%;
    padding:5px 10px 5px 10px;
}

.Pager span
{
    text-align: center;
    color: white;
    display: inline-block;
    width: 20px;
    background-color: #337AB7;
    margin-right: 3px;
    line-height: 150%;
    border: 1px solid #337AB7;
}
.Pager a
{
    text-align: center;
    display: inline-block;
    width: 20px;
    background-color: #FFFFFF;
    color:#677894;
    border: 1px solid #677894;
    margin-right: 3px;
    line-height: 150%;
    text-decoration: none;
}


.clock 
{
   
   width: 80px;
   height: 80px;
   background: #D9EDF7;
   margin: 0 auto;
   border-radius: 50%;
   position: relative;
}

.short-hand, .long-hand {
   width: 2px;
   background: #2B6697;
   position: absolute;
   top: 40px;
   left: 40px;
   -webkit-transform: rotate(-180deg);
   -moz-transform: rotate(-180deg);
   -o-transform: rotate(-180deg);
   transform: rotate(-180deg);
   -webkit-transform-origin: 0 1px;
   -moz-transform-origin: 0 1px;
   -o-transform-origin: 0 1px;
   transform-origin: 0 1px;
}

.nut {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   position: absolute;
   top: 38px;
   left: 35px;
   background: #2B6697
}

.short-hand {
   height: 23px;
   -webkit-animation: rotation 8s infinite linear;
   -moz-animation: rotation 8s infinite linear;
   -o-animation: rotation 8s infinite linear;
   animation: rotation 8s infinite linear
}
.long-hand {
   height: 35px;
   -webkit-animation: rotation 4s infinite linear;
   -moz-animation: rotation 4s infinite linear;
   -o-animation: rotation 4s infinite linear;
   animation: rotation 4s infinite linear
}

@-webkit-keyframes rotation {
   0% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
   }
   100% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
   }
}

@-moz-keyframes rotation {
   0% {
      -moz-transform: rotate(-180deg);
      transform: rotate(-180deg);
   }
   100% {
      -moz-transform: rotate(180deg);
      transform: rotate(180deg);
   }
}

@-o-keyframes rotation {
   0% {
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
   }
   100% {
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
   }
}

@keyframes rotation {
   0% {
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      transform: rotate(-180deg);
   }
   100% {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
   }
}

      .holder-gotomeeting{
position:fixed;
bottom:25px;
left:25px;
}
.gotomeeting{
  padding:10px;
  border:1px solid yellow;
  width:280px;
  font-size:24px;
  border-radius:4px;
  background:lightyellow;
}
.holder-gotomeeting-for-mozilla{
position:fixed;
right:50px;
top:20px;
}
.gotomeeting-for-mozilla{
   padding:10px 10px;
  border:1px solid yellow;
  width:750px;
  font-size:24px;
  border-radius:4px;
  background:lightyellow;
  float:right;
}
.gotomeeting-for-mozilla .step1,.step2{
float:left;
width:325px;
  margin-right:10px;
  padding-left:60px;
  position:relative;
  margin-top: 0;
}
.gotomeeting-for-mozilla>.step1>img.steps-img,.gotomeeting-for-mozilla>.step2>img.steps-img
{
position:absolute;
  top:0px;
  left:0;
}
.gotomeeting-for-mozilla img.arrow-img{
margin: 25px -25px;
}
.gotomeeting p{
padding-left:60px;
  position:relative;
}
.gotomeeting img{
position:absolute;
  top:0px;
  left:0;
}
.gridstyle
{
    padding: 10px 5px;
    background-color: #F5F5F5;
}
.btnStyle
{
    padding-left: 5px;
    padding-right: 5px;
}
        
.form-signin15
{
    background-color: #B0B0B0;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    padding: 5px;
}
 .space2
{
    margin-top: 20px;
} 
.modal-dialog2 
{
    width: 200px; 
    margin-top: 18%;
}

 .toggle-btn li label.checkbox input
{
    display: none;
}

 .toggle-btn li label.checkbox input:checked + span
{
    background: url("../images/White-check.png") no-repeat scroll 96% 10% #74848c;
    color: White;   
}

 .toggle-btn li label.checkbox > span
{
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    color: #888888;
    cursor: pointer;
    display: inline-block;
    font-family: "segoe ui" , "helvetica neue" ,arial,helvetica,sans-serif;
    font-size: 1em;
    min-height: 30px;
    min-width: 92px;
    overflow: hidden;
    padding: 4px 10px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
    margin:0px !important;
}

.toggle-btn ol, ul
{
    list-style: outside none none;
}
.UserData {
	padding-top:2px !important;
	padding-bottom: 2px !important; 
}
.gridLoader {
	background-color: #F5F5F5;margin-left:-5px;margin-right:-5px
}
 #grdRightData.Table,#grdLeftData.Table
{
    margin-bottom: 2px ! important;
}
 .InputData
{
    height: 42px !important;
    font-size: 22px !important;
    border: 1px solid #959595;
    color: #333333;
    padding: 3px 5px;
    text-align: center;
    font-weight: bold !important;
    margin: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}
.InputData-2
{   
    height: 30px !important;
    font-size: 14px !important;
    border: 1px solid #959595;
    padding: 3px;
    margin: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
}
.text-right
{
    text-align: right;
}
.NoBorderRadius
{
    border-radius: 0px;
}
div#zohohc-asap-web-launcherbox {
    bottom: 10px;
    right: 10px;
}
.summary-main td {
   font-size: 16px !important;
    color: #67768C !important;
    padding-bottom :15px !important;
}
.helpCss
{
    width:55px;
}

.disableControlOp
{
  opacity:0.5;
}

 ul.multiselect-container
{
    height:400px;
    overflow-y: auto;
}