/* CSS Document */
/*  colors 
---------------------------------------------- .p1_gray, .p1_gray, .gray, .p1_charcoal, .p1_charcoal, .charcoal, .p1_ltblue, .p1_ltblue, .ltblue, .p1_dkgreen, .p1_dkgreen, .dkgreen, .p1_ltgreen, .p1_ltgreen, .orange, .p1_orange, .p1_orange, .orange, .p1_black, .p1_rose .p1_rose, .rose, .p1_pink, .p1_pink, .pink, .p1_red, .p1_red, .red, .p1_blue, .p1_blue, .blue, .p1_black, .p1_black, .black, .white, .p1_white, .p1_white, .white,*/

input[type=button], input[type=submit], input[type=reset], .button, .closebutton, .yui-content_sub, .yui-content_sub3r{
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/* .p1_white, .primary1_white, .p1_white, .white, .yui-content_sub,*/ .yui-content_sub3r{
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
/* red border: solid 0px #980c10; */
.p1_red {background-color: #D8181D; color:#faddde; }
.p2_red {background-color: #FC2F2F; color:#ffffff; }
.p3_red {background-color: #c02a2e; color:#ffffff; }
.p4_red { background-color: #fbccc2; color:#c9151b; }
.p5_red { background-color: #f3b1a3; color:#c9151b; }
.p4_red a, .p5_red a, .p4_red, .p5_red{color:#c9151b;}
div {
	--red_header: #aa1317;
	--red_dark: #fbccc2;
	--red_lite: #f3b1a3;
}
img {	
	--red_filter: contrast(50%) sepia(100%) hue-rotate(300deg);
}
/*black  border: solid 0px #666; */
.p1_black{ background-color: #1c1c1c; color:#ffffff; }
.p2_black{ background-color: #333333; color:#ffffff; }
.p3_black{ background-color: #7f7e7e; color:#ffffff; }
.p4_black{ background-color:#F5F5F5;color:#4b4b4b; }
.p4_black a{color:#4b4b4b;}
.p5_black{ background-color: #cccccc; color:#4b4b4b; }
.p5_black a{color:#4b4b4b;}
div {
	--black_header: #000;
	--black_dark: #F5F5F5;
	--black_lite: #cccccc;
}
img{
	--black_filter: ;
}

/* gray border: solid 0px #555; */
.p1_gray{ background-color: #A0A0A0; color:#e9e9e9; }
.p2_gray{ background-color: #888888; color:#ffffff; }
.p3_gray{ background-color: #969696; color:#ffffff; }
.p4_gray, table.dataList tr.odd, table.clientList tr.odd, table.vendorList tr.odd{ background-color:#F5F5F5;color:#1a1a1a; }/*#e7f0fa;*/
.p4_gray a, table.dataList tr.odd, table.clientList tr.odd, table.vendorList tr.odd a{color:#1a1a1a;}
.p5_gray, table.dataList tr.even, table.clientList tr.even, table.vendorList tr.even { background-color: #cccccc; color:#1a1a1a; }
.p5_gray a{color:#1a1a1a;}
div {
	--gray_header: #575757;;
	--gray_dark: #F5F5F5;
	--gray_lite: #cccccc;
}
img{
	--gray_filter: contrast(75%);
}

/* charcoal border: solid 0px #36454F; */
.p1_charcoal{ background-color: #36454F; color:#e9e9e9; }
.p2_charcoal{ background-color: #4B5962; color:#ffffff; }
.p3_charcoal{ background-color: #36454F; color:#ffffff; }
.p4_charcoal, table.dataList tr.odd, table.clientList tr.odd, table.vendorList tr.odd{ background-color:#F5F5F5;color:#1a1a1a; }/*#e7f0fa;*/
.p4_charcoal a, table.dataList tr.odd, table.clientList tr.odd, table.vendorList tr.odd a{color:#1a1a1a;}
.p5_charcoal, table.dataList tr.even, table.clientList tr.even, table.vendorList tr.even { background-color: #cccccc; color:#1a1a1a; }
.p5_charcoal a{color:#1a1a1a;}
div {
	--charcoal_header: #575757;;
	--charcoal_dark: #F5F5F5;
	--charcoal_lite: #cccccc;
}
img{
	--gray_filter: contrast(75%);
}

/* white border: solid 0px #b7b7b7; */
.p1_white{ background-color: #c5c5c5; color:#1a1a1a; }
.p2_white{ background-color: #dcdcdc; color:#000000; }
.p3_white{ background-color: #dbdada; color:#000000; }
.p4_white{ background-color:#ededed;color:#000000; }/*#e7f0fa;*/
.p4_white a{color:#000000;}
.p5_white{ background-color: #ffffff; color:#000000; }
.p5_white a{color:#000000;}
div {
	--white_header: #c5c5c5;
	--white_dark: #ededed;
	--white_lite: #ffffff;
}
img{
	--white_filter: contrast(50%);
}

/* ltblue */
.p1_ltblue{ background-color: #0092CA; color:#fff; }
/*.p1_ltblue a{color:#fff; }*/
.p2_ltblue{ background-color: #0185B7; color:#ffffff; }
.p3_ltblue{ background-color: #57bde4; color:#ffffff; }
.p4_ltblue{ background-color:#e7f0fa;color:#0078a5; }/*#e7f0fa;*/
/*.p4_ltblue a{color:#0078a5;}*/
.p5_ltblue{ background-color: #ddeeff; color:#0078a5; }
/*.p5_ltblue a{color:#0078a5;}*/
div {
	--ltblue_header: #0076a3;
	--ltblue_dark: #e7f0fa;
	--ltblue_lite: #ffffff;
}
img{
	--ltblue_filter: contrast(50%) sepia(100%) hue-rotate(180deg);
}

/* blue */
.p1_blue, .p1_frost, .p1_frost_blue, .p1_frost_red { background-color: #09408b; color:#ffffff; }
.p1_blue {background-color: #00559B;}
.p2_blue{ background-color: #0069BF; color:#ffffff; }
.p3_blue{ background-color: #5488cf; color:#ffffff; }
.p4_blue{ background-color:#9db7db;color:#09408b; }/*#e7f0fa;*/
.p4_blue a{color:#09408b;}
.p5_blue{ background-color: #ddeeff; color:#09408b; }
.p5_blue a{color:#09408b;}
div {
	--blue_header: #09408b;
	--blue_dark: #ddeeff;
	--blue_lite: #ffffff;
}
img{
	--blue_filter: contrast(50%) sepia(100%) hue-rotate(180deg);
}

/* dkgreen */
.p1_dkgreen{ background-color: #005E00;; color:#ffffff; }
.p2_dkgreen{ background-color: #367C36; color:#ffffff; }
.p3_dkgreen{ background-color: #98bc69; color:#ffffff; }
.p4_dkgreen{ background-color:#b9d693;color:#002200; }
.p4_dkgreen a{color:#002200;}
.p5_dkgreen{ background-color: #d8e5c7; color:#002200; }
.p5_dkgreen a{color:#002200;}
div {
	--dkgreen_header: #004400;
	--dkgreen_dark: #b9d693;
	--dkgreen_lite: #d8e5c7;
}
img{
	--dkgreen_filter: contrast(50%) sepia(100%) hue-rotate(420deg);
}

/* orange border: solid 0px #da7c0c; */
.p1_orange{ background-color: #FF7B00;; color:#ffffff; }
.p2_orange{ background-color: #FFA24B; color:#ffffff; }
.p3_orange{ background-color: #fcc59c; color:#000000; }
.p4_orange{ background-color: #fedbc1;color:#f06015; }
.p4_orange a{color:#f06015;}
.p5_orange{ background-color: #ffe7d6; color:#f06015; }
.p5_orange a{color:#f06015;}
div {
	--orange_header: #e87200;
	--orange_dark: #cc6300;
	--orange_lite: #ff7b00;
}
img{
	--orange_filter: contrast(50%) sepia(100%) hue-rotate(340deg);
}

/* rose border: solid 0px #b73948; */
.p1_rose{ background-color: #EFB5BC; color:#ffffff; }
.p2_rose{ background-color: #f899a4; color:#ffffff; }
.p3_rose{ background-color: #fbb8c0; color:#d7004d; }
.p4_rose{ background-color:#fdd4d9;color:#a53845; }/*#e7f0fa;*/
.p4_rose a{color:#a53845;}
.p5_rose{ background-color: #ffe4e7; color:#a53845; }
.p5_rose a{color:#a53845;}
div {
	--rose_header: #bf404f;
	--rose_dark: #fdd4d9;
	--rose_lite: #ffe4e7;
}
img{
	--rose_filter: contrast(50%) sepia(100%) hue-rotate(310deg);
}

/* ltgreen border: solid 0px #538312; */
.p1_ltgreen{ background-color: #8FBA56;; color:#fff; }
.p2_ltgreen{ background-color: #7FAD1F; color:#fff; }
.p3_ltgreen{ background-color: #9bc349; color:#fff; }
.p4_ltgreen{ background-color:#b5d86d;color:#003300; }
.p4_ltgreen a{color:#003300;}
.p5_ltgreen{ background-color: #d7e6c5; color:#003300; }
.p5_ltgreen a{color:#003300;}
div {
	--ltgreen_header: #4e7d0e;
	--ltgreen_dark: #b5d86d;
	--ltgreen_lite: #d7e6c5;
}
img{
	--ltgreen_filter: contrast(50%) sepia(100%) hue-rotate(70deg);
}

/* pink border: solid 0px #d2729e; */
.p1_pink{ background-color: #D6487E;; color:#ffffff; }
.p2_pink{ background-color: #f88bbc; color:#ffffff; }
.p3_pink{ background-color: #fea7cf; color:#d7004d; }
.p4_pink{ background-color:#ffd2e6;color:#1a1a1a; }
.p4_pink a{color:#1a1a1a;}
.p5_pink{ background-color: #fce1ed; color:#1a1a1a; }
.p5_pink a{color:#1a1a1a;}
div {
	--pink_header: #f171ab;
	--pink_dark: #ffd2e6;
	--pink_lite: #fce1ed;
}
img{
	--pink_filter: contrast(50%) sepia(100%) hue-rotate(270deg);
}

 /*purple border: solid 0px #d2729e; */
.p1_purple{ background-color: #9585BF; color:#ffffff; }
.p2_purple{ background-color: #7B65B5; color:#ffffff; }
.p3_purple{ background-color: #B3A0E5; color:#815BE5; }
.p4_purple{ background-color:#BDA0E5;color:#1a1a1a; }
.p4_purple a{color:#1a1a1a;}
.p5_purple{ background-color: #D0BCFC; color:#1a1a1a; }
.p5_purple a{color:#1a1a1a;}
div {
	--purple_header: #9485BF;
	--purple_dark: #BDA0E5;
	--purple_lite: #D0BCFC;
}
img{
	--purple_filter: contrast(50%) sepia(100%) hue-rotate(220deg);
}

 /*teal border: solid 0px #008C9A; */
.p1_teal{ background-color: #008C9A; color:#ffffff; }
.p2_teal{ background-color: #00747f; color:#ffffff; }
.p3_teal{ background-color: #00BBCC; color:#815BE5; }
.p4_teal{ background-color:#00D2E6;color:#1a1a1a; }
.p4_teal a{color:#1a1a1a;}
.p5_teal{ background-color: #29BECC; color:#1a1a1a; }
.p5_teal a{color:#1a1a1a;}
div {
	--teal_header: #008C9A;
	--teal_dark: #005E66;
	--teal_lite: #29BECC;
}
img{
	--teal_filter: contrast(50%) sepia(100%) hue-rotate(130deg);
}


.p1_black a, .p1_gray a, .p1_charcoal a, .p1_ltblue a, .p1_blue a, .p1_dkgreen a, .p1_orange a, .p1_rose a, .p1_ltgreen a, .p1_pink a, {color: #fff;}
.p1_white a{color: #1a1a1a;}
/********************************************************************************************************/

/*purple */
/*.purple, .purple{
	color: #faddde;
	border: solid 0px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#6c64ad), to(#5350a1));
	background: -moz-linear-gradient(top,  #6c64ad,  #5350a1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c64ad', endColorstr='#5350a1');
}
.purple a, .p1_purple{color:#faddde;}
.purple:hover, input.purple:hover[type=button] {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#5350a1), to(#6c64ad));
	background: -moz-linear-gradient(top,  #5350a1,  #6c64ad);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5350a1', endColorstr='#6c64ad');
}
.purple:active{
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#5350a1), to(#6c64ad));
	background: -moz-linear-gradient(top,  #5350a1,  #6c64ad);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5350a1', endColorstr='#6c64ad');
}*/

/* profile pic, settings cog, bell icon */
.ace-nav > li.black > a {
	background-color: #1c1c1c !important;
  }
  
.ace-nav > li.blue > a {
	background-color: #00559B !important;
}
  
.ace-nav > li.charcoal > a {
	background-color: #36454F !important;
}

.ace-nav > li.dkgreen > a {
	background-color: #005E00 !important;
}

.ace-nav > li.gray > a {
	background-color: #A0A0A0 !important;
}

.ace-nav > li.ltblue > a {
	background-color: #0092CA !important;
}

.ace-nav > li.ltgreen > a {
	background-color: #8FBA56 !important;
}

.ace-nav > li.orange > a {
	background-color: #FF7B00 !important;
}

.ace-nav > li.pink > a {
	background-color: #D6487E !important;
}

.ace-nav > li.purple > a {
	background-color: #9585BF !important;
}

.ace-nav > li.teal > a {
	background-color: #008C9A !important;
}

.ace-nav > li.red > a {
	background-color: #D8181D !important;
}

.ace-nav > li.rose > a {
	background-color: #EFB5BC !important;
}

/* onclick color for profile pic, settings cog, bell icon */
.ace-nav > li.open.black > a {
	background-color: #1c1c1c !important;
  }
  
  .ace-nav > li.open.blue > a {
	background-color: #00559B !important;
}
  
.ace-nav > li.open.charcoal > a {
	background-color: #36454F !important;
}

.ace-nav > li.open.dkgreen > a {
	background-color: #005E00 !important;
}

.ace-nav > li.open.gray > a {
	background-color: #A0A0A0 !important;
}

.ace-nav > li.open.ltblue > a {
	background-color: #0092CA !important;
}

.ace-nav > li.open.ltgreen > a {
	background-color: #8FBA56 !important;
}

.ace-nav > li.open.orange > a {
	background-color: #FF7B00 !important;
}

.ace-nav > li.open.pink > a {
	background-color: #D6487E !important;
}

.ace-nav > li.open.purple > a {
	background-color: #9585BF !important;
}

.ace-nav > li.open.red > a {
	background-color: #D8181D !important;
}

.ace-nav > li.open.rose > a {
	background-color: #EFB5BC !important;
}

/* drop down color for navbar */
.dropdown-black li a:hover, .dropdown-black li a:focus, .dropdown-black li a:active, .dropdown-black li.active a, .dropdown-black li.active a:hover, .dropdown-black .dropdown-submenu:hover > a, .nav-tabs .dropdown-black li > a:focus {
	background: #1c1c1c;
	color: white;
	border-radius: 5px;
}
.dropdown-blue li a:hover, .dropdown-blue li a:focus, .dropdown-blue li a:active, .dropdown-blue li.active a, .dropdown-blue li.active a:hover, .dropdown-blue .dropdown-submenu:hover > a, .nav-tabs .dropdown-blue li > a:focus {
	background: #00559B;
	color: white;
	border-radius: 5px;
}
.dropdown-charcoal li a:hover, .dropdown-charcoal li a:focus, .dropdown-charcoal li a:active, .dropdown-charcoal li.active a, .dropdown-charcoal li.active a:hover, .dropdown-charcoal .dropdown-submenu:hover > a, .nav-tabs .dropdown-charcoal li > a:focus {
	background: #36454F;
	color: white;
	border-radius: 5px;
}
.dropdown-dkgreen li a:hover, .dropdown-dkgreen li a:focus, .dropdown-dkgreen li a:active, .dropdown-dkgreen li.active a, .dropdown-dkgreen li.active a:hover, .dropdown-dkgreen .dropdown-submenu:hover > a, .nav-tabs .dropdown-dkgreen li > a:focus {
	background: #005E00;
	color: white;
	border-radius: 5px;
}
.dropdown-gray li a:hover, .dropdown-gray li a:focus, .dropdown-gray li a:active, .dropdown-gray li.active a, .dropdown-gray li.active a:hover, .dropdown-gray .dropdown-submenu:hover > a, .nav-tabs .dropdown-gray li > a:focus {
	background: #A0A0A0;
	color: white;
	border-radius: 5px;
}
.dropdown-ltblue li a:hover, .dropdown-ltblue li a:focus, .dropdown-ltblue li a:active, .dropdown-ltblue li.active a, .dropdown-ltblue li.active a:hover, .dropdown-ltblue .dropdown-submenu:hover > a, .nav-tabs .dropdown-ltblue li > a:focus {
	background: #0092CA;
	color: white;
	border-radius: 5px;
}
.dropdown-ltgreen li a:hover, .dropdown-ltgreen li a:focus, .dropdown-ltgreen li a:active, .dropdown-ltgreen li.active a, .dropdown-ltgreen li.active a:hover, .dropdown-ltgreen .dropdown-submenu:hover > a, .nav-tabs .dropdown-ltgreen li > a:focus {
	background: #8FBA56;
	color: white;
	border-radius: 5px;
}
.dropdown-orange li a:hover, .dropdown-orange li a:focus, .dropdown-orange li a:active, .dropdown-orange li.active a, .dropdown-orange li.active a:hover, .dropdown-orange .dropdown-submenu:hover > a, .nav-tabs .dropdown-orange li > a:focus {
	background: #FF7B00;
	color: white;
	border-radius: 5px;
}
.dropdown-pink li a:hover, .dropdown-pink li a:focus, .dropdown-pink li a:active, .dropdown-pink li.active a, .dropdown-pink li.active a:hover, .dropdown-pink .dropdown-submenu:hover > a, .nav-tabs .dropdown-pink li > a:focus {
	background: #D6487E;
	color: white;
	border-radius: 5px;
}
.dropdown-purple li a:hover, .dropdown-purple li a:focus, .dropdown-purple li a:active, .dropdown-purple li.active a, .dropdown-purple li.active a:hover, .dropdown-purple .dropdown-submenu:hover > a, .nav-tabs .dropdown-purple li > a:focus {
	background: #9585BF;
	color: white;
	border-radius: 5px;
}
.dropdown-red li a:hover, .dropdown-red li a:focus, .dropdown-red li a:active, .dropdown-red li.active a, .dropdown-red li.active a:hover, .dropdown-red .dropdown-submenu:hover > a, .nav-tabs .dropdown-red li > a:focus {
	background: #D8181D;
	color: white;
	border-radius: 5px;
}
.dropdown-rose li a:hover, .dropdown-rose li a:focus, .dropdown-rose li a:active, .dropdown-rose li.active a, .dropdown-rose li.active a:hover, .dropdown-rose .dropdown-submenu:hover > a, .nav-tabs .dropdown-rose li > a:focus {
	background: #EFB5BC;
	color: white;
	border-radius: 5px;
}
.dropdown-teal li a:hover, .dropdown-teal li a:focus, .dropdown-teal li a:active, .dropdown-teal li.active a, .dropdown-teal li.active a:hover, .dropdown-teal .dropdown-submenu:hover > a, .nav-tabs .dropdown-teal li > a:focus {
	background: #008C9A;
	color: white;
	border-radius: 5px;
}