/*reset CSS*/
html,body {height:100%;}
*{
    margin:0px;
    padding:0px;
}
.clearFix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
:focus {outline: none;}
* html .clearFix             { zoom: 1; } /* IE6 */
*:first-child+html .clearFix { zoom: 1; } /* IE7 */

.clear {
	clear:both;  
}
table, tbody, td, tr 
{
    border: none;    
    margin:0px;
    padding:0px;
}
/*reset CSS ends*/
body
{
    background:#e5e4e3;
    font:12px/14px "Helvetica",Helvetica Neue, Arial, sans-serif;
}
.left
{
    float:left;
}
.right
{
    float:right;
}

.container {
    width: 940px;
    height: auto;
    margin: 0 auto;
    background:#e5e4e3 url('images/bg.jpg') repeat;
    padding:0 40px 0px 40px !important;
}
.borderRadius
{
border :1px solid #d0d0d0;
border-radius:4px;    
}
.boxShadow
{
   /* box-shadow:2px 2px 2px #d3d3d3;*/
}
/*Font styles*/
/*headline_1*/
h1
{
    font-size:18px;
    line-height:24px;
    font-weight:bold;
    color:#003A70;
}
/*title_label*/
h2
{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    color:#003A70;
}
/*title_bold*/
h3
{
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    color:#888888;
}
/*title*/
h4
{
    font-size:14px;
    line-height:18px;
    color:#888888;
    font-weight:normal;
}
/*title*/
h5
{
    font-size:18px;
    line-height:18px;
    color:#003A70;
    font-weight:normal;
}
/*content_txt styles*/


.content_1
{
    color:#666;
}
.content_2
{
    color:#666;
}
.content_3
{
    color:#666;
}
.content_3_blue
{
    color:#003A70;
}
.content_4
{
    color:#666;
    text-decoration:none;
}

.content_4 a 
{
    color:#666;
    text-decoration:none;
}
.content_5
{
    color:#666;
}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.underline{text-decoration:underline;}

/*sort / edit*/
.sort
{
    color:#337ec4;
    text-decoration:underline;
    float:right;
    margin-left:3px;
}
.bg{background:#ccc;}
/*Note*/
.note
{
    color:#b1b1b1;
    font-style:italic;
}

a{text-decoration:none; color:#003A70; }
a:hover{color:#656565;text-decoration:underline;}
a:visited{color:#003A70;text-decoration:none;}
.noUnderline{text-decoration:none;}
.underline{text-decoration:underline;}
.bold{font-weight:bold;}
.fontNormal{font-weight:normal;}
.txtAlignRgt{text-align:right;}
.txtAlignLft{text-align:left;}
.wordwrap{word-wrap:break-word;}
/*Font styles ends*/
/*Style for buttons*/
.wrpPgBtn{
    float: left;
    margin: 15px 0;
    width: 938px;
    text-align: right;
}
[class^='btn']{
    padding:0 5px;
    border: none;
    height: 31px;
    font-size:12px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 5px;
	min-width: 100px;
    -webkit-appearance: none;
}

.btn_1{    
    color: #fff;   
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.45, #0f589c), color-stop(0.53, #0a4378), color-stop(0.89, #0a5293 ));
    background-image: -o-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293  89%);
    background-image: -moz-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293  89%);
    background-image: -webkit-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293  89%);
    background-image: -ms-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293  89%);
    background-image: linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293  89%);
    border-radius: 3px;
    box-shadow: 0 1px 0px #595959;
}


.btn_5 
{
    color: #073461 ;
    background: #ffffff;
    border-radius: 3px;
    border:1px solid #003A70 ;
}

