.RadWindow .rwTitleRow em { font: normal normal 13px Roboto !important; }
a.orangeLink2, .orangeLink2 a {
    text-decoration: none !important;
    cursor:pointer !important;
    font-style: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
    color: #005CA5 !important;
}
.quick-toggle {
    text-align: center;
    border-top: 1px solid lightgrey;  
    margin-top:10px;
    padding-top:5px;
}
.quick-wrapper {
    width:185px;
    font: normal 12px Segoe UI, Arial, sans-serif; 
}
.display-text-value {
    font: normal 15px Segoe UI, Arial, sans-serif;
    color: gray;
}
.quick-nav { padding: 5px 5px 10px 5px; }
.quick-nav .navtitle,
.quick-nav .navtitle a {
    color: black; 
    margin-top: 5px;
    text-decoration: none;
}
.quick-nav .links { padding:2px 5px 0 15px; }
.quick-nav .links .link {
    font-size: 11px; 
    margin: 1px 0;
}
.quick-nav .links .link a
{
    text-decoration: none;
    cursor:pointer !important;
    font-style: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
    color: gray;
}
.quick-link { font-size: 11px; padding: 2px 0; }
a.quick-link, .quick-link a
{
    cursor:pointer !important;
    font-style: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
}
.no-underline .quick-link a {
     text-decoration: none !important;
}
.gray .quick-link a {
     color: gray !important;
}
.black .quick-link a {
     color: black !important;
}
.orange .quick-link a {
     color: #005CA5 !important;
}
#container {width: 1204px; margin: 0 auto; margin-top: -20px;}
#logo {float: left; margin-right: 20px; margin-top: 10px;}
#login_table1 {float:left;  padding-top: 5px; padding-left: 5px;}
#login_table2 {float:right; padding-top: 3px; padding-right: 4px;}
#login_bar {
    text-align: right;
    color: #000;
    font-size: 14px;
}
.as {font-weight: bold; text-decoration: underline;}
#logout_img {border-style: none; margin-left: 105px;}
#greeting{padding-top: 10px; float:left;}
#greetingtext{font-size: 18pt; color: #f58026;}
#dropdown {font-size: 10px; width: 320px; height: 30px; float: right; 
padding-top: 41px; padding-right: 80px;}
#impersonate option {font-size: 8pt;}
select {width: 350px; height: 20px}
#navigation
{
    width: 1203px;
    margin-top:-3px; 
    margin-left: 1px;
    float: left; 
    clear:both;
    background-image: url('../Images/Master/button_bg.jpg'); 
    background-repeat: repeat-x;
}
#tabs {float: left; clear:both; margin-top: 21px; margin-left: 14px;}
.activetab{float: left; font-size: 10pt; font-weight: bold; color: #f58026; text-align: center; 
width: 93px; height: 17px; background-image: url('../Images/ActiveTab.png'); padding-top: 3px;}
.inactivetab{float: left; font-size: 10pt; font-weight: bold; color: white; text-align: center; 
width: 91px; height: 17px; background-image: url('../Images/InactiveTab.png'); padding-top: 3px;}
/*#contentframe {float: left; clear:both; background-image: url('../Images/NewContextBackground1024.png'); 
height: 545px; width: 1024px;}*/
#contentframe {clear:both; overflow: hidden; background: #FFF; width: 1246px;}
#footer_table1{font-size: 10pt; color: black; float: left; padding-top: 2px; padding-left: 5px}
#footer_table2{
    font-size: 10pt;
    margin-top: 10px;
}
.footerlink a:link {color: black; padding-left: 4px; padding-right: 5px;}
.footerlink a:visited {color: black; padding-left: 4px; padding-right: 5px;}
.footerlink a:hover {color: #f58026; padding-left: 4px; padding-right: 5px;}
/*#content{padding: 0px; margin-top: 10px; margin-right: 10px; margin-left: 10px; height: 545px; width: 1004px; overflow: auto;}*/
#content{width: 1044px;}
#boxes {float: left;}
#box1{background-image:url('../Images/InfoBox1.png'); width: 294px; height: 151px; margin-left: 26px;
margin-top: 10px;}
#box2{background-image:url('../Images/InfoBox2.png'); width: 294px; height: 151px; margin-left: 26px;
margin-top: 20px;}
.boxcontent {padding: 5px; color: white; font-size: 10pt;}
.boxtitle {font-size: 18pt; font-weight: bold;}
#text {float: left; margin-top: -10px; margin-left: 15px; font-size: 10pt;}
.bold {font-weight: bold;}
.thin { font-weight: 200; }
.nobold {font-weight: normal !important;}
.underline { text-decoration: underline !important; }
#tabs2 {margin-top: 0px; float: left; margin-top: -10px;}
.inactivetab2{font-size: 8pt; font-weight: bold; color: white; text-align: left; 
width: 140px; height: 25px; background-image: url('../Images/Inactive2Tab.png'); padding-top: 3px; 
padding-left: 5px; margin-top: 1px;}
.activetab2{ font-size: 8pt; font-weight: bold; color: #637292; text-align: left; 
width: 138px; height: 25px; background-image: url('../Images/Active2Tab.png'); padding-top: 3px; 
padding-left: 5px; margin-top: 1px;}
.t2text{padding-top: 3px;}
#tabs3 {margin-top: 0px; float: left; margin-top: 1px;}
.inactivetab3{font-size: 8pt; font-weight: bold; color: white; text-align: left; 
width: 134px; height: 25px; background-image: url('../Images/Inactive3Tab.png'); padding-top: 3px; 
padding-left: 5px; margin-top: 1px; margin-left: 1px;}
.activetab3{ font-size: 8pt; font-weight: bold; color: #80A138; text-align: left; 
width: 134px; height: 25px; background-image: url('../Images/Active3Tab.png'); padding-top: 3px; 
padding-left: 5px; margin-top: 1px; margin-left: 1px;}
#divider {margin-top: -10px; height: 350px; width: 2px; float: left;}
.title {color: #637292; margin-top: 0px; margin-left: -10px;}
.title2{color: #637292; font-size: 14px; font-weight: bold;}
.sitalics{font-style: italic; font-size: 8pt;}
.textwidth {width: auto; vertical-align:top;}
#contenttable th{background-image: url('../Images/TableHeadBackground.png');
font-size: 8pt; color: white; padding: 1px; border: 2px solid white;}
.white td{background-color: white; font-size: 8pt; color: black; padding-top: 5px;
padding-bottom: 5px; padding-left: 7px; padding-right: 5px;}
.grey td{background-color: #c3c3c3; font-size: 8pt; color: black; padding-top: 5px;
padding-bottom: 5px; padding-left: 7px; padding-right: 5px;}
#contenttable{padding: 0px; margin: 0px; border-collapse: collapse; width: 100%;}
.ModalPopup{min-width:200px; min-height:150px; background:white;}
.modalBackground{background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}
.modalPop{background-color:Gray; border-width:3px; border-style:solid; border-color:Black; padding:0; width:150px; color:White; text-color:Black;}
.loggedin {
    color: White; 
    font-size: 14pt; 
    padding-left: 50px;
    float: left;
    width:620px;
}
#master-head 
{
    height:130px;
    background-position: bottom left 1px; 
    background-repeat: no-repeat; 
    margin-top:20px;
}
#header  
{
    background-image: url('../Images/Master/vi_backoffice_top_section.jpg');
    background-position: 3px ;
    background-repeat: no-repeat;
    margin-top:20px;
    height: 134px;
}
#header td { white-space: nowrap; }
.width100 { width: 100%; }
.half-width { width: 50%; }
.header_label {
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}
.bb-container {
	border:2px solid #b1b1b1 !important;
	border-radius:4px;
	padding:10px;
}
div#cart_notifier{
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	text-align: center;
	width: 160px;
	background-image: url('../Images/Master/check_out.png');
	background-repeat: no-repeat;
	padding: 0;
	cursor: pointer;
	display: none;
}
div#cart_notifier:hover{
	background-image: url('../Images/Master/check_out_over.png');
	background-repeat: no-repeat;
}
p.cart_text {
	display: block;
	padding-top: 40px;
	font-size: 8.5pt;
	color: #ffd623;
	font-weight: bold;
	text-align: left;
	position: relative;
	margin-left: -10px;
}
.header-notify {
	margin-top: 8px;
	display: block;
	font-size: 8.5pt;
	font-weight: bold;
	text-align: center;
	position: relative;
	text-decoration: none !important;
	background-color: #ffd623;
	border: 1px solid #ffe79c;
	padding: 8px 20px;
}
.header-notify .notify-desc {
	font-size: 12px;
	color: black !important;
	text-decoration: none !important;
}
.header-notify .notify-link {
	margin-top:5px;
	font-weight: normal;
	color: #005CA5 !important;
}
td.rowinfo span  
{
    color: Red; 
    font-size: xx-small;
}
.tooltip {
	display:none;
	position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 9999;
    font: normal 8pt sans-serif;
    color: #000; 
    background-color: #f6f6f6;
    padding: 5px; 
    border: 1px solid #000;

}

