/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/

/*** CDP HEADER SECTION ***/

 @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@700&display=swap'); 
 
 
.cdpHeader{
      
        height: 50px; 
		/*background-color: rgb(98, 125, 153); */
		background-color: rgb(98, 125, 153);
}

.cdpHeader_Title{
		position: absolute;
		left: 115px;
		top: 15px;
 
	 font-family: 'Libre Baskerville', serif;
	 font-variant: small-caps;
        font-size: 20px;
		color: white;		
}

.cdpHeader_User{
	 
  font-family: 'Libre Baskerville', serif;
 font-variant: small-caps;
        font-size: 14px;
		color: white;
	 position: absolute;
	 right:150px;
}



.dashboardHeaderBlue{
        width: 100%; 
		background-color: rgb(98, 125, 153);
		color: #ffffff;

	font-size: 13px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

 table.dashboardBackgroundBlue {
 border: 0px solid blue;
 vertical-align:top;
width:100%;
	background-color: white;


 
 }

table.dashboardBackgroundBlue table {
width:100%;
}


 table.dashboardBackgroundBlue td table td {
vertical-align:top;
	border: 0px solid blue;
	padding: 0px 0px 0px 0px
}	

.DashboardtableContainer {
border-bottom: 1px solid rgb(98, 125, 153);
border-left: 1px solid rgb(98, 125, 153);
border-right: 1px solid rgb(98, 125, 153);
}

.dashboardBackgroundTableNonCell {
	background-color: rgb(228, 235, 242);
}


 table.dashboardBackgroundBlue .thc{
padding: 5px;
	color: Black;
	vertical-align: top;
			font-family: Calibri;
	font-size: 11px;
	text-align: left;
	background-color: rgb(202, 214, 227);
	border-bottom: 2px solid black;
}

table.dashboardBackgroundBlue .ttc{
padding: 1px;
	color: Black;
	vertical-align: top;
			font-family: Calibri;
	font-size: 11px;
	text-align: left;
	background-color: rgb(228, 235, 242);
	border: none;
}
/* Default 
.dashboardBackground .thc, .thcs {
	background-color: rgb(248, 230, 164);
	border-bottom: 2px Black solid;
	border-right: none;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 10px;
	padding: 5px;
	spacing:0px;
	text-align: left;
	vertical-align: top;
	}
*/
	



/**********************************************************************
 * Dashboard Scrolling Table Styles                                             *
 **********************************************************************/
div.DashboardtableContainer { /* scrolling table container */
	clear: both;
	height: 150px;  /* defines scrolling region height */
	overflow-y: scroll /* enables scroll bar */
	}

div.DashboardtableContainer table { /* data grid container of scrolling table */
	width: 100%; /* defines data region width (provide room for scroll bar) */
	}

thead.DashboardfixedHeader tr { /* fixed column header of data grid */
	 /* obscures data behind headers background-color: #efebde; */
	position: relative; 	   /* fixes headers in place */
	}

div.DashboardtableContainer .DashboardscrollContent { /* data grid (excludes fixed column header) within scrolling table */
	display: ;
	}

div.DashboardtableContainer thead.DashboardfixedHeader td.button-white { /* theme button container within scrolling table column header */
	white-space: nowrap;
	width: 0%;
	}

div.DashboardtableContainer thead.DashboardfixedHeader table { /* deprecated */
	width: 0%;
	}



nav {
/*	background-color: #234364;
	border: 1px solid #dedede;
	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #888;
	margin: 8px 22px 8px 22px;
	overflow: hidden;
	width: 90%;  */
	display: block;
	float: right;
 
}

nav ul {
	margin: 0;
	padding: 0;
}

	nav ul li {
		display: inline-block;
		list-style-type: none;
		
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s; 
	}
	
		nav > ul > li > a {
			 font-family: 'Libre Baskerville', serif;
			font-size: 14px;
			color: white;
			display: block;
			padding: 3px 10px;
			text-decoration: none;
			 font-variant: small-caps;
		}

nav > ul > li > a > .caret {
	border-top: 4px solid white;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	/* vertical-align: middle; */
	
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	  transition: color 0.1s linear; 
}

nav > ul > li:hover {
          background-color: #234364; /* rgb( 40, 44, 47 ); */
        }

        nav > ul > li:hover > a {
          color: lightgray; /* rgb( 255, 255, 255 ); */
        }

        nav > ul > li:hover > a > .caret {
          border-top-color: lightgray;
        }

		nav > ul > li > div {
		
			font-family: Copperplate,Copperplate Gothic Light,fantasy;
			font-size: 13px;
			background-color: white; /*#234364;  rgb( 40, 44, 47 )*/
			border-top: 0;
			border-radius: 0 0 4px 4px;
			box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
			display: none;
			margin: 0;
			opacity: 0;
			position: absolute;
			/*width: 165px; */
			visibility: hidden;
			z-index: 100;
			
			-webkit-transiton: opacity 0.2s;
			-moz-transition: opacity 0.2s;
			-ms-transition: opacity 0.2s;
			-o-transition: opacity 0.2s;
			-transition: opacity 0.2s;
		}

	nav > ul > li > div ul > li {
		display: block;
	
	}
	
		nav > ul > li > div ul > li > a {
			color: #234364; /* #fff; */
			display: block;
			padding: 6px 6px;
			text-decoration: none;
		
		}
	
	nav > ul > li > div ul > li:hover > a {
		background-color: lightgray; /*  rgba( 255, 255, 255, 0.1); */
	}

nav > ul > li:hover > div {
	display: block;
	opacity: 1;
	visibility: visible;
}

.cdpHeader_TextHolder{
	    width: 750px;
}


/* set background color of panels to light gray color */
.dialog_body, .dBody {
	/*background-color: #efebde;*/
	background-color: #dcdcdc;
	}

/* for some reason iron speed defaulted to 1000px wide page. shrink to 750 for header */
.pcB { /* page container bottom center edge (footer container) */
	width: 750px;
	}

/* this is color for the spinning wheel during ajax update.
   make background color more grayish */
.ajaxUpdatePanel {
    filter: alpha(opacity=75);
    height: 15000px;
}

/*** END OF CDP HEADER SECTION ***/

.QSContainer .dhb {
    backgroundicolor: rgb(98, 125, 153);
    padding-right: 40px;
    padding-top: 1px;
}


/********************************************************/
/*** BEGINNING OF STYLES SPECIFIC TO THIS APPLICATION ***/
/********************************************************/

/* background color of main menu pages is this blue color */
.bgcolor{
/*background-color: #efebde;*/
	background-color: #dcdcdc;
	}
.bgcolor1{
	background-color: black;
	}
	
.pageBackground, .pBack, .cdpBackground  {
	/* background-color: #94BFFF; */
	margin: 0px;
	}

.pageBorderTL, .pbTL {
	background-color: #94BFFF;
	}
.pageBorderT, .pbT {
	background-color: #94BFFF;
	}
.pageBorderTR, .pbTR {
	background-color: #94BFFF;
	}
.pageBorderL, .pbL {
	background-color: #94BFFF;
	}
.pageBorderC, .pbC {
	background-color: #94BFFF;
	vertical-align: top;
	}
.pageBorderR, .pbR {
	background-color: #94BFFF;
	}
.pageBorderBL, .pbBL {
	background-color: #94BFFF;
	}
.pageBorderB, .pbB {
	background-color: #94BFFF;
	}
.pageBorderBR, .pbBR {
	background-color: #94BFFF;
	}
	.CDPdhel { /* panel header left edge */
	/*background-image:url(../../Images/dialogHeaderEdgeL.gif); */
	background-color: rgb(98, 125, 153);
	background-repeat: repeat-y;
	background-position: top left;
	width: 20px;
	height: 30px;
	}

 .CDPdher { /* panel header right edge */
	/*background-image:url(../../Images/dialogHeaderEdgeR.gif); */
	background-color: rgb(98, 125, 153);
	background-repeat: repeat-y;
	background-position: top right;
	width: 20px;
	height: 30px;
	}
	
	.CDPdherTopMainMenuPageOnly { /* panel header right edge */
	/*background-image:url(../../Images/dialogHeaderEdgeR.gif); */
	background-color: rgb(50, 75, 109);
	background-repeat: repeat-y;
	background-position: top right;
	width: 20px;
	height: 30px;
	}														 

	.CDPdhb { /* panel header title text */
                color: #ffffff;
                 background-color: rgb(98, 125, 153);
				font-family: Arial, Geneva, ms sans serif;
                font-size: 13px;
                font-weight: bold;
                height: 30px;
				padding: 4px 4px 5px 4px;
                text-align: left;
                vertical-align: middle;
               /* background-image: url(../../Images/dialogHeaderT.gif);*/
                }
	.CDPMainMenhdr  { /* Main Menu Top panel header */
                color: White;
                /*background-color: White;*/
				background-color: rgb(98, 125, 153);
				font-family: Arial, Geneva, ms sans serif;
              /*  font-size: 24px; */
                height: 30px;
				font-weight: bold;
                padding: 4px 4px 5px 4px;
                text-align: left;
                vertical-align: middle;
				width: 100%;
				white-space: nowrap;
                }
				
		.CDPMainMenhdrMainMenuPage { /* Main Menu Top panel header */
                color: White;
                /*background-color: White;*/
				background-color: rgb(50, 75, 109);
				font-family: Arial, Geneva, ms sans serif;
              /*  font-size: 24px; */
                height: 30px;
				font-weight: bold;
                padding: 4px 4px 5px 4px;
                text-align: left;
                vertical-align: middle;
				width: 100%;
				white-space: nowrap;
                }			
				
				
	.CDPMenuhdr { /* panel header title text */
                color: black;
              /*  background-color: White; */
				font-family: Verdana, Geneva, sans-serif;
                font-size: 16px;
                font-weight: normal;
                padding: 1px 4px 1px 4px;              
				text-align: left;
                vertical-align: middle;
				white-space: nowrap;
				width: 100%;
                }
.CDPMenulinker { /* panel header title text */
                color: black;
              /*  background-color: White; */
				font-family: Arial, Geneva, ms sans serif;
                font-size: 10px;
                font-weight: bold;
                padding: 4px 4px 5px 4px;
                text-align: left;
                vertical-align: middle;
				white-space: nowrap;
				width: 100%;
                }
.CDPthc 
{ /* Linker button */
               /*color: black;
				color:rgba(56, 71, 87, 1);*/
			    color: #3b5998;
				vertical-align:bottom;
              	font-family: Arial, Geneva, ms sans serif;
                padding: 0px 4px 0px 4px;
				font-size: 12px;
                font-weight: bold;  
                font-style:italic;
				text-align: left;
				 text-decoration:none;
               /* text-decoration:underline; */
				white-space: nowrap;
                }
.CDPthc :hover
{ /* Linker button */
	text-decoration: underline;
}
.CDPthclo 
{ /* Linker button for Sighoff */
               /* color: black;
			color:rgba(56, 71, 87, 1);*/
			 color: #3b5998;
				vertical-align:bottom;
              	font-family: Arial, Geneva, ms sans serif;
                padding: 5px 4px 5px 4px;
				font-size: 14px;
                font-weight: bold; 
                font-style:italic;
				text-align: left;
				 text-decoration:none;
              /*  text-decoration:underline; */
				white-space: nowrap;
		}		
.CDPthclo :hover
{ /* link for signoff */
	text-decoration: underline;
         }	
				
.CDPthcol 
{ /* link for customer contackt */
                color: #3b5998;
				/*color:rgba(56, 71, 87, 1);*/
				vertical-align:bottom;
              	font-family: Arial, Geneva, ms sans serif;
                padding: 5px 4px 5px 4px;
				font-size: 14px;
                 font-weight: bold;
                font-style:italic;
				text-align: left;
				 text-decoration:none;
               /* text-decoration:underline;*/
				white-space: nowrap;
                }		
.CDPthcol :hover
{ /* link for customer contackt */
	text-decoration: underline;
         }	

.validatorText
{
	/*USAGE: To Display A Message as Part of an ASP Field Validator*/
	font-size: 10px;
	font-weight: bold;
	color: red;
	margin-left: 2px;
	}
	/*End of Custom Added CSS Classes */

.dialog_field_value, .dfv { /* panel field value text */
	color: #666666;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	padding: 3px 4px 3px 4px;
	}

/* overrides prspace to remove the width 100%. causes button bar pagination to go far right side */
.prspace { /* pagination short buttons and navigation sections spacing */
	background-image:url(../../Images/paginationRowT.gif);
	background-color: #ffffff;
	padding-bottom: 3px;
	vertical-align: bottom;
	width: auto;
	}

.riTextBox {
	style: width:75px;
	width: 75px;
	}

.CDPdht { /* panel header title text */
	color: #ffffff;
	font-family: Arial, Verdanan, Geneva, ms sans serif;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: left;
	vertical-align: middle;
	background-image: url(../../Images/dialogHeaderT.gif);
	}

/* Add back the underline for sorting columns in show tables */
.column_header A, .column_header_scrolling A, .tch A, .tchs A { /* column header link text */
	color: #000000;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	text-decoration: underline;
	} 

.RadMap .k-marker:before, .RadMap .k-marker-Pin-target:before, .RadMap .k-marker-pin-target:before {
    font-size: 12px;
    color: red!important;
    margin-left: -19px;
    margin-top: -16px;
}
  
/* Correct the width of the marker element to fix tooltip position */
.RadMap span.k-marker-pin {
    margin-top: -14px;
    height: 14px;
}

.k-tooltip-content {
	font-family: Arial, Geneva, ms sans serif;
	font-size: 12px;
}

/**********************************************************************
 * 2020 October Redesign                                         *
 **********************************************************************/

 
 
 
 
 

 .dialogHeaderTextRecord, .dhtr { /* record panel header title text */
	color: #ffffff;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	}
.dialog_header_text, .dht { /* panel header title text */
	color: #ffffff;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 4px;
	text-align: left;
	vertical-align: middle;
	}

 

.dialogHeaderEdgeR, .dher { /* panel header right edge */
	background-image:url(../../Images/dialogHeaderEdgeR.gif);
	background-repeat: repeat-y;
	background-position: top right;
	width: 20px;
	height: 30px;
	}
 .dialogHeaderEdgeL, .dhel { /* panel header left edge */
	background-image:url(../../Images/dialogHeaderEdgeL.gif);
	background-repeat: repeat-y;
	background-position: top left;
	width: 20px;
	height: 30px;
	}	
 
 
 
 
 
 
 
 .button_bar_cell, .prbbc {
    background-image: url(../../Images/paginationRowT.gif);
    background-color: #627d99;
    padding-bottom: 3px;
   color: #000000;
    vertical-align: middle;
}

 

.header_cell, .header_cell_scrolling, .thc, .thcs {
    background-color: #dcdcdc;
    border-bottom: 1px #cccccc solid;
    border-right: 1px #cccccc solid;
    color: #000000;
    font-family: Arial, Geneva, ms sans serif;
    font-size: 11px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
.dialog_header, .dh {
   /* border-bottom: 1px #dcbb4a solid;*/
   border-bottom: none;
}

.pagination_row, .pr {
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    vertical-align: middle;
    /* background-color: rgb(98, 125, 153);*/
	  background-color: #dcdcdc;
}
 /*.button_bar_cell, .prbbc {
    background-image: url(../../Images/paginationRowT.gif); 
    background-color: rgb(98, 125, 153);
    padding-bottom: 0px;
	
    vertical-align: bottom;
}*/

.button_bar_cell, .prbbc {
    /* background-image: url(../../Images/paginationRowT.gif); */
    background-color: #627d99;   
    padding: 3px 0px 3px 0px;
    vertical-align: top;
}




.button-whites, .bCs { 
/* theme button2020 center */
	background-image:url(../../Images/_btnMidSm.gif); 
	  height:24px;	 
	}
	
	
.button-R-whites, .bRs { 
/* theme button2020 right  */
	/*background-image:url(../../Images/buttonR.gif);*/
	background-image:url(../../Images/_btnRightSm.gif);
	/*background-repeat: no-repeat;
	 background-position: center right; */
	 width: 5px;
	 height:24px;	  
	}	
	 
.button-L-whites, .bLs {  
/* theme button2020 lefty */
     background-image: url(../../Images/_btnLeftSm.gif);
   /* background-repeat: no-repeat;
    background-position: center left;*/
   width: 5px;
   height:24px;	  
}


.buttonPadding {
    margin-right: 6px;
}

.button-white, .bC { 
/* theme button center */
	background-image:url(../../Images/_btnMid.gif); 
	 height:30px;	 
	}
	
	
.button-R-white, .bR { 
/* theme button right  */
	/*background-image:url(../../Images/buttonR.gif);*/
	background-image:url(../../Images/_btnRight.gif);
	/*background-repeat: no-repeat;
	 background-position: center right; */
	 width: 5px;
	height: 30px;
	}	
	 
.button-L-white, .bL {  
/* theme button lefty */
     background-image: url(../../Images/_btnLeft.gif);
   /* background-repeat: no-repeat;
    background-position: center left;*/
  width: 5px;
    height: 30px; 
}


 .field_label_on_side, .fls { /* field lable on side */
	color: #666666;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 5px 4px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;	
	}
	
	.dialog_field_value, .dfv { /* panel field value text */
	color: #6e6e6d;
	font-family: Arial, Geneva, ms sans serif;
	font-size: 11px;
	padding: 1px 4px 1px 4px;
	}
	
	.field_label, .fl {
    color: #666666;
    font-family: Arial, Geneva, ms sans serif;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.siteMapNav  {
 font-family: Arial, Geneva, ms sans serif;
    font-size: 14px;
	  
}

 /* .s {
  list-style-type: square;
  color: #627d99;
  
 }*/

.button-BL-white, .bBL {
 display: none;
    /* background-image: url(../../Images/buttonBL.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 2px;
    height: 8px;*/
}


.button-B-white, .bB {
display: none;
    /* background-image: url(../../Images/buttonB.gif); */
    /* background-repeat: repeat-x; */
    /* background-position: top center; */
    /* height: 4px; */
}

.button-BR-white, .bBR {
display: none;
   /* background-image: url(../../Images/buttonBR.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 3px;
    height: 4px; */
}
.button-BL-white, .bBL {
display: none;
    /* background-image: url(../../Images/buttonBL.gif); */
    /* background-repeat: no-repeat; */
    /* background-position: top right; */
    /* width: 2px; */
    /* height: 4px; */
}
.button-T-white, .bT {
display: none;
    /* background-image: url(../../Images/buttonT.gif); */
    /* background-repeat: repeat-x; */
    /* background-position: bottom center; */
    /* height: 2px; */
}
.button-TL-white, .bTL {
display: none;
    /* background-image: url(../../Images/buttonTL.gif); */
    /*  background-repeat: no-repeat; */
    /* background-position: bottom right; */
    /* width: 2px; */
    /* height: 2px; */
}

.button-TR-white, .bTR {
display: none;
    /* background-image: url(../../Images/buttonTR.gif); */
    /* background-repeat: no-repeat; */
    /* background-position: bottom left; */
    /* width: 3px; */
    /* height: 2px; */
}



/* Make bubble popup text align left */
.detailRolloverC { /* detail rollover popup center */
               background-image:url(../../Images/detailRolloverC.png);
               font-family: Arial, Geneva, ms sans serif;
               font-size: 11px;
               text-align: left;
               }


.bLSpace { /* theme button left buttress image */
               height: 15px;
               width: 4px;
               }

.bRSpace { /* theme button right buttress image */
               height: 15px;
               width: 4px;
               }


/* These overrides are necessary to make buttons look correctly on the button bar of show tables.
   Not sure why it only affects them, but otherwise the left/right images disappear and buttons look strange. TB 5/16/2013 */
/*.bTLSpace {   theme button left buttress image  
	display: inline; 
	width: 2px;
	height: 2px;
	}*/

/*.bLSpace {   theme button left buttress image  
	display: inline; 
	width: 2px;
	height: 30px;
	}*/

/*.bTRSpace {  theme button left buttress image  
	display: inline; 
	width: 3px;
	height: 2px;
	}*/

 /*.bRSpace { 
 theme button left buttress image
	background-image:url(../../Images/_btnR.gif);
	display: inline; 
	width: 2px;
	height: 15px;
	
	}  */