.btn_8 {
    color: #a0a0a0;
    background: #e0e0e0;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.btn_7 
{
    color: #808080 ;
    background: #ffffff;
    border-radius: 3px;
    border:1px solid #9C9C9C ;
}

.btn_6 
{
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003d75), color-stop(1, #0258a8 ));
    background-image: -o-linear-gradient(bottom, #003d75 0%, #0258a8  100%);
    background-image: -moz-linear-gradient(bottom, #003d75 0%, #0258a8  100%);
    background-image: -webkit-linear-gradient(bottom, #003d75 0%, #0258a8  100%);
    background-image: -ms-linear-gradient(bottom, #003d75 0%, #0258a8  100%);
    background-image: linear-gradient(to bottom, #0258a8 0%, #003d75  100%);
    border-radius: 3px;
}
.btn_9 {
    color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #61D0FA), color-stop(1, #1C66F7 ));
    background-image: -o-linear-gradient(bottom, #61D0FA 0%, #1C66F7 100%);
    background-image: -moz-linear-gradient(bottom, #61D0FA 0%, #1C66F7 100%);
    background-image: -webkit-linear-gradient(bottom, #61D0FA 0%, #1C66F7 100%);
    background-image: -ms-linear-gradient(bottom, #61D0FA 0%, #1C66F7 100%);
    background-image: linear-gradient(to bottom, #61D0FA 0%, #1C66F7 100%);
    border-radius: 3px;
    
}
.btn_10 {
    background-color: white;
    background-image: none;
    background-repeat: no-repeat;
    padding-left: 20px !important;
    font-size: 11px;
    border: 2px solid #003d75;
    border-radius: 3px;
    color: #003d75;
    height: 28px;
    line-height: 28px;
}

.btn10-wrap::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 5px;
    height: 11px;
    transform: translateY(-60%) rotate(45deg);
    border-right: 3.5px solid green;
    border-bottom: 3.5px solid green;
}
.activities table.activity .buttonsSection a input.btn_9:hover {
    color: #ffffff !important;
}
.activities table.activity .buttonsSection a input.btn_10:hover {
    color: #003d75 !important;
}
.btn10-wrap {
    position: relative;
    display: inline-block;
}

.btn_2 
{
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.32, #B3B3B3), color-stop(0.55, #808080), color-stop(0.8, #9C9C9C));
    background-image: -o-linear-gradient(bottom, #B3B3B3 32%, #808080 55%, #9C9C9C 80%);
    background-image: -moz-linear-gradient(bottom, #B3B3B3 32%, #808080 55%, #9C9C9C 80%);
    background-image: -webkit-linear-gradient(bottom, #B3B3B3 32%, #808080 55%, #9C9C9C 80%);
    background-image: -ms-linear-gradient(bottom, #B3B3B3 32%, #808080 55%, #9C9C9C 80%);
    background-image: linear-gradient(to bottom, #B3B3B3 32%, #808080 55%, #9C9C9C 80%);
    border-radius: 3px;
    box-shadow: 0 1px 0px #595959;
}

input:hover{text-decoration:none !important}

.btn_3 
{
    color: #323232;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #E3E3E3));
    background-image: -o-linear-gradient(bottom, #F5F5F5 0%, #E3E3E3 100%);
    background-image: -moz-linear-gradient(bottom, #F5F5F5 0%, #E3E3E3 100%);
    background-image: -webkit-linear-gradient(bottom, #F5F5F5 0%, #E3E3E3 100%);
    background-image: -ms-linear-gradient(bottom, #F5F5F5 0%, #E3E3E3 100%);
    background-image: linear-gradient(to bottom, #F5F5F5 0%, #E3E3E3 100%);
    border-radius: 3px;
    /*border-width: 5px;
    border-style: solid;
    -webkit-border-image:   -webkit-gradient(linear, 0 0, 0 100%, from(red), to(green)) 1 100%;
    -webkit-border-image:  -webkit-linear-gradient(red, green) 1 100%;
    -moz-border-image:  -moz-linear-gradient(red, green) 1 100%;    
    -o-border-image: -o-linear-gradient(red, green) 1 100%;
    border-image:  linear-gradient(to bottom, red, green) 1 100%;*/
    border-bottom: 1px solid #a6a6a6;
}
.btn_4 
{
    color: #bfbfbf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #EBEBEB));
    background-image: -o-linear-gradient(bottom, #D1D1D1 0%, #EBEBEB 100%);
    background-image: -moz-linear-gradient(bottom, #D1D1D1 0%, #EBEBEB 100%);
    background-image: -webkit-linear-gradient(bottom, #D1D1D1 0%, #EBEBEB 100%);
    background-image: -ms-linear-gradient(bottom, #D1D1D1 0%, #EBEBEB 100%);
    background-image: linear-gradient(to bottom, #D1D1D1 0%, #EBEBEB 100%);
    border-radius: 3px;
}

label.content_label, .content_label {
    color: #9c9c9c;
}

label[class^="content_label"], [class^="content_label"] {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    font-family: Helvetica, "Open Sans", Arial, sans-serif;
}
/*Style for buttons ends*/

/*Style for radio and check box*/
input[type=radio].css-checkbox, input[type=checkbox].css-checkbox {
	display:none;
}

input[type=radio].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.check-label {
    padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    /*background-position: 0 0;*/
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background:url("../base/images/radioChk.png") no-repeat 0 0;
}
input[type=checkbox].css-checkbox:checked + label.check-label {
	background:url("../base/images/checkChk.png") no-repeat 0 2px;
}
::-webkit-input-placeholder {color: #666;}
::-moz-placeholder { /* Firefox 19+ */
  color: #222;
}
::-ms-input-placeholder {
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
label.css-label {
    background:url("../base/images/radio.png") no-repeat 0 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
label.check-label {
    background:url("../base/images/check.png") no-repeat 0 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.box300 label {
    word-wrap: break-word;
}
.margin10{margin:10px;}

/*Style for radio and check box ends*/
/*Style for Text Box*/
input[type=text], input[type=password] {
    height: 27px;
    font-size: 12px;
    border: 2px solid #d0d0d0;
    background:#f1f5fb;
    color: #888888;
    border-radius: 2px;
    outline: none;
    padding:0 5px;
   
}
input[type=text]:disabled, input[type=password]:disabled , input[type=tel]:disabled 
{
    border: 2px solid #f7f7f7;
    background: #fafbfd;
    outline: none;
}
/*Style for Text Box ends*/
/*Style for elements*/
.margTopSpace{margin-top:15px;}  
.displayInBlock{display:inline-block;}
.displayBlock{display:block;}
.displayNone{display:none;}
.heightAuto{height:auto;}
.margBottomSpace{margin-bottom:7px;}
/*Style for elements ends*/

/*Style for Calendar Text Box*/
.datePickerCustom{
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 3px;
    width: 151px;
	position:relative;
	background: #f4f4f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f6 0%, #e5e6e7 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f6), color-stop(99%,#e5e6e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* IE10+ */
	background: linear-gradient(to bottom, #f4f4f6 0%,#e5e6e7 99%); /* W3C */
	1:38 PM 8/11/2014: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#e5e6e7',GradientType=0 ); /* IE6-9 */
}
.datePickerCustom img{
	margin:0 0 0 34px;
	vertical-align:middle;
} 
.datePickerCustom span{
	border-left: 1px solid #e0e0e0;
    height: 35px;
    position: absolute;
    right: 25px;
    top: 0;
    width: 1px;
} 
input[type=text][id^='datepicker'] {
    height: 29px;
    font-size: 12px;
    border: 1px solid transparent;
    background:transparent;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:92px;
}
input[type=text][id^='datepicker']:focus {
    height: 27px;
    font-size: 12px;
    border: 1px solid #B0B0B0;
    background:#e5e6e7;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:90px;
}
input[type=text][id^='datepicker']:disabled 
{
    border: 2px solid #f7f7f7;
    background: #fafbfd;
    outline: none;
}
input[type=number][id^='datepicker'] {
    height: 29px;
    font-size: 12px;
    border: 1px solid transparent;
    background:transparent;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:73px;
}
input[type=number][id^='datepicker']:focus {
    height: 27px;
    font-size: 12px;
    border: 1px solid #B0B0B0;
    background:#e5e6e7;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:73px;
}
input[type=number][id^='datepicker']:disabled 
{
    border: 2px solid #f7f7f7;
    background: #fafbfd;
    outline: none;
}
.ui-datepicker .ui-datepicker-prev span{ background:url("../base/images/cal-left-arrow.png") no-repeat 0 2px !important;}
.ui-datepicker .ui-datepicker-next span{ background:url("../base/images/cal-right-arrow.png") no-repeat 0 2px !important;}

/* Style for Calendar ends*/
/*Style for TextArea*/
textarea {
    font-size: 12px;
    border: 2px solid #d0d0d0;
    background:#f1f5fb;
    color: #888888;
    border-radius: 2px;
    padding:0 5px;
	resize:none;
	outline: none;
	
}
textarea:disabled {
    border: 2px solid #f7f7f7;
    background: #fafbfd;
    outline: none;
}
.ui-datepicker{-webkit-box-shadow: none !important;box-shadow:none !important;}
.ui-datepicker .ui-datepicker-header{background:#003A70 !important;}
/*Style for TextArea Ends*/
/*Dropdown Styles*/
    .select {
    width: 200px;
    height: 29px;
    overflow: hidden;
    border: 2px solid #d0d0d0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F7F7F7),color-stop(1, #E2E2E2));
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #E2E2E2 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #E2E2E2 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #E2E2E2 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #E2E2E2 100%);
    background-image: linear-gradient(to bottom, #F7F7F7 0%, #E2E2E2 100%);
   }
   .select div
   {
       width:100%;
       height:29px;
       border-left:1px solid #d0d0d0; 
       /*background:url('images/dropDownArrow.png') no-repeat right 0px;*/
       float:right;
    }
    .select select {
   background: transparent;
   color: #999;
   width: 100%;
   height: 100%;
   padding: 1px;
   color: #666;
   font:12px/14px "Helvetica", Helvetica Neue, Arial, sans-serif;
   line-height: 1;
   border: 0;
   border-radius: 0;
    
   }
   .select select option 
   {
     line-height:50px;
     background: #fff;  
    }
 
   /* To get rid of defulat dropdown arrow in IE 
    select::-ms-expand {
    display:none;
    }*/
    
     /* To get rid of defulat dropdown arrow in FF */
    @-moz-document url-prefix(){
    .select select { width: 100%; top:-10px !important; }
    .ui-dialog > .ui-dialog-titlebar {width:96.7% !important;}
    }

/*Dropdown Styles Ends*/
/*Box styles*/
 
.box700 
{
    width: 712px;
    float: left;   
    margin: 0px 0 20px 0;
    background: #FFFFFF;
 }
 .box940 
{
    width: 938px;
    float: left;   
    margin: 20px 0 0 0;
    background: #FFFFFF;
 }
 .boxSmall{
    width: 218px;
    margin: 20px 0 0 0;
    background: #FFFFFF;
	float:left;
	position:relative;
}
 
[class^=box] .boxHeader{
  background: #003A70;
  color: #ffffff; 
  height:33px;
  border-radius:4px 4px 0 0; 
  padding:0px 4px;
 line-height: 33px;
}
[class^=box] .boxContent{
  color:#888888;
  padding:10px;
}
[class^=box] .boxContentPayment{
  color:#888888;
  padding:0px 10px;
}

.borderradiuszero{border-radius: 0 !important;}

[class^=box] .boxHeader .boxTitleBold 
{
    font-size:14px;
    font-weight: bold;
    float: left;
    margin: 0 2px 0 5px;
}
[class^=box] .boxHeader .boxTitle 
{
    font-size:14px;
    float: left;
    margin: 0 0 0 0;
    font-weight: normal;
}
[class^=box] .boxHeader .boxCTA 
{
    font-size:12px;
    float: right;
    padding: 6px 0 0 0;
}
[class^=box] .boxHeader .boxCTA a 
{
    float:left;
    border:1px solid #ffffff;
    border-radius: 4px;
    padding: 0px 10px;
    line-height: 19px; 
    margin:0 0 0 10px; 
    text-decoration: none;
    color: #fff;
 }
 [class^=box] .boxHeader .boxCTA a.plus
 {
    padding: 0 10px 0 26px;
    background: url('images/plus.png') no-repeat 10px 4px;   
 }
 [class^=box] .boxHeader.acc-expand .boxCTA a.accIndicator
 {
    width:25px;
    height: 19px;
    background: url('images/acc-expand.png') no-repeat 4px 6px;
    padding: 0;    
 }
 [class^=box] .boxHeader.acc-collapse .boxCTA a.accIndicator 
 {
    width:25px;
    height: 19px;
    background: url('images/acc-collapse.png') no-repeat 4px 6px;
    padding: 0;    
 }
 [class^=box] .boxHeader .boxCTA a.plus
 {
    padding: 0 10px 0 26px;
    background: url('images/plus.png') no-repeat 10px 4px;   
 }
 [class^=box] .boxHeader .boxCTA a.arrow 
 {
    width:25px;
    height: 19px;
    background: url('images/arrow.png') no-repeat 4px 6px;
    padding: 0;    
 }
/*Box styles ends*/
/*filter style starts*/

#filter {
    width: 196px;
    float: left;
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    padding: 0px 10px 0 10px;
    margin: 0px 18px 0 0;  
}
#filter .border-bottom{border-bottom:1px solid #ccc}
p.clearFilter a:nth-child(2){padding:0 10px 0 0;}

#filter p {
    margin:9px 0; 
       
}
#filter .sublbl
{
 display: inline-block;
margin: 5px 0;
}
.clearFilter {
    text-align: right;
}
hr {
    height: 0px;
    border: 0;
    border-top: 1px solid #cfcfcf; 
    margin-bottom: 10px; 
    width:100%
}
#filter .select 
{
    width: 95px;   
}
#filter .select select 
{
    padding-left:12px;
}
#filter span 
{
    float: left;
    /*margin: 9px 8px 0 10px;    */
} 

#filter .content_3{color:#666666;}
#filter input[type="button"] 
{
    margin-top: 10px;
    padding: 0 25px;    
}

.ui-iggrid-headertext{font-weight:bold !important; color:#003A70 !important;}

#filter select{font-weight:bold;}
.scrollContent{
	float:right;
	position: relative;
    z-index: 0;
	width:700px;
}
#filter div.left 
{
    float: left;
    /*margin: 9px 8px 0 10px;*/    
} 
.updateBtn{margin-top:10px; display:inline-block; text-align:center; width:100%;}

.activities #filter{margin-top:33px !important;}
/*Filter Style ends*/
 /* Activities Calender styles */ 
.activities #datepicker {
    font-size: 11px;
    border-bottom: 1px solid #e0e0e0;
}
.activities .ui-datepicker.ui-datepicker-multi {
    width: 920px !important;/* 920 */
	position:relative;
	background: none repeat scroll 0 0 #fff;
}
.activities .prev-nextbtn {
    float: right;
    width: 30%;
}
.activities .ui-datepicker .ui-datepicker-title
{
    font-size: 11px;
    font-weight:bold;
    color: #003A70 ! important;
}
/*.ui-datepicker .ui-datepicker-title{color: #27445f !important;}*/

.activities .ui-datepicker-multi .ui-datepicker-group table 
{
    margin-bottom: 0;    
}
.activities .ui-datepicker th {
    font-size: 9px;
    padding: 0;
}
.activities .ui-widget-content {
    border: none;
    color: #003A70;
}
.activities [class*="ui-datepicker-multi-"] .ui-datepicker-group {
    width: 285px;/*30.3%*/
    padding: 0 10px 0 0;
    border-right: 1px solid #e0e0e0;
    height: 149px;
    margin: 0 0 10px 10px;
}
.activities [class*="ui-datepicker-multi-"] .ui-datepicker-group .ui-datepicker-title{color:#003A70 !important;}
.activities .ui-state-default {
    background: none !important;
    /*border: none !important;*/
    text-align: center !important;
    color: #8a8a8a !important;
    font-weight: normal !important;
}
.activities .ui-state-highlight, .activities .ui-state-highlight.ui-state-hover {
    border-radius: 100%;
    border: 1px solid #962100 !important;
    text-align: center !important;
}
.activities .ui-state-activity, .activities .ui-state-activity.ui-state-hover {
    border-radius: 100%;
    background: #003A70 !important;
    color: #ffffff !important;
    text-align: center !important;
    cursor:pointer;
}
.activities .ui-state-activityselected, .activities .ui-state-activityselected.ui-state-hover {
    border-radius: 100%;
    background: rgb(124, 126, 128) !important;
    color: #ffffff !important;
    text-align: center !important;
}
.activities .ui-state-Dateselected, .activities .ui-state-Dateselected.ui-state-hover {
    border-radius: 56%;
    border: 1px solid #ccc !important; 
    text-align: center !important;
}
.activities .ui-state-todayActivity, .activities .ui-state-todayActivity.ui-state-hover {
    border-radius: 100%;
    background: #003A70 !important;
    color: #ffffff !important;
    text-align: center !important;
    border: none !important;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #962100;
}
.activities .ui-widget-header {
    background: none !important;
    border: none !important;
    color: #337ec4;
    padding: 0 !important;
}
.activities .ui-state-hover {
    background: none !important;
    border: none !important;
}
.activities .ui-datepicker td span, .activities .ui-datepicker td a 
{
    font-size: 11px;
    padding: 2px 3px 2px 3px !important;
    width: 14px;
    margin: 0 auto;
    cursor:default;
} 
.activities .ui-datepicker-group.ui-datepicker-group-last 
{
    border-right: none;
}
.activities .legend {
    font-size: 10px;
    margin:5px;
    position: absolute;
    bottom: 0;
    right: 6px;  
}
.activities .legend span {
  float: left;    
 }
.activities .legendActivity
{   
    width: 7px;
    height:7px;
    border-radius: 56%;
    background: #003A70 !important;  
    margin: 4px 4px 0 15px; 
}
.activities .legendToday
{
    width: 5px;
    height:5px;
    border-radius: 56%;
    border: 1px solid #962100 !important; 
    margin: 4px 4px 0 15px; 
}
.activities .legendTodayAct
{
    width: 4px;
    height:4px;
    border-radius: 56%;
    background: #003A70 !important;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #962100;
    margin: 5px 4px 0 15px; 
}

/* Activities Calender styles ends*/
/* activities page*/
 .activities .box940 {
     margin: 0; 
   /* position: fixed;
    z-index: 1;*/
    margin-top:0px;
 }
 .activities #prev 
 {
    background: url('images/cal-left-arrow.png') no-repeat 7px 2px;
    padding-left: 25px;  
 }
  .activities #next 
 {
    background: url('images/cal-right-arrow.png') no-repeat 95px 2px;
    padding-right: 25px;  
 }
 /*.activities .activityWrap 
 {
    width: 700px;
    float: left;
    height: 300px;
    overflow: scroll;      
 }*/
  .activities .scrollContent 
  {
    /*top: 231px;*/
    margin-top:20px;
  }
 /*.activities .activityWrap .box700
 {
     width: 683px;
 }*/
 .activities table.activity 
 {
    float: right;
    padding-bottom:10px;  
    margin-top:10px;
 }
 .activities table.activity tr td:first-child
 {
    padding: 0 10px;   
  }
 .activities table.activity label
 {
     display: block;
     margin: 0 10px 10px 0;     
 }
 .activities table.activity [class^="btn"] 
 {
     width: 130px;
     height: 30px;
     margin:0 0 5px 0;
 }
  .activities table.activity [value="Decline"] 
  {
      margin:0 10px 10px 0;
  }
 .activities table.activity .locationSection
 {
    padding: 25px 0 0 35px; 
       
 }
 .activities table.activity .buttonsSection
 {
    text-align: center;  
    border-left: 1px solid #e0e0e0;   
 }
 .activities table.activity .buttonsSection a{text-decoration:none;}
 .activities table.activity .buttonsSection input:hover{color:#FFF !important;}
 .activities table.activity .buttonsSection input[name="AddtoCalendar"]:hover{color:#003A70 !important;}
 .activities table.activity .buttonsSection a input:hover{color:#003A70 !important;}
  .activities table.activity .buttonsSection a input[class="btn_6"]:hover{color:#fff !important;}
 .activities table.activity .buttonsSection a:hover{text-decoration:none;color:#fff !important;}
  .activities table.activity .buttonsSection a:active{text-decoration:none;color:#fff;}
  .activities table.activity .buttonsSection a:visited{text-decoration:none;color:#fff;}
 
.activities table.activity .buttonsSection .accept, .activities table.activity .buttonsSection .cancel
{
    float: left;
    width: 50px;        
	min-width: 50px;
}
.activities table.activity .buttonsSection .accept, .dashBoard table.activity .buttonsSection .accept
{
    margin: 0 5px 0 10px;
}
.activities table.activity .content_3 {
font-weight: bold;    
}
.activities table.activity .divider hr {
    height: 0;
    border:0;
    border-bottom: 1px solid #e0e0e0;
    margin:10px 0 0 0;
}
#activity .activityCal
{
    overflow: hidden;
}
#activity .boxContent
{
    height: 190px; position: relative;
}

#compOverlay
{
       width:99%;
       /*height:450px;*/
       margin:0px auto;
}
 
.sort
{
    color:#337ec4;
    text-decoration:underline;
    float:right;
    margin-left:3px;
}

/* activities page End*/

/*Contracts page style starts*/
.scrollContent .box700 
{
    float: right;    
}
/*Contracts page style ends*/

/*request revision page style starts*/
.requestRevision h3
{
    margin-top: 20px; margin-left: -30px;  
}
/*request revision page style ends*/

/*submitExpenses page styles*/
.submitExpenses{
    
}
.submitExpenses .activityDetails
{
	border-bottom: 1px solid #DCDBDB;
    float: left;
    margin: 15px 0 0 14px;
    width: 904px;
}
.submitExpenses .activityDetails .quaterCol 
{
    width:20%;
    float:left;
}
.submitExpenses .activityDetails h2
{
    margin:0 0 2px 0;
}
.submitExpenses .activityDetails h4
{
    margin:0 0 11px 0;
}
.submitExpenses input[type="text"]{
	width:90px;
}
.submitExpenses input[type="tel"]{
	width:90px;
	
}
.submitExpenses #SliderWrapper #colWarpper .wrpCtrl .rows{
	height:35px;
	line-height:23px;
}
.submitExpenses #SliderWrapper #colWarpper .wrpCtrl .plus {
   background: url("../base/images/sliderPlus.png") no-repeat scroll 6px 9px rgba(0, 0, 0, 0);
	padding: 0 6px 0 20px;
	margin: 7px 0 0 0;
	min-width: 80px;
}
.submitExpenses #SliderWrapper #colWarpper .receiptReq {
    background: url("../base/images/receipt.jpg") no-repeat scroll 0 0;
    width: 20px;
    height: 21px;
    margin: 6px 55px 0 0;
    float: right;
}
.submitExpenses #SliderWrapper #colWarpper .wrpCtrl [class^="expDateCol"]{
	margin:15px 0px;
}
.submitExpenses .datePickerCustom{
	width:110px;
}
.submitExpenses .datePickerCustom img{
	margin:0 0 0 8px;
}
.submitExpenses .datePickerCustom span{
	height:32px;
}
.submitExpenses input[type="text"][id^="datepicker"],.submitExpenses input[type="text"][id^="datepicker"]:focus{
	width:70px;
	height:24px;
}
.submitExpenses .uploadedReceipts{
	margin: 0 5px;
}
.submitExpenses .uploadedReceipts .wrpReceipts{
	background: none repeat scroll 0 0 #EEEEEE;
	float: left;
	height: 25px;
	line-height: 25px;
	margin: 5px 0;
	padding: 0 5px;
	width: auto;
	min-width: 150px;
}
.submitExpenses .uploadedReceipts .wrpReceipts > div{
	float:left;
	width:auto;
	margin:0 5px;
}
.submitExpenses .uploadedReceipts .wrpReceipts a{
	background: url("../base/images/closeReceipt.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
	float: right;
	/*height: 18px;
	width: 18px;*/
	margin:0px 0 0 5px;
	background-position:right;
	padding-right:20px;
}
.submitExpenses [class^=box] .boxContent .note{
	margin:10px 0;
}

.receipt
{
margin: 5px 15px 0 5px;
}

/*Submit Expenses slider styles*/
#SliderWrapper {
	float: left;
    padding: 0 5px;
    width: 900px;
}
#SliderWrapper #colWarpper{
	float:left;
}
#SliderWrapper #colWarpper > div{
	float: left;
    margin:0 0 20px;
    width: 100%;
}
#SliderWrapper #colWarpper > div:first-child{
	margin: 0;
}
#SliderWrapper #colWarpper  .box940 
{
    width: 100%;
    float: left;   
    margin: 20px 0 0 0;
    background: #FFFFFF;
}
#SliderWrapper #colWarpper .box940.grandTotal {
background: #f9f7f8;
}
#SliderWrapper #colWarpper  .box940:last-child{
	margin: 20px 0;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader{
  background: #ffffff;
  border: 1px solid #003A70;
  color: #003A70; 
  height:33px;
  border-radius:4px; 
  padding: 0 10px;
  line-height: 33px;
}
#SliderWrapper #colWarpper [class^=box] .boxContent{
  color:#888888;
  padding:10px;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxTitleBold 
{
    font-size:14px;
    font-weight: bold;
    float: left;
    margin: 0 5px 0 0;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxTitle 
{
    font-size:14px;
    float: left;
    margin: 0 10px 0 0;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA 
{
    font-size:12px;
    float: right;
    padding: 6px 0 0 0;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA h2,
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA h3,
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA h4{
	float:left;
}
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA a 
{
    float:left;
    border:1px solid #ffffff;
    border-radius: 4px;
    padding: 0px 10px;
    line-height: 19px; 
    margin:0 0 0 10px; 
    text-decoration: none;
    color: #fff;
 }
#SliderWrapper #colWarpper [class^=box] .boxHeader .boxCTA a.plus
 {
    padding: 0 10px 0 26px;
    background: url('../base/images/plus.png') no-repeat 10px 4px;   
 }
#SliderWrapper #colWarpper  [class^=box] .boxHeader.acc-expand .boxCTA a.accIndicator
 {
    width:25px;
    height: 19px;
    background: url('../base/images/acc-expand.png') no-repeat 4px 5px #003A70;
    padding: 0;    
 }
 #SliderWrapper #colWarpper [class^=box] .boxHeader.acc-collapse .boxCTA a.accIndicator 
 {
    width:25px;
    height: 19px;
    background:url("../base/images/acc-collapse.png") no-repeat scroll 4px 5px #003A70;
    padding: 0;    
 }
#SliderWrapper #colWarpper .accordiantitle {
    border: 1px solid #003A70;
    padding: 5px 10px;
	border-radius:4px;
	height:20px;
 }
 #SliderWrapper #colWarpper .accordiantitle .total {
    float:right;
	margin: 0 25px 0 0;
 }
 #SliderWrapper #colWarpper .accordiantitle h2,#SliderWrapper #colWarpper .accordiantitle h3,#SliderWrapper #colWarpper .accordiantitle h4{
	float:left;
 }
 #SliderWrapper #colWarpper  .misc .accordianContent  .expenseSubTitle .rows{
	height:140px;
	line-height:120px;
 }
#SliderWrapper #colWarpper .expCol {
	width: 195px;
	float: left;
	margin-right: 60px;
}
[class^=expDateCol] {
	width: 570px;
	float: left;
	overflow: hidden;
	margin: 15px 0 15px 0px;
}
#SliderWrapper #colWarpper .wrpCtrl [class^='expDateCol'] {
	width: 500px;
}
#SliderWrapper #colWarpper .expTotalCol {
	width: 100px;
	float: left;
}
#SliderWrapper #colWarpper .expCol .expenseSubTitle 
{
    width: 194px;
    float: left; 
	border-right:1px solid #dcdbdb;
	margin: 10px 0;
}
#SliderWrapper #colWarpper .expCol .expenseSubTitle .rows{
	padding: 5px 0 5px 15px;
}
#SliderWrapper #colWarpper [class^= col] 
{
    width: 190px;
    float: left; 
}
#SliderWrapper #colWarpper .wrpCol
{
    float: left;
    position: relative;
    left: 0;
}
#SliderWrapper #colWarpper .rows 
{
    height: 30px;
    border-top: 1px solid #fff;
    padding: 5px 0; 
    line-height: 30px;
}
.rows input[type="text"],.rows input[type="tel"]{text-align:right;} 

input::-ms-clear { display: none; } 

#SliderWrapper .btn_5{
    float: right;
	margin: 5px 0 0 20px;
  }
#SliderWrapper #colWarpper .wrpLeftArrow 
  {
      margin: 15px 0 15px 0px;
      float: left;
	  width: 260px;
}
#SliderWrapper #colWarpper .wrpRightArrow {
	width: 140px;
	margin: 15px 0 15px 0px;
	float: left;
}
#SliderWrapper #colWarpper .wrpLeftArrow span {
padding: 0 5px;
background: url('images/left-arrow.png') no-repeat 0px 7px;
}
#SliderWrapper #colWarpper .wrpRightArrow span {
padding: 0 5px;
background: url('images/right-arrow.png') no-repeat 2px 7px;
}
#SliderWrapper [class$=arrow] {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(99%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%,#eeeeee 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%,#eeeeee 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%,#eeeeee 99%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	border: 1px solid #DCDBDB;
	color: white;
	padding: 8px 5px;
	border-radius: 4px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	margin:5px 20px 0 0;
	height:20px;
	width:10px;
}  
#SliderWrapper .rightarrow {
    float: left;
	margin: 5px 0 0 20px;
 }
/*Submit Expenses slider styles ends*/
/*submitExpenses page styles ends*/
/*Payments page*/

.payment .scrollContent 
{
    top: 0;
}

/*Style for Calendar Text Box*/
.datePickerCustom{
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 3px;
    width: 151px;
	position:relative;
	background: #f4f4f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f4f4f6 0%, #e5e6e7 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f6), color-stop(99%,#e5e6e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f4f6 0%,#e5e6e7 99%); /* IE10+ */
	background: linear-gradient(to bottom, #f4f4f6 0%,#e5e6e7 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f6', endColorstr='#e5e6e7',GradientType=0 ); /* IE6-9 */
}
.datePickerCustom span{
	border-left: 1px solid #ccc;
    height: 35px;
    position: absolute;
    right: 25px;
    top: 0;
    width: 1px;
} 
input[type=text][id^='datepicker'] {
    height: 29px;
    font-size: 12px;
    border: 1px solid transparent;
    background:transparent;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:88px;
	font-family: helvetica;
}
input[type=text][id^='datepicker']:focus {
    height: 27px;
    font-size: 12px;
    border: 1px solid #B0B0B0;
    background:#e5e6e7;
    color: #888888;
    border-radius: 4px;
    outline: none;
    padding:0 5px;
	width:88px;
}
input[type=text][id^='datepicker']:disabled 
{
    border: 2px solid #f7f7f7;
    background: #fafbfd;
    outline: none;
}
.payment .datePickerCustom{
	width:110px;
}
.payment .datePickerCustom img{
	margin:0 0 0 8px;
}
.payment .datePickerCustom span{
	height:32px;
}
.payment input[type="text"][id^="datepicker"]{
	width:70px;
	height:24px;
}
.payment input[type="text"][id^="datepicker"]:focus{
	/*width:68px;
	height:22px;*/
}
.payment .uploadedReceipts{
	margin: 0 5px;
}
.fixedWrapper 
{
   float: left;
    width:220px;
       position:relative;
       padding-bottom:10px;

} 
.paymentsImg
{
    padding-bottom:10px;
    position: relative;
    right: 10px;
}
.grid th[title="sorted ascending"] .ui-iggrid-headertext
{
    width:-webkit-calc(100% - 4px)!important;
    width:-moz-calc(100% - 4px)!important;
    width:calc(100% - 4px)!important;
    display:block;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:normal !important;
    float:left;
    line-height: 1.5;
    position: relative;
    top: 9px;
   }
.grid th[title="sorted descending"] .ui-iggrid-headertext{width:-webkit-calc(100% - 4px)!important;width:-moz-calc(100% - 4px)!important;width:calc(100% - 4px)!important;display:block;text-overflow:ellipsis;overflow:hidden;white-space:normal !important;float:left;line-height: 1.5;position: relative;
top: 9px;}




.slidingDiv .grid th[title="sorted ascending"] .ui-iggrid-headertext, .slidingDiv .grid th[title="sorted descending"] .ui-iggrid-headertext
{
    width:auto !important;
    display:block;
    text-overflow:inherit ! important;
    overflow:hidden;
    white-space:inherit !important;
      float:left;
    line-height: 1.6 !important;
    position: relative;
    top: 0px;
   }
.slidingDiv .ui-iggrid-colheaderasc .ui-iggrid-headertext, .slidingDiv .ui-iggrid-colheaderdesc .ui-iggrid-headertext, .slidingDiv .ui-iggrid-headercell-featureenabled .ui-iggrid-headertext{    width: auto !important; line-height: 1.6 !important;}
.slidingDiv .ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderasc .ui-iggrid-headertext, .slidingDiv .ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderdesc .ui-iggrid-headertext {
    width: auto !important;   line-height: 1.6 !important;
}
.slidingDiv .ui-iggrid-indicatorcontainer > .ui-icon {

    bottom: 0 ! important; left:0 ! important;
}
.slidingDiv .ui-iggrid .ui-iggrid-paging, .slidingDiv .ui-iggrid th .ui-iggrid-indicatorcontainer, .slidingDiv .ui-iggrid th .ui-iggrid-indicatorcontainer .ui-icon{float:left}

.grid .ui-state-hover{border-left:none; border-bottom:none; border-top:none;}

.grid th[title="click to sort column"] .ui-iggrid-headertext{width:-webkit-calc(100% - 4px)!important;width:-moz-calc(100% - 4px)!important;width:calc(100% - 4px)!important;display:block;text-overflow:ellipsis;overflow:hidden;white-space:normal !important;float:left;line-height: 1.6;margin:8px 0;}
.ui-iggrid tr a{color: #003A70 !important;text-decoration:none !important;cursor:pointer;}

.ui-iggrid tr a:hover{text-decoration:underline !important;}
.filter-bordertop{border-top: 1px solid #ccc;padding: 10px 0 0 0;}





/*payment page ends*/

/*filter style ends*/

/* Login pages styles here*/
.loginContainer
{
   /* position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;*/  
    width:100%;margin:0px auto;height:100%;

}

@media screen  and (orientation: landscape) {
    .loginImg {
        background: url('images/NewLoginScreen.png');
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-size: 100% 100% ;
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: auto;
    }
}

@media screen and (orientation:portrait) {
    .loginImg {
        background: url('images/NewLogin.jpeg');
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 100%;
        aspect-ratio: auto;
    }

}


.bgImage{height:100%;}
@-moz-document url-prefix() { 
  .loginImg {
     height:647px;
  }
}

.login-bg{background: #e5e4e3 url('images/bg.jpg') repeat;height:100%;}
    .login {
        background-color: white;
        border-radius: 10px;
        margin: auto;
    }
    .login .select {
        width: 310px;
    }
    .login_logo {
        padding-top: 30px;
    }
    .login #loginBtn {
        width: 313px;
    }
 .marginlft{ margin-left: 40px;}

    .login .loginForms{
        margin-top: 40px;
    }
    .login .loginContent {
        margin: 0px auto;
        text-align: center;
        width: 380px;
    }
    .login .loginContent .loginHeader {
        margin-top: 15px;
        padding-bottom: 30px;
    }
    .maintenanceBox {
        width: 270px;
        left: 55px;
        position: relative;
    }
    .login .txtbox_large {
        width: 300px;
    }

    .disclaimerNote {
        width: 87%;
        text-align: center;
        margin-top: 15px;
        color: white;
    }
.login .txtbox_Medium{width:133px;}
/*.login .login_note{width:380px;}*/
.login_note p{font-size:11px; text-align:center; margin:0 auto; color:#666; font-weight:bold}
    .hypLinksWrapper {
        width: 100%;
        text-align: center;
        margin: 0 0 0 0;
        float: left;
        padding: 20px 0 30px 0px;
    }
/*.login .loginAlignmentFix{padding-right:41px;}*/
.login .loginMargRgt{margin-right:10px;}
    .disclaimer {
        background: #335C8B;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width:100%;
    }
#SecurityQuestions{padding:0px;}
#SecurityQuestions p{text-align:left;padding:0 0 6px 49px;}
/* Login pages styles ends here */

/* Modal popup Styles here - selvi*/
.overlay_content 
{
     display: none;
	/*  background-color: white;
	  border: 3px solid gray;
   
  /*  position: absolute;
    top: 10%;
    left: 20%;
   /* width: 50%;
    height: 50%;*/
   /* padding: 16px;*/
   /* border: 3px solid gray;
    background-color: white;
    z-index:1002;
   /*   overflow: auto; */
}

.overlayForms .overFlow{overflow:auto; height:482px;}

.bdybg{background: #fff !important;}
.overlay_header{width:100%; height:26px; background-color:#003A70; color:#fff;}
.overlay_title{padding:3px 0 0 10px; font-weight:bold; line-height:18px;}
.overlayContainer{overflow: auto; -webkit-overflow-scrolling: touch; width:98%; height:auto; margin:11px 0px;}
.closeImg{cursor:pointer;}
.overlayForms{background:#fff;}
.overlayForms p{line-height:20px; margin:10px;color:#888;}
    .overlayFormsc p {
        line-height: 15px;
        margin:5px;
        color: #888;
    }
.overlayForms ul{margin-left:30px;color:#888;}
.overlayForms ul li{padding:5px;  list-style-type:disc;}
.overlayForms .overlayBtns{margin:10px auto 0; width:100%; text-align:center;}
.overlayForms .overlayTxtBG{background-color:#ecf0f5; width:921px; margin:0px auto;}
.overlayForms .overlayTxtBG p{padding:3px;}
.overlayForms .overlayTxtBG p:first-child{padding-top:10px;}
.overlayForms .overlayTxtBG p:last-child{padding-bottom:30px;}
.overlayForms .overlayTxtBG span{padding-left:5px; display:table-cell;}
/*.overlayForms .overlayTxtBG input[type=checkbox].css-checkbox{padding-left: 25px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;}*/
.overlayForms a.overlayPrintTxt{color:#fff !important; float:left; padding-right:10px; text-decoration:none;}
.overlayForms .contractContent{width:98%; height:150px; margin:0px auto; text-align:center; padding-top:150px;}
.boxOverlay .overlay_content{border:none;}
.boxOverlay .boxHeader{padding:0; height:26px;}
.overlayForms .contactusOverlay p{text-align:center; line-height:10px;}
.overlayForms .contactusOverlay p:first-child{padding-top:8px;}
.phoneNos{border-top:1px solid #d0d0d0; width:80%; margin-left:30px;}
.phoneNos p{text-align:left !important;}   
.overlayForms .complianceForm{width:96%; margin:12px;}
#formerLillyEmp{margin: 0 0 0 22px;}

/* Modal popup styles ends here*/

/* Box Styles here */
[class^="box"] .boxHeader .boxTitleCenter{float:none; margin:0px auto; padding:0; text-align:center;}
[class^=box] .boxContentCenter{margin:0px auto; padding:0px; text-align:center; float:none;}
.boxTitleDivider{border-left:1px solid #fff; width:1px; height:14px; margin:10px 0 0 2px; float:left; text-align:right;}
.boxTitleMargLft{margin-left:3px !important;}
/* Box Styles ends here*/

/* Submit invoices styles starts here */

#subInvOverlay{width:890px; margin:0px auto;overflow:auto;}
#subInvOverlay .box700{width:835px;}
.submitInvoices h4{font-weight:bold;}
#subInvOverlay h4.fontNormal{font-weight:normal;}
.submitInvoices .subInvSection{ float:left;}
.submitInvoices .subInvboxContWrapper{float:left; width:260px; border-right:1px solid #d0d0d0; margin-bottom:10px;}
.submitInvoices .subInvboxContWrapper h4{font-size:12px; line-height:25px;}
.submitInvoices .subInvBtnWrapper{width:100px; float:left; text-align:center; margin:10px 0px 0px 10px;}
.subInvContMArgLft{margin-left:10px;}
.submitInvoices .dollarAlignment{margin-right:15%;}
.submitInvoices .dolloarTopDivider{border-top:1px solid #d0d0d0; width:70px; height:1px; margin-right:11% !important;}
.submitInvoices .dolloarTopDivider label{ margin-right:13% !important;}
.submitInvoices .marginTop20{margin-top:20%;}
.submitInvoices .txtBox_MargLft{margin-left:1%;}
.submitInvoices .subInvBtnWrapper .btn_5{min-width:111px !important;}
.submitInvoices .subInvBtnWrapper .btn_1{min-width:111px !important;}
.submitInvoices table.boxHeader{width:100%;}
table#subInvOverlayGrid tr th:first-child{text-align:center;}
.submitInvoices td.select{width:190px;}
#ddlFeeforService { padding-right:12px !important;}
.subInvboxContWrapper > div.clearFix,.dollarAlignment{margin-left:10px;}
 #GB_window .header
{
    background: none repeat scroll 0 0 #003A70 !important;
    border-radius: 4px 4px 0 0;
    color: #ffffff;
    height: 30px;
    line-height: 16px;
    padding: 0 0 0 10px;
} 


.caption
{
     float: left;
    font-size: 14px !important;
    font-weight: normal;
     margin: 6px 10px 0 0;
}
.GB_Window .content{border:none !important;}

/* Hide History Button fix for FF */
@-moz-document url-prefix() 
{
    .subInvBtnWrapper .btn_5{min-width:99px !important;}
}

.submitInvoices .slidingDiv{ width:100%; height:auto; border-top:1px solid #d0d0d0;}
.submitInvoices .overlaySubTitle{margin:10px 0px;}
.submitInvoices .overlayBtns{margin:10px auto; width:100%; text-align:center;}

.submitInvoices .content_3_blue
{
    color:#003A70;
}

.submitInvoices label{font-size:12px; line-height:25px;margin:0 0 0 0px;}
.submitInvoices textarea 
{
    font-family:"Helvetica",Helvetica Neue, Arial, sans-serif;
    font-size: 12px;
     border: 2px solid #d0d0d0;
    background:#f1f5fb;
    color: #888888;
    border-radius: 2px;
    padding:5px;
}

.submitInvoices .txtarea_overlay{width:790px; margin:5px 0px;}
.submitInvoices .datePickerCustom input[type="text"]{height:21px !important;}
.submitInvoices .datePickerCustom span{height:30px !important;}

.lengthy-title{word-wrap: break-word;width:380px;}
.short-title{word-wrap: break-word;width:130px;}
/* Submit invoices styles ends here */
/*Styles for profile page*/
@charset "utf-8";
/* CSS Document */

.profile .cntxlbl
{
	display:block;
	padding-top:3px;
	margin-left: 10px;
}
.contactInfoTable td 
{
    vertical-align: top !important;
}


.profile .box300
{
	width:33%;
	padding:0 0 20px 0;
}

.profile .leftrule
{
	border-left:1px solid #CCC;
}
.profile .rightrule
{
	border-right:1px solid #CCC;
}

.screening .box300
{
	width:33%;
	padding:0 0 20px 0;
}

.screening .leftrule
{
	border-left:1px solid #CCC;
}
.screening .rightrule
{
	border-right:1px solid #CCC;
}
.screening .dotrightrule
{
	border-right:1px dotted #CCC !important;
}

.options input{vertical-align:middle;margin:0 4px 0 0;}
.profile .box400
{
	width:49%;
	padding:0 0 20px 0;
	border-left:1px solid #CCC;
}
.profile .box400:first-child {
    border-left: none;
}


 .profile .inline
{
	display:inline;
}

.profile .optbtn
{
    margin-top: 20px;
	margin-left:10px;
	
}
.profile .acctextbox
{
	width:300px;
}


.profile .actualimg
{
	width:80px;
	height:80px;
	/* background-image:url(images/profilePicDefault.jpg); */
	margin: 5px 10px 10px;
	border:1px solid #A0C3E3;
}

.profile .profileimg {
    width:128px;
    height:146px;
    background-image: url(images/img_no_profile_pic.png);
    margin: 0px;
    border: 1px solid #A0C3E3;
    cursor: default;
    background-repeat:no-repeat;
}

.profile .box155
{
	width:150px;
}
.profile .profilehead
{
	margin:5px 6px 10px 0;
	width: 372px;
}


.profile .btndiv
{
    padding-bottom: 10px;
    padding-top: 20px;
}
.profile .profbtn
{
	padding:0px 10px;
}
.profile .profileSummary
{
 color:#888888;
 padding:10px;
}

.profile .hideBox
{
	display:none;
}

.profile #expand
{
	height: 0px;
    margin-top: 10px;
}
.profile .boxContent p{
	padding:0 0 0 10px;
}
.profile #programbox .box300{
	 border-left: none;
	padding:10px 0 20px 10px;
}

.profile #programbox .p{
	 border-left: none;
}
.profile #pwdbox .box300{
	 border-left: none;
	 padding:10px 0 20px 10px;
}

.profile #pwdbox .box300 #pwdinput
{
	margin:10px 0 0 0;
}
.profile #pwdbox .box300
{

}
.profile .box300 #confirminput
{
	margin:0 0 0 10px;
}
.profile  #repassword
{
	margin:0 0 0 10px;
}
.profile .profilehead h2
{
	margin:10px 0 0 0;
}
.profile #bottomhead h2
{
	margin:0;
}
.profile .boxContent #toplbl
{
	margin:10px 0 0 10px;
}
.profile .boxContent img
{
	padding: 0 20px 0 0;
}
.profile .boxContent #rightlbl
{
	padding: 0 20px 0 0;
}
.profile .box940 #ssnbox h2
{
    padding-bottom: 5px;
}
.profile .box940 #ssnbox
{
    padding-bottom: 20px;
    margin: 0 0 0 10px;
}
.profile .box940 #ssnbox input
{
    width: 100px;
    margin: 0 5px 0 0;
}

.profile .margTop30
{
    margin-top:-30px;
}

/*Styles for profile page ends*/
/*Overlay Styles - Ganga Code*/
.overlayForms .box580
{
	width:574px; 
    background: #FFFFFF;
	vertical-align:middle;
	padding:10px;
	margin:0 auto;
	
}
.overlayForms .boxHeader
{
	border-radius:0px;
}
.overlayForms .box580 p
{
	color:#666;
}
.overlayForms .field {
    padding:10px 10px 0 10px;
}
.overlayForms .fieldelements
{
	width:220px;
}
.overlayForms .fieldelements320 {
    width: 320px;
}
.overlayForms .cntxlbl
{
	display:block;
	padding-top:3px;
	margin-left: 10px;
}
.overlayForms .offlbl
{
	border-top: 2px dotted #ccc;
    line-height: 3px;
    margin-top: 10px;
}
.overlayForms .rightContainer
{
border-left: 2px dotted #ccc;
padding-left: 20px;
}
.overlayForms .stateDropdown
{
	width:100px;
	margin:0 0 10px 0;
}
.overlayForms .statetxt
{
	width:110px;
}
.overlayForms .offconlbl
{
	font-weight:800;
}
.overlayForms .box600
{
	width:594px;
	background:#FFFFFF;	
}

.overlayForms .box560
{
	width:560px;
	background:#FFFFFF;	
}

.overlayForms .box265
{
	width:265px;
}
.overlayForms .formbtns
{
	width:100%;
	margin:0 auto;
	text-align:right;
}
img{border:none; cursor:pointer};
.overlayForms .box360
{
width: 350px;
float: left;
background: #FFFFFF;
}
.overlayForms .txtarea
{
	width:500px;height:220px;margin-top:15px;
}
.overlayForms .box550
{
    width: 548px;
    float: left;    
    background: #FFFFFF;
 
}
.form-group {
    display: inline-block;
    /* Optional: adds space between the items */
    gap: 10px;
}
[class^=box] .boxContentCenter{margin:0px auto; padding:0px; text-align:center; float:none;}
/*Overlay Styles - Ganga Code ends*/

/* Screening Information styles here */
.screening .box50
{
	width:49%;
	border-left:1px dotted #CCC;
}
.screening .box50:first-child
{
	border-left:none;
}
.screening .cntxlbl
{
	display:block;
	padding-top:3px;
	margin:0 0 0 10px;
}
.screening .inline
{
	display:inline;
}

.screening .boxContent .rightlbl
{
	padding:0 20px 0 0;
}

.screening .bottomContainer
{
	width:100%;
	padding:15px 10px;
}
.screening .marleft10px{margin-left:10px !important;}
.screening input[type="password"] {
    background: none repeat scroll 0 0 #f1f5fb;
    border: 2px solid #d0d0d0;
    border-radius: 2px;
    color: #888888;
    font-size: 12px;
    height: 27px;
    outline: medium none;
    padding: 0 5px;
}
.screening .secBox
{
	width:66px;
	margin:0 0 0 10px;
}
.screening .secBox:first-child{margin:0px;}
.screening .headSocial
{
	padding:0 0 10px 10px;
	
}
.screening .stateDropdown
{
	/*width:90px;*/
}
.screening .dobDiv
{
	padding: 10px 0 10px 13px;
}
.screening .box750
{
	width: 648px;   
    background: #FFFFFF;
	margin:10px auto;
}
.screening .box800
{
	width: 798px;   
    background: #FFFFFF;
	
}
.screening .box700
{

    width: 598px;
    margin: 0 auto;
    background: #FFFFFF;
 
}
.screening .box800 .boxHeader
{
	margin:0 0 10px 0;
}
.screening .formbtns
{
	width: 420px;
    padding: 15px 0;
}
.screening .boxContent #boxHeadname 
{
	margin:0 0 0 10px;
}
.screening .box300
{
	width:33%;
	padding:0 0 20px 0;
}
.screening .box600
{
	width:66%;
	padding:0 0 20px 0;
}
.screening .box600 .stateDropdown:first-child{margin:0px !important;}
.screening .box600 .stateDropdown
{
	margin:0 0 0 10px;
}
.screening .rightRule
{
	border-right:1px solid #CCC;
}
.screening .options{margin:0px auto; width:100%; text-align:center;}
.screening .contactInfoTable{width:100%; height:100%; border:none; border-collapse:inherit;}
.screening .contactInfoTable tr td{border:none;}
.screening .contactInfoTable tr div{width:300px;}
/* Screening information styles ends here */



/* New popup styles ends here */
.overlayForms .box550
{
    width: 548px;
    float: left;    
    background: #FFFFFF;
 
}
.overlayForms .boxContent h3
{
	margin:10px;
}

.overlayForms .duplicateBox ul
{
	list-style-type:circle;
}
.overlayForms .duplicateBox ul li
{
	margin: 10px 20px;
}
.duplicateBox h3
{
    text-decoration: underline; margin-top: 5px;
}

/*.overlayForms table, .overlayForms tr, .overlayForms td, .overlayForms th
{
	border:2px solid #CCC;
	border-collapse:collapse;
	height:40px;
	text-align:left;
	padding: 0 0 0 10px;;
}
.overlayForms table td:first-child
{
	width:200px;
}*/
.overlayForms .compTable
{
	width:700px;
	border:2px solid #CCC;
	border-collapse:collapse;
	height:40px;
	margin:10px auto;
}
.overlayForms .box700
{
	width:698px;
	background-color:#FFFFFF;
}
.overlayForms .compTable td:first-child
{
	width:50px;
}
.overlayForms .boxComptitle label:first-child
{
	display: inline-block;
	width:150px;
}
.overlayForms .boxComptitle #titleSpan
{
	color:red;
	font-weight:bold;
	padding:0 0 10px 0;
}
/* New popup styles ends here */

/*Grid CSS starts*/

[class$="grid"]{
	font:12px/14px "Helvetica", Helvetica Neue, Arial, sans-serif;
	color:#666;
}
.ui-iggrid tr.ui-ig-altrecord
{
   background:#FFF ! important;
	
}
[class$="grid"] tr {
	height: 27px;
	
}
#dashboard-action tr{ background:#ecf0f5;}
.ui-widget-header, .ui-widget-header.ui-state-default {
	background: none;
	color:#003A70;
	border: none;
	border-right:1px solid #e0e0e0
}
.ui-iggrid th a, .ui-iggrid th.ui-state-default a, .ui-iggrid th.ui-state-hover a, .ui-iggrid th.ui-state-active a{
	color:#003A70 !important;
}
.ui-widget-header:first-child {
	/*border-left:1px solid #e0e0e0;*/
}
.ui-iggrid th, .ui-iggrid th.ui-state-default{
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0 !important;
}
.ui-iggrid th:last-child, .ui-iggrid th.ui-state-default:last-child, .ui-widget-header:last-child {
	border-right: none;
}
.ui-iggrid th.ui-state-hover {
	background: #ecf0f5 !important;    
}
.ui-iggrid th.ui-state-active {
	background: #ecf0f5 !important;  
}



.ui-iggrid .ui-iggrid-table>tbody>tr>td{
	border-right: 1px solid #e0e0e0;  
	color:#666666 !important;
    	   
}
/*--Changes for #35248-- Jardiance Phase II ---*/
.ui-iggrid .ui-iggrid-hstable>tbody>tr>td{
	border-right: 1px solid #e0e0e0;
}
/* end*/

.ui-iggrid .ui-widget-content a{color: #003A70 !important;}
.ui-iggrid .ui-widget-content a:hover{text-decoration:underline;}
.ui-iggrid .ui-widget-content a span:hover{text-decoration:underline;}

.ui-iggrid .ui-iggrid-table>tbody>tr>td:first-child{
	/*border-left: 1px solid #e0e0e0; */
	border-left: none;
}
.ui-iggrid .ui-iggrid-table>tbody>tr>td:last-child {
	border-right: none;
}
.ui-iggrid table tbody td, .ui-iggrid .ui-iggrid-header, .ui-iggrid table th {
	/*padding: 4px 4px 4px 10px;  */
	padding:0 2px;   
}
.ui-iggrid tbody td, .ui-iggrid tbody th.ui-iggrid-rowselector-class, .ui-iggrid thead .ui-iggrid-editingcell, .ui-iggrid tfoot td {
	border: none;    
}
.ui-iggrid td.ui-state-highlight {
	background: #ecf0f5 !important;
	/*box-shadow: inset 0 -1px 0 #ccc;*/
}
.grid .boxContent{
	padding:0 0 2px 0;   
}
.ui-iggrid tfoot td.ui-widget-content, .ui-iggrid tfoot td.ui-state-default{border:none !important;}


/*Grid CSS Ends*/

/*Dashboard Style starts*/

/*Calender styles */
.dashCalWrapper{
		width:452px;
		/*height:303px;*/ /* removed for 5 week per month*/
		background:#fff;
		margin:0 0 10px 0;
		position: relative;
		border-radius: 4px;
		border:1px solid #ccc;
}
.dashboard .ui-corner-all{
	border-radius: 4px 4px 0 0;
}
.dashboard #datepicker {
    font-size: 11px;

    border-bottom: 1px solid #e0e0e0;
}
.dashboard .ui-datepicker.ui-datepicker-multi {
    width: 920px !important;
}
.dashboard .prev-nextbtn {
    float: right;
    width: 30%;
}
.dashboard .ui-datepicker .ui-datepicker-title
{
    font: 18px "Helvetica", Helvetica Neue, Arial, sans-serif;
	margin: 5px 0 10px;
	font-weight: bold;    
    color:#003A70;
}
.dashboard .ui-datepicker-multi .ui-datepicker-group table 
{
    margin-bottom: 0;    
}
.dashboard .ui-datepicker th {
    font-size: 12px;
    padding: 0;
	height: 30px;
	background: #fff !important;
}
.dashboard .ui-widget-content {
    border: none;
    color: #003A70;
	width:auto;
}
.dashboard .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 30.3%;
    padding: 0 25px 0 0;
    border-right: 1px solid #e0e0e0;
    height: 149px;
    margin: 0 0 10px 0;
}
.dashboard .ui-state-default {
    background: none !important;
    border: none !important;
    text-align: center !important;
    color: #8a8a8a !important;
    font-weight: normal !important;
}
.dashboard .ui-state-highlight, .dashboard .ui-state-highlight.ui-state-hover {
    border-radius: 100%;
    border: 1px solid #962100 !important;
    text-align: center !important;
}
.dashboard .ui-state-activity, .dashboard .ui-state-activity.ui-state-hover {
    border-radius: 100%;
    background: #003A70 !important;
    color: #ffffff !important;
    text-align: center !important;
    cursor:pointer;
}
.dashboard .ui-state-todayActivity, .dashboard .ui-state-todayActivity.ui-state-hover {
    border-radius: 100%;
    background:#003A70 !important;
    color: #ffffff !important;
    text-align: center !important;
    border: none !important;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #962100;
}
.dashboard .ui-widget-header {
    background: none !important;
    border: none !important;
    color: #337ec4;
    padding: 0 !important;
}
/* .dashboard .ui-state-hover {
    background: none !important;
    border: none !important;
} */
.dashboard .ui-widget-header .ui-icon {
    /* background-image: url("../base/images/ui-icons_222222_256x240.png");    */
}
.dashboard .ui-datepicker td span, .dashboard .ui-datepicker td a 
{
	font-size: 17px;
	/*height: 35px;
	line-height: 33px;*/
	height: 27px;
    line-height: 26px;
	margin: 0 auto;
	padding: 0;
	width: 28px;
	cursor:default;
} 
.dashboard .ui-datepicker-group.ui-datepicker-group-last 
{
    border-right: none;
}
.dashboard .legend {
    font-size: 10px;
    padding: 11px 104px;   
}
.dashboard .legend span {
  float: left;
  color:#888;	
 }
.dashboard .legendActivity
{   
    width: 7px;
    height:7px;
    border-radius: 56%;
    background: #003A70 !important; 
    margin: 4px 4px 0 15px; 
}
.dashboard .legendToday
{
    width: 5px;
    height:5px;
    border-radius: 56%;
    border: 1px solid #962100 !important; 
    margin: 4px 4px 0 15px; 
}
.dashboard .legendTodayAct
{
    width: 4px;
    height:4px;
    border-radius: 56%;
    background: #003A70 !important;
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px #962100;
    margin: 5px 4px 0 15px; 
}
.dashboard a[id^='next'],.dashboard a[id^='prev']{
	color: #888;
    text-decoration: none;
	position: absolute;
    top: 12px;
	font-size: 26px;
	z-index: 10;
	color:#60768a;
	font-weight:bold;
	opacity:0.7;
}
.dashboard a#nextMonth {
    margin: 0 20px 0 50px;
	right: 80px;
}
.dashboard a#nextYear {
	right: 60px;
}
.dashboard a#prevMonth {
    margin: 0 50px 0 20px;
	left: 70px;
}
.dashboard a#prevYear {
	left: 50px;
}
#ballonPopup{
	width: 520px;
	height:auto;
	position:absolute;
	display:none;
	z-index: 101;
}
.dashboard #ballonPopup .ballon-arrow{
	position: absolute;
    right: -12px;
    top: 60px;
}

#expBallonPopup{
	width: 360px;
	height:auto;
	position:absolute;
	display:none;
	z-index: 101;
}
.dashboard #expBallonPopup .ballon-arrow{
	position: absolute;
    right: -12px;
    top: 60px;
}
.dashboard table.activity 
 {
    float: right;
    padding-bottom:5px;	
 }
.dashboard table.activity.box700 {
	width: 550px;
	margin: 0;
}
.dashboard table.activity tr td:first-child
 {
    padding: 0 0px 0 10px; 
    width:50%;  
  }
 .dashboard table.activity label
 {
     display: block;
     margin: 0 0 10px 0;     
 }
.dashboard table.activity [class^="btn"] 
 {
     width: 130px;
     height: 30px;
     margin:0 10px 10px 0px;
 }
.dashboard table.activity .locationSection
 {
    padding: 25px 0 0 35px; 
       
 }
.dashboard table.activity .buttonsSection, .dashBoard table.activity .buttonsSection
 {
    text-align: center;  
    border-left: 1px solid #e0e0e0;  
    width:3% !important; 
 }
.dashboard table.activity .buttonsSection .accept, .dashBoard table.activity .buttonsSection .cancel
  {
        float: left;
        width: 50px;        
  }
 .dashboard table.activity .twobuttonsSection .accept 
  {
      margin: 0 5px 0 10px;
  }
 .dashboard table.activity .content_3 {
    font-weight: bold;    
  }
 .dashboard table.activity .divider hr {
      height: 0;
      border:0;
      border-bottom: 1px solid #e0e0e0;
      margin:10px 0 0 0;
  }
  
  .dashboard .ui-datepicker .ui-datepicker-prev {z-index:-1;}
  .dashboard .ui-datepicker .ui-datepicker-next {z-index:-1;}
  
  .dashboard .dashboardMessage{margin:0px 0 0 0;}
  .dashboard .dashboardMessage .newTag {
		background: url("../base/images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		height: 30px;
		margin: 0 5px 0 0;
		width: 30px;
	}
	.dashboard .dashboardMessage h2{
		float: left;
		line-height: 29px;
		color: #337ec4;
		font-weight: normal;
	}
	.dashboard .dashboardMessage .block-close {
		cursor: auto;
		float: right;
		margin: 6px;
	}
	.dashboard .dashboardMessage .content_4{
		float: left;
		 margin: 0px 25px 10px 0;
	}
	.dashboard .dashboardMessage table tr{
		height: 75px;
		/*background-color:#f7f9fa !important;*/
	}
	.dashboard .dashboardMessage table tr td{
	
	}
	.dashboard .dashboardMessage table tr:nth-child(odd){
		background-color:#ffffff;
	}
	table#dashboard-msg{width:100%;}
	
	table#dashboard-msg td
	{
	    padding: 10px 20px 0 18px;
	    border-bottom: 1px solid #ccc;
       
	 }
	 
	table#dashboard-msg td:hover{border-bottom: 1px solid #ccc !important;} 
	
	.dashboard .dashboardMessage table tr.newMsg h2{
		color:#337ec4;
		font-weight:bold;
	}
	.dashboard .dashboardMessage table tr.newMsg .content_4{
		color:#404040;
	}
	.dashboard .dashboardMyAction{
		margin:0;
	}
	
	.dashboard .dashboardMyAction h1{border-bottom:1px solid #ccc;}
	
	.dashboard .dashboardMyAction .ui-state-hover{border:none !important;}
	
	
	.dashboard .dashboardMyAction table td:hover{border:none !important;cursor:pointer;}
	
	.dashboard .dashboardMyAction table tr td, .dashboard .dashboardMyAction table tr td.ui-state-hover {
	  font-size : 14.2px;
      padding: 10px 8px;
		line-height: 26px;
		color:#337EC4;
	}
	.dashboard .dashboardMyAction table tr td a, .dashboard .dashboardMyAction table tr td a:hover,  .dashboard .dashboardMyAction table tr td.ui-state-hover a,  .dashboard .dashboardMyAction table tr td.ui-state-hover a:hover {
		text-decoration: none;
		color:#337EC4;
	}
	.dashboard .dashboardMyAction table tr[data-id='undefined'] td a, .dashboard .dashboardMyAction table tr[data-id='undefined'] td.ui-state-hover{cursor:default !important;}
	.dashboard .dashboardMyAction table tr td span{
		float: right;
		height: 26px;
		margin: 0 0px 0 5px;
		width: 26px;
		background:url('images/dashboard-arrow.png') no-repeat right center !important;
	}
.dashboard .center
{
    text-align: center;
    background: #fff;
    padding: 10px;
    border:1px solid #ccc;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom: none;
}  
  
 .dashboard #dashboard-action td:hover{outline:none !important;border:none !important;}
 
 .dashboard #dashboard-action tr td a{cursor:pointer !important;}
  
 .dashboard #dashboard-action_scroll
 {
     border:1px solid #ccc;
     border-bottom-left-radius:6px;
     border-bottom-right-radius:6px;
     overflow-y: auto !important;
    height: 138px;
    overflow-x: hidden !important;
} 
 .dashboard #dashboard-msg_scroll{background:#fff;}
  /*.dashboard #dashboard-msg{padding: 5px 0 0 0;}*/
  .dashboard #dashboard-msg{border:none !important;}
  .newTag {
    background: url("../images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    margin: 0 5px 0 0;
    width: 30px;
}

.dashboard-nomsg{margin: 68px 0 0 0;text-align:center;}
.dashboard-noaction{margin: 30px 0 0 0;text-align:center;font-size:12px; cursor:default;}

.activityballon{float: right;width: 454px;}
.activityballon a{color:#fff;float:right;cursor:pointer;}

.dashboard table.activity [value="Decline"] {margin:0 -4px 10px 0;}
.msg-border{border-bottom: 1px solid #ccc;margin: 5px 0 0 0;}


#Brands b{margin-right:5px;}
#Brands input:first-child{margin: 0 5px 0 0px !important;vertical-align: middle;}
#Brands input{margin: 0 5px 0 0px;vertical-align: middle;}
.brand-items{color:#888;float: left; width: 470px;}
.brand-label{width:10%; padding-right:10px;}
.brand-item{width:85%}
/*Dashboard styles ends*/

/*Tree Structure*/
.tree, .tree .ui-widget-content .ui-state-active{
		font:12px/14px "Helvetica", Helvetica Neue, Arial, sans-serif;
		color:#888888;
		border:none !important; 
		border-top: 1px solid #e8e8e8 !important;
		border-right:none !important; 
		border-left: none !important;
		border-left: bottom !important;  
		background:none !important;
		margin: 10px 0 0 0;
        padding: 10px 0 0 0;
			}

	 
	.tree .ui-state-hover,.tree .ui-widget-content .ui-state-hover,.tree .ui-widget-header .ui-state-hover{
		background-color: transparent;
		color:#888888;
	}
	.tree.ui-igtree a.ui-state-hover,.tree.ui-igtree a.ui-state-active,.tree.ui-igtree a.ui-state-focus{
		 border:none;
	}
	.tree.ui-igtree a{
		color:#888888 !important;
		padding:0px;
	}
	.tree .ui-state-hover a,.tree .ui-state-hover a:hover{
		color:#888888;
	}
	.tree .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{
		border:none;
		background-color: transparent;
	}
	.tree.ui-igtree a.ui-state-focus{
		border:none;
		background-color: transparent;
	}
	ul[data-depth='0'] li:nth-child(2n){
	    background-color:#ffffff;
	}
	ul[data-depth='0'] li:nth-child(2n+1)
	{
	   background-color: #ecf0f5;	
	}
	.ui-igtree-node-nochildren {
		margin-left: 0;
	}
	.ui-igtree-parentnode {
		padding:0;
	}
	.tree a.ppt {
		background: url("../base/images/ppt.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0) ;
		padding-bottom:2px;
	}

	.tree a.doc, .tree a.docx {
		background: url("../base/images/word.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0);
		padding-bottom:2px;
	}
.tree a.pdf {
    background: url("../base/images/pdf.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0);
    padding-bottom: 2px;
}

.tree a.kal {
    background: url("../base/images/rsz_kaltura.gif") no-repeat scroll 40px 0px rgba(0, 0, 0, 0) !important;
    padding-bottom: 2px;
}

	.tree a.xls, .tree a.xlsx {
		background: url("../base/images/xls.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0);
		padding-bottom:2px;
	}
	.tree a[folder='yes']  {
		background: url("../base/images/folder-small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	}	
	.tree a.pptx {
		background: url("../base/images/ppt.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0) ;
		padding-bottom:2px;
	}	
	.tree a.jpg, .tree a.jpeg, .tree a.gif, .tree a.png, .tree a.txt {
		background: url("../base/images/note.gif") no-repeat scroll 40px 0px rgba(0, 0, 0, 0) ;
		padding-bottom:2px;
	}	
	.ui-iggrid-indicatorcontainer > .ui-icon {
    background-image: url("../base/images/ui-icons_888888_256x240.png") !important;
    position: relative;
    bottom: 11px;
    left: 9px;
}

.ui-icon {
   background-image: none !important;
  
}
/*.ui-state-default .ui-icon, .ui-state-hover .ui-state-default .ui-icon*/

.tree ul li > div
{
    cursor:pointer;
}
.tree ul li a > label:hover
{
    cursor:pointer;
}
/*Tree Structure style ends*/


/*Travel Agreement and privacy Styles*/
.travelagreement{padding:0;}
.travel{margin: 5px;padding: 5px;}
/*.travel h2{margin: 30px 0 6px;}*/
.travel p{padding:0 0 8px;line-height: 20px;}
.travel div{border-top: 1px solid #ccc;width: 100%;position: relative;right: 10px;}
.travel [class^='btn']{height:23px !important;min-width:60px !important;}
.travelagreement .overlay_content{border:none;width:720px;height:auto;}
.travelagreement .overlay_title{font-size:16px;padding: 5px 0 0 10px;}
.travelagreement .overlay_header{height:30px;}
.privacy{width:920px;}
.privacy .boxTitleBold{width:900px;}
.privacy .boxTitleBold a{text-decoration:none;}
.address{margin: 0 0 0 62px;border:none !important;}
.address p{padding:0 0 5px;}
.privacy .boxTitleBold a.privacyBack{color:#fff;}
.privacyStatement .nav .logo
{
    border-right:none;
    height:auto;
}
.privacyStatement .box700
{
    margin-top:0px;
}
/*End of Travel Agreement Styles*/

/*Activity Page Styles*/
.activity{padding:0;}
.activity .content{padding:10px;margin:0;}
.activity .content h3
{
    margin:10px;
    color:#003A70;
    border-bottom: 1px solid #ccc;
    padding: 0 0 6px 0;
}
.activity table.Activity-details td{width:350px;}
.activity table.Activity-details td table.description td{padding:10px;width:135px;}
.activity table.Activity-details td table.meetingdescription td.second{padding:10px;width:180px;}
.activity table.Activity-details td table.meetingdescription td.first{padding:10px;width:100px;}
.activity .overlay_content{border:none;height:80%;overflow:auto;} 
table.budget{width: 100%;margin:0 auto;text-align: center;/*border: 1px dotted #ccc;*/}
.activity .close{text-align:center;padding-bottom:10px;}
 table.budget th{padding:10px;border-bottom: 1px dotted #ccc;border-left: 1px dotted #ccc;}
 table.budget th:first-child{border-left:none;}
 table.budget td{padding:10px;border-bottom: 1px dotted #ccc;border-left: 1px dotted #ccc;}
 table.budget td:first-child{border-left:none;}

/*End of Activity Page Styles*/


/*Menu Styles */

.nav
{
    width: 940px;
}

.nav .menuBlueBg {
background: -moz-linear-gradient(top, #025098 0%, #044581 50%, #003a70 51%, #003e76 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #025098), color-stop(50%, #044581), color-stop(51%, #003a70), color-stop(100%, #003e76));
    background: -webkit-linear-gradient(top, #025098 0%, #044581 50%, #003a70 51%, #003e76 100%);
    background: -o-linear-gradient(top, #025098 0%, #044581 50%, #003a70 51%, #003e76 100%);
    background: -ms-linear-gradient(top, #025098 0%, #044581 50%, #003a70 51%, #003e76 100%);
    background: linear-gradient(to bottom,  #025098 0%,  #044581 50%,  #003a70 51%, #003e76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#507fb5', endColorstr='#4475ad', GradientType=0 );

}


.nav .logo {
    float:left;
    width: 128px;
    padding: 2px 24px;
    border-right: 1px solid #5379a7;
   
	border-radius: 4px 0 0 4px;
	height: 32px;
}

.nav .menuContainer{float: left; text-align: center; width: 763px; border-radius: 0 4px 4px 0;height: 36px;}

.nav ul#menu {

    float:left;
    padding:0;
    color:#fff;
    font-weight:bold;
    font-size:15px;
    border-radius:3px;
    margin:0;
  
    
}

.nav #menu li {
	float: left;
	list-style:none;
	width: 151px;
	text-shadow:1px 1px 1px #000;
	/* border-left: 1px solid #274c73;*/
	box-shadow: 1px 0px #5379a7;
	line-height: 36px;
}
.nav #menu li:hover, .nav .subMenuIndicator
{
    background: rgba(124,126,128,1);
    background: -moz-linear-gradient(top, rgba(124,126,128,1) 0%, rgba(136,139,140,1) 49%, rgba(139,141,143,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,126,128,1)), color-stop(49%, rgba(136,139,140,1)), color-stop(100%, rgba(139,141,143,1)));
    background: -webkit-linear-gradient(top, rgba(124,126,128,1) 0%, rgba(136,139,140,1) 49%, rgba(139,141,143,1) 100%);
    background: -o-linear-gradient(top, rgba(124,126,128,1) 0%, rgba(136,139,140,1) 49%, rgba(139,141,143,1) 100%);
    background: -ms-linear-gradient(top, rgba(124,126,128,1) 0%, rgba(136,139,140,1) 49%, rgba(139,141,143,1) 100%);
    background: linear-gradient(to bottom, rgba(124,126,128,1) 0%, rgba(136,139,140,1) 49%, rgba(139,141,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7e80', endColorstr='#8b8d8f', GradientType=0 );
    color:#fff;
    cursor:pointer;
}
.nav #menu li a:focus 
{
    border:1px dotted #ccc;
}

.nav #menu li a
{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

.nav #menu li a:hover {
	color:#fff;
	-webkit-transition:All 0.5s ease;
	-moz-transition:All 0.5s ease;
	-o-transition:All 0.5s ease;
}

.nav #menu li:first-child{border:none;width:152px;}
.nav #menu li:last-child{border-right:none;box-shadow:none;width:154px;}
.nav #menu li:last-child:hover {border-radius:0 4px 4px 0;}

.nav .subMenu {
	float: left;
	width: 940px;
	display: none;
}
.nav .subMenu ul {
    padding:0;
    color:#fff;
    font-weight:bold;
    width: 100%;
    margin:0;
	border-radius:0 0 4px 4px;
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 49%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(49%, rgba(235,235,235,1)), color-stop(100%, rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 49%, rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 49%, rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 49%, rgba(219,219,219,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(235,235,235,1) 49%, rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dbdbdb', GradientType=0 );
}

.nav .subMenu li {
	float: left;
	list-style:none;
	width: 134px;
	border: none;
	line-height: 35px;
	font-size: 14px;
    cursor: pointer;
	text-align: center;

}
.nav .subMenu li:hover {
	background: rgba(125, 128, 128, 1);
	background: -moz-linear-gradient(top, rgba(125, 128, 128, 1) 0%, rgba(139, 141, 143, 1) 49%, rgba(124, 126, 128, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125, 128, 128, 1)), color-stop(49%, rgba(139, 141, 143, 1)), color-stop(100%, rgba(124, 126, 128, 1)));
	background: -webkit-linear-gradient(top, rgba(125, 128, 128, 1) 0%, rgba(139, 141, 143, 1) 49%, rgba(124, 126, 128, 1) 100%);
	background: -o-linear-gradient(top, rgba(125, 128, 128, 1) 0%, rgba(139, 141, 143, 1) 49%, rgba(124, 126, 128, 1) 100%);
	background: -ms-linear-gradient(top, rgba(125, 128, 128, 1) 0%, rgba(139, 141, 143, 1) 49%, rgba(124, 126, 128, 1) 100%);
	background: linear-gradient(to bottom, rgba(125, 128, 128, 1) 0%, rgba(139, 141, 143, 1) 49%, rgba(124, 126, 128, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d8080', endColorstr='#7c7e80', GradientType=0 );
}
.nav .subMenu li a {
	color: #3B3A3A;
	text-decoration: none;
}
.nav .subMenu li:hover a{
	color: #fff;
}
.nav .subMenu li:first-child, .nav .subMenu li:first-child:hover {
	border-radius: 0px 0 0 4px;
}
.nav .subMenu li:last-child, .nav .subMenu li:last-child:hover {
	border-radius: 0 0px 4px 0;
	width: 135px;
}
/*End of Menu Styles */

/*Style for Dashboard*/

.dashboard{padding:0;}
.dashboard .Sigin{margin:8px 0;width:940px;float:left;}
dashboard .Sigin .select{width:150px;}
.dashboard .Sigin span{margin:10px 8px 0 0;}
.dashboard .left{float:left;position:relative;left:2px;}
.dashboard .left h1{padding-top: 5px;}
.dashboard .right{float:right;}
/*.dashboard .clear{clear:both;}*/
.dashboard .center{text-align:center;}
.dashboard .container-left{float:left;width:467px;padding: 0 20px 0 0;}
.dashboard .container-right{float:left;width:444px;margin:0;}
/*My Action*/
.dashboard .action
{
    border-radius:4px;
    border:1px solid #d0d0d0;
    box-shadow:2px 2px 2px #d0d0d0;
    background:#fff;
    padding:10px 0;
    width:455px;
}
.dashboard .action-content{margin:0;padding:15px;cursor:pointer;}
.dashboard .action-content a{text-decoration:none;}
.dashboard .action-content:nth-child(even){background:#F7F7F7;}
.dashboard .action-content span{font-size:16px;color:#337ec4;}
.dashboard .action-content img{float:right;}
.dashboard .dashboard-img{margin:16px 0 20px 0;}
.dashboard .activity-img{padding:7px 0px 0 0;margin-right:18px;}
/*End of My Action*/

/*Tabs Styles*/
.dashboard .dashboard-tabs
{
    margin: 1px 0 25px;
    background: #fff; 
    border: 1px solid #cfcfcf;
    border-radius: 5px;
   width: 611px;
    float: left;
   margin-right:23px;
}



.dashboard .tab {
  float: left;
   
}
.dashboard .tab span:first-child{position: relative; top: 3px; color:#748393;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .dashboard .tab #MessageTab{top:0px;}
   .grid tr th{vertical-align:top !important;}
}
.dashboard .tab label 
{
    background: #e5ebf0;
    position: relative;
    left: 0;
    width:203px;
    padding: 10px 0;
    top: 0;
    -webkit-transition: background-color .17s linear;   
    border-right: 1px solid #b4c4d1;
    font-size: 18px;
    float: left;
    min-height: 25px;
    text-align:center;
    color:#003A70;
    font-weight: bold;
    font-size:18px;
    cursor:pointer;
    /* border-bottom-left-radius: 0px; */
    /* border-bottom-right-radius: 0px; */
    /* border-bottom: none !important; */
    /*z-index: 100;*/
}


.dashboard .tab label[for="tab-3"]{border-right:none !important; border-top-right-radius: 5px;}
.dashboard .tab label[for="tab-1"]{border-top-left-radius: 5px;}
.dashboard .tab [type=radio] {display: none;}

.dashboard .content 
{
    top: -2px;
    left: 0;
    right: 0;
    bottom: 0;
    height:190px;
    border: none;
    -webkit-transition: opacity .6s linear;
   padding: 6px 0 0 0;
    overflow: auto;
    overflow-x: hidden;
    position:relative;
    z-index:3;
}

 
.dashboard [type=radio]:checked ~ label 
{
    background: white;
    z-index: 2;
    float: left;
 
}
.dashboard [type=radio]:checked ~ label ~ .content 
{
  z-index: 1;
  opacity: 1;

}

.dashboard [type="radio"]:checked ~ label span{color:#003A70 ! important}
/*.dashboard .message
{
    background: url('images/new.png') center right no-repeat !important;
    float: right;
    width: auto;
    width: 28px;
    height: 26px;
    margin-left: 8px;
    vertical-align: middle;
}*/
.dashboard .message
{
   
    padding:0 0 0 5px;
    vertical-align: text-bottom;
} 
.dashboard .message img{vertical-align:middle;}
.dashboard .view{margin:0 0 0 10px;padding:0;}

.dashboard .view a
{
    float:right;
    margin:0 10px 0 0;
    color:#337ec4;
    text-decoration:underline;
}
.dashboard .deposit-content
{
    background:#fdfdfd;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    width: 280px;
    /*padding:10px;*/
    color:#888;
    position: relative;
    top: -4px;
    line-height: 22px;
    font-size:14px;
    padding: 30px 10px 10px 10px !important;
    height:62px
 }
 
 .dashboard .content-block{padding:10px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin: 10px 0 0 0;}
 .dashboard .content-block img{vertical-align: middle;padding-right:4px;}
 .dashboard .block-close{float: right;margin: 12px 0 0 0;cursor:pointer;}
  .dashboard .content-block p{padding:0 0 10px 0;color:#404040;}
  .dashboard .content-block p.content-block-title{font-weight:bold;font-size:14px;color:#003A70;}
.dashboard_DD_Image
{
    width: 300px;
    height: auto;
    margin: 5px 0 0 0;
    border: 1px solid #ccc;

}
  /*.dashboard #content-2,#content-3{display:none;}*/

/*End Tabs Styles*/

/*One Month Calender Styles*/

.dashboard .box440{width:437px;margin:0;background:#fff;}
.dashboard .box440 .ui-datepicker{color:#404040;}
.dashboard .box440 .ui-datepicker .ui-datepicker-title
{
    font-size:18px !important;
    font-weight:bold !important;
    color:#003A70;
    margin: 0 8.3em;
    
}
.dashboard .box440 .ui-datepicker th{font-size: 12px;}

.dashboard .box440 .ui-datepicker td a
{
    font-size:17px;
    padding: 8px 11px!important;
    margin: 0 9px;
}
.dashboard .box440 .ui-widget-content
{
    border:none;
    background:none;
    border-bottom: 1px solid #e7e7e7;
    width: 407px;
    border-radius: 0px;
}
.dashboard .box440 .ui-datepicker td span{font-size:17px;}

.dashboard .box440 .legend{float:left;margin: 11px 0 11px 45px;}
.dashboard .box440 .legend p{margin:0 10px;float:left;}

/*End of One Month Calender Styles*/

/*End of Dashboard Styles*/

/*Tab Page Styles*/
.dashboard-tabs-alone{width:938px !important;position: none;z-index: -1000;}
.dashboard-tabs-alone .tab label{width:312px;}
/*.dashboard-tabs-alone .tab label[for="tab-2"]{padding: 10px !important;}*/
.dashboard-tabs-alone .content{height:480px !important;}
/*End Tab Page Styles*/

/* Decline contract styles here */
.overlayForms .contractBox h3
	{
		display:inline-block;
		margin:10px 0;
	}
	.overlayForms .contractBox
	{
		width:80%;
		height:250px;
		margin: 105px auto 0px auto;
		text-align:center;
	}
	.overlayForms .contractBox .contractBoxtext
	{
		height:200px;
		width:90%;
	}
/* Decline Contract styles ends here */

/* Compound Information overlay styles here */
#compOverlay
{
	width:99%;
	margin:0px auto;
}
#compOverlay .overlayForms .boxComptitle #titleSpan
{
	color:red;
	font-weight:bold;
	margin:10px 0;
}
#compOverlay .overlayForms .boxCompDec label
{
	margin:10px 0;
}

.compInfo{margin: 3px 0 0 5px;}

/* Compound Information overlay styles ends here*/

/* Profile page latest changes styles */
.overlayForms .formBoxcontent {
	height:550px;
	overflow-y:auto;
	padding:10px;
	overflow-x:hidden;
}
input[type=email] {
height: 27px;
font-size: 12px;
border: 2px solid #d0d0d0;
background: #f1f5fb;
color: #888888;
border-radius: 2px;
outline: none;
padding: 0 5px;
}
input[type=tel] {
height: 27px;
font-size: 12px;
border: 2px solid #d0d0d0;
background: #f1f5fb;
color: #888888;
border-radius: 2px;
outline: none;
padding: 0 5px;
}
.profile .contactInfoTable{width:69%; height:auto; border:none; border-collapse:inherit;font-size: 13px;}
.profile .contactInfoTable tr td{border:none;}
.profile .contactInfoTable tr div{width:300px;}
.profile .box500{width:500px;padding: 10px 0 20px 10px;margin: 0px 0 0 10px;}
.profilehead h2.profilename{font-size:18px; margin-top:11px;color:#003A70;}
.profile p{color:#666 !important;font-style:italic;}
#checkboxSelectCombo{margin:10px;}
.lenghthy-desc{width:360px;}
.short-desc{width:250px;}
/* Announcement overlay styles here*/
.announceHead
{
	margin:10px 0 0 20px;
}
.announceHead label
{
	display:block;
}

.KalPopup
{
    z-index : 122 !important;
}

/* Popup styles starts here */

.popupBg{
	background-color:rgba(0,0,0,0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000) ;
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" ;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:115;
	display:none;
	background: transparent\9;
	
}

/*.popupBg >.box{
	display: none;
    left: 50%;
    margin: -150px 0 0 -250px;
    margin-left: -300px;
    position: absolute;
    top: 50%;
    width: 567px;
}
*/
#declineContract.contractBox h3{display: inline-block;margin: 10px 0;}
#declineContract.contractBox{width: 80%;height: 320px;margin: 0 auto;text-align: center;}
#declineContract.contractBox .contractBoxtext{height: 200px; width: 90%;}
#profileTextMessage  input.mobile{width:55px;margin:0 0 0 10px;}
#profileTextMessage .mobileLbl{margin:0 0 0 10px;width: 160px;display: inline-block;}
#contactus .overlay_content{height:300px; width:320px;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	.overlayForms .overlay_content{width:70%;}
	.dashboard .dashboard-tabs{width:611px;}
	.container { padding:0 20px 0px 20px !important;}
	.scroll-wrapper {
			display: inline-block;
			-webkit-overflow-scrolling: touch;
  			overflow-y: scroll;
		}
		.scroll-wrapper, .scroll-wrapper  {
			width: 100%;
			height: 580px;
		}
	/*.dashboard-tabs-alone .tab label[for="tab-3"]{padding: 7px 60px 7px 93px !important;}
*/
    
}


/*DivyaG Begin  */
.alert-green_Login {
    background-color: #eff7d5;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #c5db7b;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_tick.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
    
    
   /*  5607 Screening II and III*/
.alert-green_Login_Consent {
    background-color: #eff7d5;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #c5db7b;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_tick.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    text-align: left;
    font-size: 11px;
    padding: 11px 3px 8px 50px;
}
        
/*.alert-green_Login:before{content:"SUCCESS !"; margin:0px; padding:0 10px;}  */
.alert-blue_Login {
    background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #9ec1db;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_info.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
/*.alert-blue_Login:before{content:"INFORMATION !"; margin:0px; padding:0 10px;} */
    .alert-red_Login {
        background-color: #f5ded7;
        font-weight: bold;
        line-height: normal;
        margin: 0px 35px 20px 34px;
        border: 1px solid #eda495;
        border-radius: 3px;
        background-image: url('/Content/themes/base/images/icon_warning.png');
        background-position: 10px;
        background-repeat: no-repeat;
        height: auto;
        line-height: 17px;
        font-size: 11px;
        padding: 11px 7px 8px 50px;
    }
/*.alert-red_Login:before{content:"ERROR !"; margin:0px; padding:0 10px;}  */

.alert-red_Login_LeftAligned {
    background-color: #f5ded7;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #eda495;
    text-align: left;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_warning.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}

.alert-blue_Login_Lenthy {
    background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #9ec1db;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_info.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}

.alert-green {
    background-color: #eff7d5;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 12px;
    border:1px solid #c5db7b;
   /* padding:10px;*/
    position: relative; 
    border-radius: 3px; 
    background-image:url('/Content/themes/base/images/icon_tick.png');
    background-position:10px;
    background-repeat:no-repeat;
  height:auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
    }
/*.alert-green:before{content:"SUCCESS !"; margin:0px; padding:0 10px 0 45px;} */    
.alert-blue {
   background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 12px;
    border:1px solid #9ec1db;
    /*padding:10px;*/
    position: relative; 
    border-radius: 3px; 
    background-image:url('/Content/themes/base/images/icon_info.png');
    background-position:10px;
    background-repeat:no-repeat;
    height:auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
/*.alert-blue:before{content:"INFORMATION !"; margin:0px; padding:0 10px 0 45px;} */  
.alert-red 
{
    background-color: #f5ded7;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 12px;
    border:1px solid #eda495;
   /* padding:10px;*/
    position: relative; 
    border-radius: 3px; 
    background-image:url('/Content/themes/base/images/icon_warning.png');
    background-position:10px;
    background-repeat:no-repeat;
      height:auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
/*.alert-red:before{content:"ERROR !"; margin:0px; padding:0 10px 0 45px;}  */

.alert-blue 
{
   background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 12px;
    border:1px solid #9ec1db;
    /*padding:10px;*/
    position: relative; 
    right: -10px;
    border-radius: 3px;
    width: 500px;
    background-position:10px;
    background-repeat:no-repeat;
    height:auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 34px;
}
.alert-blue:before{content:"INFORMATION !"; margin:0px; padding:0 10px 0 45px;}

.alert-blue_Info_Lenthy {
    background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 12px;
    border: 1px solid #9ec1db;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_info.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
.error {
	display: none;
}

.error_show {
	color: red;
	display: block;
	text-align: left;
    margin: 5px 0 0 42px;
} 
input.invalid, textarea.invalid, input.invalid1, textarea.invalid1{
	border: 1px solid red;
	outline:0;
}
input.valid, textarea.valid, input.valid1, textarea.valid1 {
	border: 1px solid #ccc;
}
input.infocus, textarea.infocus {
	/*border:1px solid rgb(39, 68, 95);
	outline:0;*/
}
/*DivyaG End*/

.ui-dialog{margin:0; padding:0;}
.ui-dialog .ui-state-default{border:none !important;}
.ui-dialog .ui-dialog-titlebar-close
{
background-image:url('/Scripts/Greybox/close.png') !important;
z-index:1000  !important;
border:none !important;
background-color:transparent !important;
 
top: 12px !important;
}
.ui-dialog > .ui-state-hover{border:none; background-color:transparent; padding:0px!important; margin:0px!important;}
.ui-dialog > .ui-dialog-titlebar
{
width:96.5%; height:20px !important; background-color:#003A70; color:#fff; border-radius:0px !important;
}
.ui-dialog .ui-dialog-title{line-height:20px; font-weight:bold !important; margin:0px 2px !important;}
.ui-widget-overlay {background-image:none !important; background-color:#666!important; opacity:0.6!important;} 

img[alt="Pending_doc"]{float:right ;}
.compInfoH4{margin:10px 0 0 10px;}
.padRgt15{padding-right:15px;}

.hourlyText{/*float:right;*/ font-size:14px; font-weight:bold; vertical-align:top;}
.hourlyRate{padding-left:7px; font-size:14px; font-weight:bold; width:56px; text-align:right;  vertical-align:top;}

.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.3;
    opacity:.30;
    filter: alpha(opacity=30);
}

#popupBox {
		height: auto;
		position: relative;
		width: 40%;
		float:left;
		background-color:#f8f8f8;
	}
	#popupBox:before {
		 content:'';
    position:absolute;
    bottom:-10px; 
    width:10px;
    height:10px;
    border-bottom:3px solid #dfdfdf;
    border-right:3px solid #dfdfdf;
    background:#f8f8f8;    
    margin-left:-20px;
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
	top:10px;
	}
	.popup{width:40%; height:100%; border:3px solid #dfdfdf; display:none; padding:10px; margin-left:10px;}
	.f-left{float:left;}
	@media only screen and (min-width:960px){
	#popupBox {
		height: auto;
position: absolute;
width: 30%;
float: right;
left: 662px;
line-height: 15px;
color: #666;
		}
	}
	
	/* datepicker styles for IPad starts */
	
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
{
    .ui-datepicker{width: 23em;}
.ui-datepicker table{font-size: 17px;}
.ipad-only{overflow-x:hidden;} 
.ipad-pdf{height:1705px ! important; }


} /* datepicker styles for IPad End */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .ui-datepicker{width: 23em;}
.ui-datepicker table{font-size: 17px;}

}


	
		.contentIframeblock
{
    width: 100%;
    height:650px;
    display:block;
}
.contentIframenone
{
    display:none;
}
.formContentPad {
	padding:10px;
}
.contentSummary
{
 color:#888888;
}

.print
{
    left: 654px;
    position: relative;
    float:right;
    bottom: 2px;
    }
.print a
{
    border: 1px solid #ffffff;
    border-radius: 4px;
    color: #fff;
    float: left;
    line-height: 19px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    text-decoration: none;
    font-size: 12px;
} 


#ActivityRepresentatives .Activity-details tr td {padding:10px 6px 6px !important;}


.boxContent .ui-iggrid-summaries-footer-text-container
{ 
    font-weight: bold !important;
    /*margin: 0 0 0 10px !important; */
    font-size:12px;
    text-align:right !important;
    padding-right:2.2px;

    
}




@media print
{
	.PrintButton{
		display:none;
	}
	table {background-color:#fff; color:Black;}
	.box {background-color:#fff;}
	.boxShadow {box-shadow: none !important;}
    .pagebreak {
        clear: both;
        page-break-after: always;
    }
}

@media screen
{
	.PrintButton{
		display:block;
	}
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {
.select { left:338.5px; }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {     
.select select{-webkit-appearance: menulist ! important;}

}


/* Overflow for Text area */

.about-text{overflow:auto !important;width:500px !important;}

.not-ipad{height:100%; }


.activity table.Activity-details  td, .activity table.Activity-details .description td{
	vertical-align: top;
}
/* Submit Expenses */
.uploadReq{
	background: url("../base/images/receipt.jpg") no-repeat scroll 0 0;
	float: none;
	display: inline-block;
	height: 20px;
	margin: -5px 2px;
	width: 15px;
} 

   @-moz-document url-prefix()
  {
     .dynamicImg{margin-top:-20px !important;}
  }  
  
 /* UI fixes update 28-10-2014  */ 
 .buttonsSection td{  width:50%; padding:0 10px; }
 .activities table.activity .buttonsSection a input.btn_2:hover{color:#FFF !important}
 .statusName > td:nth-of-type(3n+4) label.content_3{width:110px;}
 /*IN5425*/
 .decline-btn, .accept-btn{ min-width:52px ! important; width:52px ! important;}
 .acceptDecline{padding:0 ! important;}
 .acceptDecline td{padding:0 0 0 5px ! important;}
 .dashboard .activity .acceptDecline td{padding:0 0 0 0px ! important;}
 
 .login_logo img, .nav .logo img{cursor:default;}
 #activityCal{border-bottom:1px solid #c0c0c0; padding-bottom:17px;}
 .dashCalWrapper div#datepicker div div.ui-datepicker-header{top:5px; position:relative}
 #dashboard-msg_scroll tr:nth-child(odd){background:#ECF0F5}
.brandName td label.content_3{width:122px ! important;} 
.activity tbody tr td {margin:0; padding:0}

.Activity-details tbody tr td {width:50% ! important}
.description tbody tr td:nth-child(2), .description tbody tr td:nth-child(4){width:500px ! important;}
.description tbody tr td:first-child{width:230px ! important;}

/* Payment Information
.payment [class^="box"] .boxHeader .boxTitleBold{
		float:right;
	}
	.payment [id^='grid'] table td span{
		float: left;
		margin: 3px 3px 0 0;
	}
	.payment [id^='grid'] table td img{
		float: right;

	}
/* Submit Expenses
	.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next.ui-state-hover,.ui-datepicker .ui-datepicker-prev.ui-state-hover {
		background:#fff;
	}
	.submitExpenses [id^='grid'] table td span{
		float: left;
		margin: 3px 3px 0 0;
	}
	.submitExpenses [id^='grid'] table td img{
		float: right;
	}
	.submitExpenses .uploadedReceipts .wrpReceipts a.closeRecipt{
		 background: url("../base/images/closeReceipt.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
		float: right;
		height: 18px;
		margin: 4px 0 0 5px;
		width: 18px;
	}
	.submitExpenses .uploadedReceipts .wrpReceipts a{
		float:left;
		color:#888;
		text-decoration:none;
	}
*/

 .borderred
 {
 	border: 1px solid red !important;
 }
 .bordernone
 {
 	border:none;
 }

 
.margin0{margin:0px !important;}
 
#checkboxSelectCombo span.ui-igcombo-buttonicon{  background-image: url("images/ui-icons_888888_256x240.png")!important; background-position: -128px 0px; background-repeat: no-repeat  }

#submitInvoices [class^=box] .boxHeader{float:left !important; width:99% !important; height:auto;}

.submitInvoices table.boxHeader tr{height:auto !important;}
.submitInvoices table.boxHeader tr td.boxTitleDivider{margin-top:10px !important;}
.subInvSection  [class^=box] .boxHeader{
  background: #003A70;
  color: #ffffff; 
  height:33px;
  border-radius:4px 4px 0 0; 
  padding:10px 4px !important;
line-height: 15px !important;
}
.margin5
{
    margin:3px 5px 0 12px;
}
.ui-dialog{z-index:10000 !important;}
.ui-dialog-titlebar-close{width:26px !important; height:22px !important; }

.ui-dialog .ui-dialog-titlebar-close{top:15px !important;}

/*5607 Screening II and III ---Start */
.boxContentW
{
    width:96.8%;
}
.boxContentW .description
{
     background-color:#f1f1f1; text-align:left; height: 150px; margin: 10px; width: 98%; padding: 5px;
}

/*5607 Screening II and III ---End */

#dialog-confirm{margin:10px auto; text-align:center; width:98% !important;}

.ui-widget-overlay{position:fixed;}
.ui-dialog .ui-dialog-titlebar-close{top:15px !important;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   .dashboard .tab #MessageTab{top:0px;}
   .grid tr th{vertical-align:top !important;}
   #ddlFeeforService { padding-right:0px !important;}
   .submitInvoices table.boxHeader tr td.boxTitleDivider{margin:8px 3px 0 3px !important;}
   #compOverlay tr th {line-height:30px !important;}
  #ActivitySpeakersFaculty > .boxHeader{border-radius:0px !important;}
   .slidingDiv .ui-state-active  {padding:8px 0 8px 3px;}
}

#spanMessage, #spanConfirmMessage{width:100%; text-align:center; margin-top:10px; line-height:20px;}
.show{display:block;}
.hide{display:none;}

#closeMessage {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    line-height: 20px;
}

#aboutlDialog{width:773px !important;}
.activities table.activity .buttonsSection a.accept-btn input:hover
{color:#fff !important;}


ul.tree a.treeTxtWrap{background-position:40px 10% !important; max-width:365px; display:block; white-space:normal;}
.treeTxtWrapLabel{display:block; word-wrap:break-word;}
.dashboard-tabs-alone  ul.tree a.treeTxtWrap{max-width:100% !important;}
.dynamicImg{margin-top:-20px !important;}    
#tree1 li div 
{
    cursor:pointer;
    cursor:hand;
}
#tree li div 
{
    cursor:pointer;
    cursor:hand;
}
.passwordrules
{
    border: 1px solid #9ec1db; 
    font : normal 11px arial, geneva, verdana, sans-serif;
    float:left;
    height: 161px;
    background-color: #e1ecf2; 
    text-align: left; 
    padding: 2px;
    margin-left: 25px; 
    margin-bottom: 10px; 
    margin-top: 0px;
}

.changepasswordrules
{
    border: 1px solid #9ec1db; 
    font : normal 11px arial, geneva, verdana, sans-serif;
    width: 308px;
    height: 130px;
    background-color: #e1ecf2; 
    text-align: left; 
    padding: 2px;
    margin-left: 33px; 
    margin-bottom: 15px; 
    margin-top: 0px;
}

.PrintExpenseDatePicker{width:100px !important;}
.PrintExpenseDatePicker input{width:70px !important;}
.PrintExpenseDatePicker img{margin-left:0px !important;}

[class^=box] .boxHeaderGray{
  background: #808285;
  color: #ffffff; 
  height:33px;
  border-radius:4px 4px 0 0; 
  padding:0px 4px;
 line-height: 33px;
}

[class^=box] .boxHeaderGray .boxTitleBold 
{
    font-size:14px;
    font-weight: bold;
    float: left;
    margin: 0 2px 0 5px;
}
[class^=box] .boxHeaderGray .boxTitle 
{
    font-size:14px;
    float: left;
    margin: 0 0 0 0;
    font-weight: normal;
}

[class^=box] .boxHeaderGray .boxCTAS
{
    float:right;
    border:1px solid #ffffff;
    border-radius: 4px;
    padding: 0px 10px;
    line-height: 19px; 
    margin: 0 0 0 0 10px; 
    text-decoration: none;
    color: #fff;    
}

[class^=box] .boxHeaderGray .boxCTA
{
    float:right;
    border:1px solid #ffffff;
    border-radius: 4px;
    padding: 0px 10px;
    line-height: 19px; 
    margin: 0 0 0 0 10px; 
    text-decoration: none;
    color: #fff;
}
 
 .btnPrintSpace{margin-top:6px !important;}
 .btnPrintTextColor{color: #fff !important;}
 .invoiceHeaderWidth {width:100% !important;}
 
 [class^=box] .boxHeaderGray .boxCTA a
 {     
    padding: 0 10 0 26px;
    background: url('images/plus.png') no-repeat 4px 4px;       
 }
 
 .btnScreeningAddress {margin-top:7px !important; float: right !important;}
 .btnScreeningAddressTextColor {color: #fff !important; float: right !important;}

 
 .PaymentCheckStatusTooltipNonIE
 {
     width:130px;
     margin-top:5px;
     margin-bottom:5px;
     margin-left:50px;
 }
 
 .PaymentCheckStatusTooltipIE
 {
     width:130px;
     margin-top:5px;
     margin-bottom:5px;     
 }

    .loginElancoImg {
        background: url('images/ElancoRawLoginPage.png') 0 0px no-repeat;
        height: 665px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
@-moz-document url-prefix() { 
  .loginImg {
     height:647px;
  }
}
    .hypLinksWrapperElanco {
        width: 100%;
        text-align: center;
        margin: 0 0 0 0;
        float: left;
        padding: 20px 0 30px 0px;
    }
    .disclaimerElanco {
        background: #335C8B;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
.login_noteElanco p{font-size:10.5px; text-align:center; margin:0 auto; color:White; font-weight:bold}

.empty-tab
    {
        background-color: #e4e3e1 !important;
        cursor: default !important;
    }
.PPQCenter {
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: -50px;
    margin-top: -25px;
    text-align: center;
}

.SubmitCV-button-text {
    color: #003A70;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}

.SubmitCV-button-plus {
    font-size: 13px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #003A70;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    color: #003a70;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 3px 3px 0px 4px;
    line-height: 0.8em;
}



.SubmitCV-button {
    border: 1px solid #003A70;
    border-radius: 5px;
    height: 25px;
    line-height: 25px;
    padding: 0px 8px 0px 8px;
    cursor: pointer;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}

.div-table {
    display: table;
    width: auto;
    border-spacing: 5px;
}

.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
  height:22px;
}
.div-table-col {
    float: left;
    display: table-column;
    width: 150px;
}

.div-table-col a.pdf {
    background: url("../base/images/pdf.png") no-repeat scroll 40px 0px rgba(0, 0, 0, 0);
    padding-bottom: 2px;
}

.hide
{
display : none
}

.tdrightrule
{
	border-right:1px solid #CCC !important;
}

/*43307 - FR Mobile - Start*/
.dashboard_DD_Image_iPad
{
    width: 110px;
    height: 110px;
    margin: 5px 0 0 0;
    border: 1px solid #ccc;
}
 
.dashboard .deposit-content-iPad
{
    background:#fdfdfd;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    width: 280px;
    /*padding:10px;*/
    color:#888;
    position: relative;
    line-height: 22px;
    font-size:14px;
    height:110px;
    width:180px;
    float:right;
    text-align: center;
    margin-top: 5px !important;
    padding: 0px 5px 0px 5px !important;
    top: 0px !important;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
 }

.dashboard .divFRAppDownload{
    width:95%;
    height:125px;
    background: #fff;
    padding: 0px 7px 0px 7px;    
}

.dashboard .divAppStoreImg{
    width:210px;
    height:150px;
    display: inline-block; 
}

.dashboard .txtFRAppDownload {
    padding: 10px 0px !important;
    font-size: 13px !important;
    width:140px;
    text-align:center;
}

.dashboard .diviPhoneImg{
    width:55px;
    height:110px;
    display: inline-block;
    vertical-align: top;
    margin-top:14px;
}

.dashboard .divDirectDepositImageiPad{
   width:110px;
   height:110%;
   float:left
}

.dashboard .appStoreImg{
  width: 105px;
  margin-top: 2px;
  height:30px;
  margin-left:18px;

}
.usernameentry {
    margin-left: 70px;
    width: 280px;
    margin-bottom: 20px;
}

.usernametext {
    margin-top: 30px;
    margin-left: 70px;
}

.usernamecancel {
    margin-left: 100px;
    width: 88px;
    height: 27px;
}

.usernamesave {
    width: 88px;
    height: 27px;
}

.credentialsseemore {
    text-decoration: underline;
    font-size: 12px;
    margin-left: 5px;
    color: #003A70;
    font-style: italic;
}

.usernamePopUpOpen {
    font: 14px Helvetica,Helvetica Neue, Arial, sans-serif;
    margin-left: 7px;
    margin-top: 0px;
}

.usernamePopUpClose {
    font: 14px Helvetica,Helvetica Neue, Arial, sans-serif;
    margin-left: 7px;
    margin-top: 50px;
}
.facultyname {
    font-size: 18px;
    margin-top: 11px;
    color: #003A70;
}
.welcomename {
    font-size: 18px;
    margin-top: 11px;
    color: #003A70;
}
/*43307 - FR Mobile - End*/

.vertical-align-middle {
    vertical-align: middle;
}

.marginleft5 {
    margin-left: 5px !important;
}

.marginleft10 {
    margin-left: 10px !important;
}

.marginLeft20 {
    margin-left: 20px !important;
}

.marginleft12 {
    margin-left: 12px !important;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.paddingTop15 {
    padding-top: 15px !important;
}

.paddingTop25 {
    padding-top: 25px !important;
}

.paddingTop33 {
    padding-top: 33px !important;
}

.fontStyleArail12 {
    font: 12px Helvetica, Helvetica Neue, Arial, sans-serif !important
}

.width135 {
    width: 135px !important;
}

.width300 {
    width: 300px !important;
}

.width700 {
    width: 700px !important;
}

.textAlign-center {
    text-align: center !important;
}

.paddingBottom15 {
    padding-bottom: 15px !important;
}

.dashboard-screeningmodel {
    position: fixed;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.marginTop25 {
    margin-top: 25px !important;
}

.credentialsName {
    font-size: 14px;
    margin-top: 11px;
    color: #003A70;
}

/*70880 MFA Start*/
.verify_btn2 {
    margin-top: 20px;
    width: 313px;
    height:30px;
    font-weight:bold;
    color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.45, #0f589c), color-stop(0.53, #0a4378), color-stop(0.89, #0a5293));
    background-image: -o-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293 89%);
    background-image: -moz-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293 89%);
    background-image: -webkit-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293 89%);
    background-image: -ms-linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293 89%);
    background-image: linear-gradient(to bottom, #0f589c 45%, #0a4378 53%, #0a5293 89%);
    border-radius: 3px;
}
.mfaLoginForms {
    margin-top: 15px;
}

.OTP-containers .OTPinput {
    max-width: 23px;
    padding: 0 3px 0 3px;
    background-color: white;
    height: 25px;
    border-color: gray;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 25px;
    color: black;
    border-width: thin;
    text-align: center;
}
.OTP-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.control-message {
    display: block;
 
}

.OTPinputs {
    /*width: 40px;*/
    border: none;
    margin: 0 10px;
    text-align: center;
    cursor: not-allowed;
    pointer-events: none;
}

    .OTPinputs:focus {
        border-bottom: 3px solid orange;
        outline: none;
    }

    .OTPinputs:nth-child(1) {
        cursor: pointer;
        pointer-events: all;
    }

.OTPinput {
    width: 40px;
}

a.disabled #linkResendOTP {
    pointer-events: none;
    cursor: default;
}

.OTP-MFAPreferenceBorder .OTPinput {
    border-color: #003A70 !important;
    border-style: solid;
    border-width: thin;
}

.alert-blue_Login_LeftAligned {
    background-color: #e1ecf2;
    font-weight: bold;
    line-height: normal;
    margin: 0px 35px 20px 34px;
    border: 1px solid #4d8fcb;
    text-align: left;
    border-radius: 3px;
    background-image: url('/Content/themes/base/images/icon_info.png');
    background-position: 10px;
    background-repeat: no-repeat;
    height: auto;
    line-height: 17px;
    font-size: 11px;
    padding: 11px 7px 8px 50px;
}
.LoaderDiv {
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    text-align: center;
    overflow: hidden;
    z-index: 1000;
}

    .LoaderDiv .Loader {
        top: 50%;
        position: fixed;
        pointer-events: none;
    }
/*70880 MFA End*/

.cookie-container {
    padding: 10px 0;
    color: white;
}

.privacy-notice-img {
    width: 25px;
    padding-right: 5px;
    vertical-align: middle;
}

.privacy-choice-txt, .privacy-choice-txt:hover, .privacy-choice-txt:visited {
    padding-right: 5px;
    font-size: 11px !important;
    color: white;
}

.cookie-setting-txt, .cookie-setting-txt:hover, .cookie-setting-txt:visited {
    font-size: 11px !important;
    color: white;
}

.cassie-accept-all, .cassie-reject-all {
    font-size: 0.8rem !important;
    line-height: 1.25rem !important;
}

.overflow-hidden {
    overflow:hidden;
}