.more-dids-tooltip {
    max-width:375px;
    z-index: 9999999;
    font: normal 8pt sans-serif;
    color: #000; 
    background-color: #f6f6f6;
    padding: 5px; 
    border: 1px solid #000;
}

.dep-res-actions-tooltip {
    max-width: 375px;
    z-index: 9999999;
    font-family: Calibri;
    font-size: 16px !important;
    color: #000;
    background-color: #f6f6f6;
    padding: 10px;
    border: 1px solid #000;
}

.did-order-tooltip {
    max-height:120px; 
    min-width: 175px;
    overflow: auto;
}

.ui-tooltip {
	background: #666;
	color: white;
	border: none;
	padding: 0;
	opacity: 1;
}

.ui-tooltip-content {
	position: relative;
	padding: .25em .5em;
}

.ui-tooltip-content::after {
	content: '';
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
}

.right .ui-tooltip-content::after {
	top: 8px;
	left: -5px;
	border-color: transparent #666;
	border-width: 5px 6px 5px 0;
}

span.hover,
span.hoverGray,
span.hoverBlack,
span.hoverSpan,
span.hoverWhite,
span.hoverOrange,
.dep-res-actions {
	font-weight: bold;
	cursor: default;
}

span.hover { color: Orange; }
span.hoverBlack { color: Black; border-bottom: 1px dotted gray;}
span.hoverSpan { color: Black; border:none !important;}
span.hoverWhite { color: white; }
span.hoverGray { color: Gray; border-bottom: 1px dotted gray; }
span.hoverOrange, .dep-res-actions { color: #005CA5; border-bottom: 1px dotted #005CA5; }

span.hover:hover { border-bottom: 1px solid #637292; }

span.hoverGray:hover 
{
     color: #005CA5;
     border-bottom: 1px dotted #005CA5;
}

span.hoverOrange:hover, dep-res-actions:hover {
    color: #000;
    border-bottom: 1px dotted #000;
}

span.hoverBlack:hover 
{
     color: #005CA5;
     border-bottom: 1px dotted #005CA5;
}

span.hoverSpan:hover { /*border-bottom: 1px dotted gray;*/ border:none !important; }

span.hoverWhite:hover  { color:white; cursor:pointer; }
table.shopping_cart  
{
    font-size: small;
    border: 1px solid #516388;
}
table.shopping_cart th {
    text-align: left;
    padding:5px 0px 5px 15px;
    border-bottom: 1px solid #516388;
}
table.shopping_cart td {
    vertical-align: top; 
    padding-left: 15px;
    white-space: nowrap;
}
table.shopping_cart .details {
    font-size: x-small;
    width: 100%; 
}
table.shopping_cart .details td { padding-left: 0px; }
.tip-modal-overlay {   
    position:absolute;   
    top:0;   
    right:0;   
    bottom:0;   
    left:0;   
    height:100%;   
    width:100%;   
    margin:0;   
    padding:0;   
    background:#fff;   
    opacity:.75;   
    filter: alpha(opacity=75);   
    -moz-opacity: 0.75;   
    z-index:999999;
    background-image: url('../Images/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
}   
.modal-overlay {   
    position:fixed;   
    top:0;   
    right:0;   
    bottom:0;   
    left:0;   
    height:100%;   
    width:100%;   
    margin:0;   
    padding:0;   
    background:#fff;   
    opacity:.75;   
    filter: alpha(opacity=75);   
    -moz-opacity: 0.75;   
    z-index:101;
    background-image: url('../Images/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
}   
.modal-window {   
    position:fixed;   
    top:50%;   
    left:50%;   
    margin:0;   
    padding:0;   
    z-index:102;   
    background-image: url('../Images/loading.gif');
    background-repeat: no-repeat;
}
.footer {
    font-size: x-small;
    padding-top:5px;
}
.header {
    color: #FFFFFF;
    background-color: #516388;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
}
.pointer { cursor: pointer !important; }
.priority {
    height: 20px;
    width: 20px;
}
.error_summary {
 border: 2px solid red;
 color: red;
 margin: 5px 0px;
 padding: 15px;
 text-align:left;
}
.success_summary {
 border: 2px solid green;
 color: green;
 margin: 5px 0px;
 padding: 15px;
 text-align:left;
}
#EPGroups td { vertical-align: top; }
.toggle_state {
    font-weight: bold;
    font-size: large;
    padding-right: 5px;
}
.hand { cursor: pointer; }
.delete_btn { height: 20px; width: 20px; }
.table_image { height: 20px; width: 20px; }
.table_image input { height: 20px; width: 20px; }
.login_label {
    font-size: small;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}
.login_input input { width: 180px; border: 1px solid #000; }
#login_table td { vertical-align: middle; }
#splash_picture {
    float: right;
    margin-right: 20px;
    margin-left: 10px;
    border: solid 4px black;
}
#navigation .RadMenu a.menuTabLink { cursor: pointer; }
#HyperLink2 img,
.LogoImage  
{
    height:80px; 
    width: 150px;
}
#login_table {
    position:relative;
    top: 152px;
    left: 0;
}
.red { color: Red !important; }
.green { color: Green !important; }
.yellow { color: goldenrod !important; }
.blue { color: blue !important; }
.gray { color: Gray; }
.DIDDataPageView { text-align: left; }
.panel_lining { padding: 10px; }
legend  {
    color: #455f77;
    font-weight: bold; 
}
.left, .float_left { float: left; }
.RadButton_Windows7.rbLinkButton { background-color: #a2b3c7; }
#message_wrapper {
    font-size: 11pt;
    font-family: Calibri !important;
}
#message_wrapper .title {
    color: #455f77;
    font-size: x-large;
    margin: 0;
    font-weight: bold;
}
#message_wrapper, #ctl00_ContentPlaceHolder_MessagesGrid { font-family:Calibri !important; }
#message_wrapper a,
#ctl00_ContentPlaceHolder_MessagesGrid rgRow a 
{ 
    color: #e36c09 !important; 
    font-weight: bold !important; 
    
}
#message_wrapper .message { padding-top: 5px; color: #000;}
#message_wrapper ul,
#message_wrapper ol { margin: 0px; }
#navigation .RadMenu { z-index: 999; }
.ui-widget-overlay {  
     background: black;  
     filter: alpha(opacity = 50);  
     left: 0;  
     opacity: 0.5;  
     position: absolute;  
     top: 0;  
}
.ui-dialog-titlebar { display: none; }
.tab_wrapper
{
    font-size: 9pt;
    font-family: Roboto;
}
.largemap { color:#0000FF; text-align:left; }
#tabLoad, .tab_loading iframe, .loading {
    color: #333;
    background-color: #FFF;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: top center;
	font-size: 12pt;
}
#fraud-db .load-ind {
    min-height: 100px;
    color: #333;
    background-color: #FFF;
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.msg-full-width { width: calc(100% - 60px) !important; }
.did_error, .did_success, .did_warning
{
    border: 1px solid;
    margin: 5px 0;
    padding:10px 5px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 10pt;
}
.did_error 
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/knobs/x_round_red.png');
	background-size:30px;
}
.did_success {
	color: #4F8A10;
	background-color: #CCFF99;
	background-image: url('../images/knobs/check_round_green.png');
	background-size: 30px;
}
.did_warning {
	color: darkgoldenrod;
	background-color: #fffde5;
	background-image: url('../images/knobs/warning_yellow.png');
	margin-bottom: 5px;
	background-size: 30px;
	padding: 5px 5px 5px 50px;
}
.did_warning.full {
	background-size: 35px !important;
	padding: 10px 5px 10px 50px !important;
	font-size:11pt !important;
}
.did_warning.small {
	background-size: 20px !important;
	margin-bottom: 0 !important;
	padding: 5px 3px 3px 25px !important;
	background-position:2px center !important;
}
#MasterBody {
    font-family: Roboto;
}
#MasterBody.viu {
    
}
.right { float: right; }
.textright { text-align: right; }
.menutop2 { margin-top: 2px !important; }
.hidden { display: none !important; }
.padb_4 { padding-bottom: 4px; }
.dark-gray { color: #6a6a6a !important; }
.overview 
{
    background-color: #EDEDED;
    padding: 5px;
}

.overview legend { font-weight: normal; }

.overview table tr td { background-color: inherit; }

.rfdFieldset.RadForm_Default fieldset { background-image: inherit !important; }

.link-button {
	color: #005CA5 !important;
	text-decoration: none !important;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
}

a.orangeLink, .orangeLink a,
a.grayLink, .grayLink a, .grayLink span,
a.redLink, .redLink a, .redLink span,
a.greenLink, .greenLink a, .greenLink span,
a.blackLink, .blackLink a
{
    text-decoration: underline !important;
    cursor:pointer !important;
    font-style: normal !important;
    font-size: inherit !important;
    font-family: inherit !important;
}

a.orangeLink, .orangeLink a { color: #005CA5 !important; }
.grayLink a, a.grayLink, .grayLink span { color: gray !important; }
.redLink a, a.redLink, .redLink span { color: red !important; }
.greenLink a, a.greenLink, .greenLink span { color: green !important; }
a.blackLink, .blackLink a{ color: black !important; }

.export-link {  color:#005CA5 !important; text-decoration:none !important; font-weight:bold; font-size:12px; }
.no-underline, a.no-underline { text-decoration: none !important; }

.viOrange, .orangelabel, .orangeheader { color: #005CA5 !important; }

a.redLink { color: Red; }

tr.grayRow td {  background-color: #EDEDED; vertical-align: top; }
tr.whiteRow td {  background-color: #FFF; vertical-align: top; }
.disabledNetwork 
{
    text-decoration:line-through;
    color: Gray;
}
.popupItem  
{    
    position:absolute;        
    top:-200px;    
    left:100px;        
} 
.orangelabel, .graylabel, .orangelabel legend
{
     font-weight: bold; 
     font-size:9pt;
}
.orangelabel { color: #005CA5; }
.graylabel { color: gray; }
.orangeheader, .grayheader
{
     font-weight: bold; 
     font-size:14pt !important;
     margin-bottom:2px;
}
.grayheader{ color: gray; }

.top0 { margin-top: 0 !important; }
.bottom0 { margin-bottom: 0 !important; }
.top2 { margin-top: 2px; }
.bottom2 { margin-bottom: 2px; }
.right2 { margin-right: 2px; }
.left2 { margin-left: 2px; }
.top5, .margin-top-5 { margin-top: 5px; }
.bottom5 { margin-bottom: 5px; }
.right5 { margin-right: 5px; }
.left5 { margin-left: 5px; }
.top10 { margin-top: 10px; }
.bottom10, .margin-bottom-10 { margin-bottom: 10px; }
.right10 { margin-right: 10px; }
.left10 { margin-left: 10px; }
.top15, .margin-top-15 { margin-top: 15px; }
.bottom15 { margin-bottom: 15px; }
.right15 { margin-right: 15px; }
.left15 { margin-left: 15px; }
.top20 { margin-top: 20px; }
.bottom20 { margin-bottom: 20px; }
.right20 { margin-right: 20px; }
.left20 { margin-left: 20px; }
.top30 { margin-top: 30px; }
.bottom30 { margin-bottom: 30px; }
.right30 { margin-right: 30px; }
.left30 { margin-left: 30px; }
.top50 { margin-top: 50px; }
.bottom50 { margin-bottom: 50px; }
.right50 { margin-right: 50px; }
.left50 { margin-left: 50px; }
.top75 { margin-top: 75px; }
.bottom75 { margin-bottom: 75px; }
.right75 { margin-right: 75px; }
.left75 { margin-left: 75px; }

.font8 { font-size: 8px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.font26 { font-size: 26px; }
.font28 { font-size: 28px; }

.btn100,
.btn200
{
    height: 23px;
    color: #E2E8EB !important;
    padding-top:7px;
    font-size: 1em;
    font-weight: normal;
}
.btn100 { width: 100px; }
.btn200 { width: 200px; }
.inputnote, .orangenote
{
    font-style:italic; 
    font-weight: bold;
    color: #005CA5;
}
.inputnote { font-size: 7pt; }
.orangenote { font-size: 9pt; }
.blacknote  
{
    font-style:italic; 
    font-weight: bold;
    color: #000;
    font-size: 9pt; 
}
.no_padding  { padding: 0 !important; }
.no_horizontal_padding  
{
    padding-left: 0 !important; 
    padding-right: 0 !important; 
}
.no_vertical_padding  
{
    padding-top: 0 !important; 
    padding-bottom: 0 !important; 
}

.radgrid_resize input
{
    height: 24px; 
    width: 24px; 
}

.title_star 
{
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    color: #000;
    background-image: url('../Images/star_line.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.title_star_500
{
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    color: #000;
    background-image: url('../Images/star_line_500.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.title_star span,
.title_star_500 span  
{
    background-color: #fff; 
    padding: 0 5px;
}

hr.vi 
{
    background: url('../Images/star_line.jpg') no-repeat center;
    border: 0;
    height: 5px;
}

.content{ padding: 15px; overflow: hidden; width: 1014px;}
.content ul { list-style-type: disc; padding-left: 30px; margin: 0; }
.content-submit-inp ul {
    list-style-type: disc;
    padding-left: 30px;
    margin: 0;
}

.formInput  
{
    margin-top:2px;
    color: #000;
}
.float_contain 
{
    clear: both;
    overflow: hidden;
}
.dock_container, .dock-container { padding: 5px; }
.large { font-size:14pt; }
.medium { font-size: 11pt; }
.small { font-size:8pt; }
.p5 { padding: 5px; }
.p10, .padding-10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.ptop5 { padding-top: 5px; }
.ptop10 { padding-top: 10px; }
.ptop15 { padding-top: 15px; }
.ptop20 { padding-top: 20px; }
.ptop30 { padding-top: 30px; }
.ptop40 { padding-top: 40px; }
.pbottom5 { padding-bottom: 5px; }
.pbottom10 { padding-bottom: 10px; }
.pbottom15 { padding-bottom: 15px; }
.pbottom20 { padding-bottom: 20px; }
.pleft5 { padding-left: 5px; }
.pleft10 { padding-left: 10px; }
.pleft15 { padding-left: 15px; }
.pleft20 { padding-left: 20px; }
.pleft30 { padding-left: 30px; }
.pleft40 { padding-left: 40px; }
.pright5 { padding-right: 5px; }
.pright10 { padding-right: 10px; }
.pright15 { padding-right: 15px; }
.pright20 { padding-right: 20px; }
.pright30 { padding-right: 30px; }
.pright40 { padding-right: 40px; }
.pvert2 { padding: 2px 0; }

.dock_contain  
{
    margin-top:6px;
    border: 1px solid #D4D4D4;
    max-height:700px;
    overflow: visible;
}
.dock_contain .odd_row  { background-color: #DEDEDE; }
.dock_contain .even_row  { background-color: #D4D4D4; }
.dock_label { float: left; color: #4f4f4f; padding-left: 2px; }
.dock_stat { float: right; padding-right: 2px; color: #4f4f4f; }
.dock_contain th, .dock_contain td { vertical-align: top; }

.graytable
{
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
    color: #4f4f4f;
}
.graytable td { padding: 5px; vertical-align: top; }
.graytable .alt { background-color: #EDEDED; }
.data 
{
    padding-left: 10px;
    font-weight: 600;
    text-align: right;
    white-space: normal;
}

.RadDock { margin-bottom: 5px !important; }
.RadDock .rdTitleBar em  
{
    font-weight: bold !important; 
    color: #005CA5 !important;
    font-size: 14pt !important;
    font-family: Roboto;
}

.dock_contain .RadGrid .rgRow td, 
.dock_contain .RadGrid .rgAltRow td, 
.dock_contain .RadGrid .rgEditRow td, 
.dock_contain .RadGrid .rgFooter td, 
.dock_contain .RadGrid .rgFilterRow td, 
.dock_contain .RadGrid .rgHeader, 
.dock_contain .RadGrid .rgResizeCol, 
.dock_contain .RadGrid .rgGroupHeader td 
{
        padding-left: 2px !important;
        padding-right: 2px !important;
}

div.rgHeaderDiv { margin-right: 0 !important; }

.RadDock_Office2010Silver .rdContent .dock_contain { background-color: #D4D4D4 !important; }
.RadDock_Office2010Silver td { border: none !important; }
.RadGrid_Office2010Silver .rgHeader, .RadGrid_Office2010Silver th.rgResizeCol { border-color: #D4D4D4 !important; }

.small_globe 
{
    background: url('../images/lil_globe.png') left no-repeat;
    padding-left: 25px;
}
.nowrap { white-space: nowrap; }

.ralign { text-align: right; }
.lalign, .text-left { text-align: left; }
.calign, .text-center { text-align: center; }
.talign label, td.talign, .talign { vertical-align: top !important; }
.balign label, td.balign, .balign { vertical-align: bottom !important; }
.malign label, td.malign, .malign { vertical-align: middle !important; }
.ranking-hover {
    text-align: left;
    font-family: Roboto;
    font-size: 8pt;
    padding:0 10px 5px;
}

.ranking-hover p {
    text-indent: 0;
    margin: 5px 0 5px 0;
}
.ranking-hover table tr th { padding-bottom: 3px; font-weight: bold; color: #005CA5; padding-right: 10px; }
.ranking-hover table tr td { padding-right: 10px; font-family: Roboto; vertical-align: top; }
.ranking-hover table tr td.category {
    font-weight: bold;
    padding-right: 10px;
}

.ranking-hover h1 {
    font-size: 1.5em;
    margin: 0;
 }

.RadRating {
    width: 120px !important;
}

.chart-contain {
    width: 95%;
    font-family: Roboto;
    font-size: 14px;
}

.chart-contain .timestamp { 
    font-weight: bold; 
    padding-left: 5px;
    overflow: hidden;
    text-align: center;
    line-height: 1.8em;
}
.chart-contain .small { font-size: 12px; }



.fixedButtons{
    background-color:#Ef7622 !important;
    padding-bottom:10px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
    color:white;
    border:none;
    margin-top:20px;
}
#contentframe iframe table tr td {
    font-size: 9pt;
    font-family: segoe ui, Arial, sans-serif;
}
.form-error { border-color: red !important; }

.block{
    display:block;
}

.push300{
    margin-left:300px;
}
.app-message-wrapper {clear:both; overflow: hidden; background: #FFF; width: 90%; padding:5px 20px; font-size:16px;}
.app-message-warning {
    background: url("../Images/knobs/warning.png") top left no-repeat;
    background-position-y: 5px;
    background-position-x: 10px;
    background-size: 35px;
    padding: 10px 5px 10px 60px;
    color: #9F6000;
    background-color: #FFED33;
    border: 1px solid #9F6000;
    text-align: left;
}
.app-message-notify {
    background: url('../Images/knobs/Knob Info.png') top left no-repeat;
    background-position-y: 5px;
    background-position-x: 10px;
    background-size: 35px;
    padding: 10px 5px 15px 60px;
    color: #00529B;
    background-color: #9BC3D6;
    border: 1px solid #00529B;
}
html body .RadInput .riTextBox { padding-bottom: 2px !important; }

.vi-button, .vi-button-small, .vi-button-med, .vi-button-big {
	border-radius: 0.5em; 
	text-decoration: none;
	color: white;
	background-color: #005CA5;
	text-transform: none; 
	font-weight: bold; 
}

.vi-button {
    padding: 12px 20px 11px;   
}

.vi-button-small {
    padding: 3px 5px 2px;
    font-weight: normal;
    font-size: 12px;
}

.vi-button-med {
    padding: 5px 10px 4px;
    font-weight: normal;
    font-size: 14px;
}

.vi-button-big {
	padding: 25px 10px 24px;
	font-size: 20px;
}

.aspNetDisabled.vi-button, .aspNetDisabled.vi-button-small, .aspNetDisabled.vi-button-med, .aspNetDisabled.vi-button-big {
	background-color: #ccc !important;
	cursor: default !important;
}

.aspNetDisabled.vi-button:hover, .aspNetDisabled.vi-button-small:hover, .aspNetDisabled.vi-button-med:hover, .aspNetDisabled.vi-button-big:hover {
	background-color: #ccc !important;
	color: white;
	border-color: ButtonFace;
}


.vi-button:hover, .vi-button-small:hover, .vi-button-med:hover, .vi-button-big:hover {
	background-color: white; /* changed the bg-color to transparent */
	border-color: #005CA5;
	color: #005CA5;
	cursor: pointer;
}

.vi-button:active, .vi-button-small:active, .vi-button-med:active {
	background-color: white;
	color: #ffb523;
}

.clear-button, .clear-button-small, .clear-button-med {
    border-radius: 3px;
    text-decoration: none;
    color: #005CA5;
    background-color: white;
    font-weight: bold;
    border: 2px solid #005CA5;
}

.clear-button:hover, .clear-button-small:hover, .clear-button-med:hover,
.clear-button:active, .clear-button-small:active, .clear-button-med:active {
    background-color: white;
    border-color: #ffa571;
    color: #ffa571;
    cursor: pointer;
}

.clear-button {
    padding: 12px 20px;
}

.clear-button-small {
    padding: 3px 5px;
    font-size: 12px;
}

.clear-button-med {
    padding: 5px 10px;
    font-size: 14px;
}

.aspNetDisabled.clear-button, .aspNetDisabled.clear-button-small, .aspNetDisabled.clear-button-med,
.aspNetDisabled.clear-button:hover, .aspNetDisabled.clear-button-small:hover, .aspNetDisabled.clear-button-med:hover {
	background-color: #ccc !important;
	color: white;
	border-color: ButtonFace;
	cursor: default !important;
}

.width150px {
    width: 150px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-left-120 {
    margin-left: 120px !important;
}

.display-inline-flex {
    display: inline-flex;
}

.required::after {
    content: ' *';
    color: red;
}

.truncate, .truncate span, .truncate a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.truncate span { width:100%; }
.table-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
}
.no-vert-scroll { overflow-y: hidden !important; }
.small-chk input {
    width: 14px !important;
    height: 14px !important;
}
.resize-max { max-width: 100% !important; }
.resize-99 { max-width: calc(99% + 2px) !important; }
.resize-max-min { min-width: 100%; max-width: 100%;  min-height: 30px; }
.resize-99-min {
	min-width: 99%;
	max-width: 99%;
	min-height: 30px;
}

.correction-wrapper {
    background-color: lightgoldenrodyellow;
    border-radius: 10px;
    padding: 8px;
    width: calc(100% - 16px);
    margin-bottom:10px;
}
.correction-link {
    color: #005CA5 !important;
    font-size: 15px !important;
}

.config-error, .config-confirm, .config-warning {
    border: 1px solid;
    padding: 8px;
    font-size: 1em;
    font-weight: bold;
}

.config-error {
    color: #D8000C;
    background-color: #FFBABA;
}

.config-confirm {
    color: #4F8A10;
    background-color: #CCFF99;
}

.config-warning {
	color: #e09b00;
	background-color: lightgoldenrodyellow;
}

.big-label label {
    font-size: 16px !important;
    font-weight: bold;
}
.big-label.viOrange label { color: #005CA5 !important; }
.xl-label label {
    font-size: 20px !important;
    font-weight: bold;
}
.med-label label {
	font-size: 14px !important;
	font-weight: normal !important;
}
.tab_body {
    margin: 0 !important;
    padding: 0 !important;
}
.talign { vertical-align: top !important; }
.copy-with-img {
	text-decoration: underline dotted;
	cursor: default;
}
.copy-with-img:hover { opacity:.8; }
.copy-img { vertical-align: text-bottom !important; cursor:pointer !important; height:15px; width:15px; margin-left:2px; }
.text-normal { text-transform: none !important; }
.rounded-panel fieldset {
	border-radius: 5px;
	width: calc(100% - 10px) !important;
	border: 1px solid lightgray;
	padding: 10px 5px !important;
}

.vi-panel fieldset, .vi-panel-small fieldset {
	border: 2px solid #b1b1b1 !important;
}

.vi-panel legend {
	font-size: 16px !important;
	color: #005CA5 !important;
}

.vi-panel fieldset, .vi-panel-small fieldset { padding: 4px 12px 6px !important; }

.vi-panel-small legend {
	font-size: 14px !important;
	color: #005CA5 !important;
}

.RadWindow .rwShadow .rwIcon {
	margin: 5px 7px 0px 2px !important;
}
.RadWindow .rwIcon { margin-top:0 !important; }
.RadWindow_Default a.rwIcon {
	background-image: url('../Images/VIComm/favicon.svg') !important;
	background-size: 20px !important;
	background-position: 0 !important;
	width: 20px !important;
	height: 20px !important;
}

.RadWindow .rwDialogPopup {
	margin: 16px 16px 5px 10px !important;
	padding: 0px 0px 0px 50px !important;
}

.RadWindow .rwPopupButton {
	padding: 0 2px 0 2px !important;
	margin: 0px 15px 10px 0 !important;
	font-size: 14px !important;
}

.rwPopupButton .rwOuterSpan .rwInnerSpan {
	min-width: 50px !important;
	text-align: center !important;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
	padding: 0 20px !important;
}
.RadWindow .rwWindowContent .radconfirm { background-image: url('../images/knobs/question.ico') !important; }
.RadWindow .rwWindowContent .radalert { background-image: url('../images/knobs/warning_yellow.png') !important; }

.RadWindow .rwWindowContent .radconfirm,
.RadWindow .rwWindowContent .radalert {
	background-size: 40px !important;
	background-position: left 2px !important;
}

.RadWindow .rwWindowContent .rwDialogText {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 25px;
}

#preconfig {
	margin: 0 !important;
	font-size: 15px !important;
	line-height: 15px !important;
}

#preconfig .msg-wrapper {
	width: calc(100% - 32px) !important;
	min-height: 10px;
	margin-bottom: 5px;
}

#preconfig .msg-error, #preconfig .msg-success, #preconfig .msg-warning {
	border: 1px solid;
	padding: 8px 5px 7px 28px;
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 15px;
	font-size: 12px !important;
	line-height: 12px !important;
}

#preconfig .msg-error {
	color: #D8000C;
	background-color: #ffdddd;
	background-image: url('../images/knobs/x_round_red.png');
	background-position: 4px center;
	background-size: 18px;
}

	#preconfig .msg-success {
		color: #4F8A10;
		background-color: #e5ffca;
		border-color: #00b500;
		background-image: url('../images/knobs/check_green.png');
	}

#preconfig .msg-warning {
	color: #e09b00;
	background-color: lightgoldenrodyellow;
	background-image: url('../images/knobs/warning_round.png');
	background-position: 6px center;
	background-size: 20px;
	padding: 11px 2px 10px 32px;
	border: 2px solid #e69f00;
}

#preconfig .correction-wrapper {
	background-color: #fbfbfb;
	border-radius: unset;
	padding: 5px;
	width: calc(100% - 16px);
	border: 1px solid lightgray;
}

#preconfig a.correction-link {
	text-decoration: none;
}

#preconfig .dids-wrapper {
	border-bottom: 1px solid lightgray;
	width: 100%;
}

#preconfig .dids-label {
	padding: 10px 15px 5px;
	color: gray;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#preconfig .link-panel {
	float: left;
	width: 110px;
	height: 100%;
}

#preconfig .config-panel {
	float: left;
	width: calc(100% - 110px);
	height: 100%;
}

#preconfig .svc-panel {
	min-height: 252px;
}

#preconfig .svc-link, #preconfig .svc-link-selected {
	color: #005CA5 !important;
	text-decoration: none !important;
}

#preconfig .svc-link-selected {
	background-color: blanchedalmond !important;
	font-weight: bold;
}

#preconfig .svc-link-selected div.svc-link-div {
	background-color: blanchedalmond !important;
}

#preconfig .svc-link-div {
	width: 100px;
	height: 40px;
	background-color: cornsilk;
	border-bottom: 1px solid lightgray;
	border-radius: 10px;
	margin: 5px;
}

#preconfig .svc-link-text {
	padding: 13px 0;
	text-align: center;
}

#preconfig .config-wrapper {
	margin: 10px;
	padding: 5px 10px;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	height: 305px;
	overflow-y: auto;
}

#preconfig .config-label, #preconfig .inline-label {
	font-weight: bold;
}

#preconfig .config-input {
	line-height: 20px;
}

#preconfig .inline-label {
	width: 27%;
	float: left;
	font-size: 14px;
	line-height: 20px;
}

#preconfig .inline-input {
	float: left;
	width: 73%;
	line-height: 18px;
}

#preconfig .input-note {
	font-size: 10px;
	color: #005CA5 !important;
	line-height: 12px;
	/*color: gray;*/
	/*padding-top: 2px;*/
}

#preconfig label {
	font-size: 15px !important;
	line-height: 20px !important;
}

#preconfig .viOrange label {
	vertical-align: middle !important;
	color: #005CA5 !important;
	font-weight: bold;
	font-size: .9em !important;
}

#preconfig .small-label label {
	font-size: 10px !important;
}

#preconfig th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#preconfig a.link-411 {
	font-size: 12px !important;
	font-weight: bold;
}

#preconfig .add-email-fax {
	width: calc(100% - 295px);
}

#preconfig .rgRow td, #preconfig .rgAltRow td {
	line-height: 12px;
}

#preconfig .req-field {
	color: #005CA5;
	vertical-align: top !important;
	line-height: 12px !important;
	font-size: 10px;
	padding-right: 1px;
}

.rgMasterTable .select-col label.rfdCheckboxUnchecked, .rgMasterTable .select-col label.rfdCheckboxChecked,
.rgMasterTable .rgHeader.rgCheck label.rfdCheckboxUnchecked, .rgMasterTable .rgHeader.rgCheck label.rfdCheckboxChecked {
	display: none !important;
}
.RadGrid.no-check-label .rfdCheckboxUnchecked, .RadGrid.no-check-label .rfdCheckboxChecked { display: none !important; }
.select-grid .rgRow, .select-grid .rgAltRow {
	cursor: pointer !important;
}
.rfdCheckbox input[type="checkbox"][disabled] { opacity:1 !important; }


.hoverLabel { vertical-align:middle; }
.hoverLabel label { 
	text-decoration:underline dotted !important; 
	margin:0 3px !important; 
	color: #005CA5 !important; 
	font-weight:500;
}
input[type="checkbox"] { vertical-align: middle; }
input[type="radio"] { vertical-align: middle; margin-top:0;}
.rcbInputCell input { font-weight:normal !important; }
.RadComboBox_Default .rcbInput { font-size: 11px !important; }
html span.RadButton.rbImageButton.rbDisabled, html span.RadButton.rbImageButton.rbDisabled:hover, html span.RadButton.rbImageButton.rbDisabled:focus, html span.RadButton.rbImageButton.rbDisabled:active {
	padding: 7px 0 0 0 !important;
}