@import url("https://fonts.googleapis.com/css?family=Raleway");

:root {
  --ppt_blue1:  #112C51; /* PPT Blue (Dark)  */
  --ppt_blue2:  #0D4975; /* PPT Blue 75%     */
  --ppt_blue3:  #096698; /* PPT Blue 50%     */
  --ppt_blue4:  #0482BC; /* PPT Blue 25%     */
  --ppt_blue5:  #009FDF; /* PPT Blue (Light) */
  --ppt_yellow: #FFD600;
  --ppt_orange: #F89B1C;
  --light_gray: #F4F4F4;
}
 
body {
	color: #000000;
	font-size: 14px;
    line-height: 1.5;
	margin: 0px;
	padding-top: 50px;
	
	background-image: url("blue_background_light.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}




.form_data {
	color: #000000;
	font-style: bold;
	font-family: 'Raleway';	
	font-size: 18px;
	padding: 5px;
	margin: 8px 0;
}


.layout_header {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height: 46;
	background: linear-gradient(90deg, #112C51, #009FDF);
	border-bottom: 4px solid var(--ppt_yellow); /* YELLOW BAR */
}
.layout_header_space {
	height: 50;
}


.layout_header a:link, .layout_header a:visited, .layout_header a:focus, .layout_header a:active {
	color: #ffffff;
	text-decoration: none;
}
.layout_header a:hover {
	color: var(--ppt_blue5);
	text-decoration: none;
}

.layout_title {
	position: absolute;
	top: 0;
	left: 0;
	height: 46;
	color: #ffffff;
	font-size: 18pt;
	font-family: 'Raleway';
	font-weight: normal;
	vertical-align: middle;
	line-height: 36px;
	padding-left: 5px;
	padding-top: 5px;
}

.description {
	text-align: center;
	font-family: 'Raleway';
	padding: 5px;
	margin: 10px;
	background: linear-gradient(0deg, #ddddff, #eeeeff);
	border: 1px solid #aaaaaa;
}
.description_green {
	text-align: center;
	font-family: monospace;
	padding: 5px;
	margin: 10px;
	width: calc(100vw - 20px);
	background: linear-gradient(0deg, #ddffdd, #eeffee);
	border: 1px solid #aaaaaa;
}




.network_eligibility_ppt_supportable {
	white-space: nowrap;
	margin: 10px;
	color: #000;
	font-size: 10pt;
	text-align: center;
	font-family: calibri;
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}

.network_eligibility_ppt_supportable th {
	color: #ffffff;
	background: #009FDF;
	border: 1px solid #000000;
}

.network_eligibility_ppt_supportable tf {
	color: #ffffff;
	background: linear-gradient(#0D4975, #4472C4);
	background: #009FDF;
		border: 1px solid #000;
}

.network_eligibility_ppt_supportable tr:nth-child(even) {
	background-color: #ffffff;
}
.network_eligibility_ppt_supportable tr:nth-child(odd) {
	background-color: #eeeeee;
}

.network_eligibility_ppt_supportable tr:hover {
	background-color: #bbbbbb;
}

.network_eligibility_ppt_supportable th,
.network_eligibility_ppt_supportable td {
	margin: 0;
	padding-bottom 0px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000;	
}


.tools_title1 {
	font-weight: bold;
	text-align: center;
	font-family: 'Raleway';
	font-size: 20px;
	color: var(--ppt_blue3);
}


.tools_title2 {
	font-weight: normal;
	text-align: center;
	font-family: 'Raleway';
	font-size: 14px;
}






/* EVERYTHING BELOW HERE CURRENTLY IS FOR WELCOME SCREEN/BANNER */
.tool_body {
	background-image: url("blue-background.png");
	background-repeat: no-repeat;
	background-size: cover;

}
.tool_ppt_logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 250px;
	height: 250px;
	margin: 10px;
	background-image: url("ppt-logo.svg");
	background-size: 250px;
	background-repeat: no-repeat;
}

.tool_banner {
	display: table;
	position: fixed;
	top: calc(50vh - 150px);
	left: 0;
	width: 100vw;
	height: 300px;
	background-color: rgba(255, 255, 255, 0.6);
	border-bottom: 4px solid var(--ppt_yellow); /* YELLOW BAR */
	border-top: 4px solid var(--ppt_yellow);    /* YELLOW BAR */
}
.tool_banner_content {
    display: table-cell;
    height: 100%;
	width: 100%;
	text-align: center;
    vertical-align:middle;
	font-family: 'Raleway';

}
.tool_button {
	border-radius: 8px;
	background-color: var(--ppt_blue5);
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	padding: 5px;
	width: 200px;
	transition: all 0.0s;
	cursor: pointer;
	margin: 10px;
	font-family: 'Raleway';
	white-space: nowrap;
}

.tool_button:hover {
 	background-color: var(--ppt_yellow);
	color: #000000;
}

.tool_file {
	border-radius: 8px;
	background-color: #eeeeff;
	padding: 10px;
	margin: 10px;
	font-size: 20px;
	border: 2px solid black;
}

.tool_input_textarea {
	resize: none;
	overflow-y:scroll;
	width: 70vw;
	height: 250px;
	border: solid 2px black;
    box-shadow: 0 0 0px var(--ppt_blue1);
    outline: none !important;
	transition: all 0.0s;
	margin: 15px;
}
.tool_input_textarea:hover {
    outline: none !important;
    border: 2px solid black;
    box-shadow: 0 0 8px var(--ppt_blue3);
}
.tool_input_textarea:focus {
    outline: none !important;
    border: 2px solid black;
    box-shadow: 0 0 8px var(--ppt_blue3);
}






.tool_table {
	text-align: center;
	border: 0px;
	border-collapse: collapse;
}
.tool_table td {
	border: 0px;
}
.tool_icon {
	display: inline-block;
	text-align: center;
	margin: 10px;
	width: 150px;
	height: 150px;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #aaaaaa;
}
.tool_icon:hover {
    box-shadow: 0 0 8px var(--ppt_blue3);
}
.tool_icon_image {
	font-family: 'Raleway';
	margin-top: 5px;
	width: 140px;
	height: 140px;
}








.label_table {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	color: var(-ppt_blue5);
}








.description_table {
	font-family: monospace;
	border-collapse: collapse;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
	color: var(-ppt_blue5);
}
.description_table td {
	padding: 2px 5px 2px 5px

}





.doc {
	margin: 10px;
	padding: 0px;
	font-family: 'Raleway';
}






.doc1 {
	width: 100%;
	line-height: 30px;
	border-bottom: 1px solid black;
	margin-top: 10px;
	font-weight: bold;
	font-size: 24px;
}
.doc2 {
	font-weight: bold;
	font-size: 24px;
}

.doc_text {
	font-family: 'Raleway';
	font-weight: normal;
	font-size: 14px;
}





















/* RESULTS TABLE (GENERIC) */
.table_results {
	white-space: nowrap;
	margin: 10px;
	color: #000000;
	font-size: 10pt;
	text-align: center;
	font-family: calibri;
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}
.table_results th {
	color: #ffffff;
	background-color: #009FDF;
}
.table_results tr:nth-child(even) {
	background-color: #ffffff;
}
.table_results tr:nth-child(odd) {
	background-color: #eeeeee;
}
.table_results tr:hover {
	background-color: #aaaaaa;
}
.table_results th, td {
	margin: 0;
	padding: 0px 5px;
	border: 1px solid #000;	
}

/* COLOR VARIATIONS FOR CELLS */
.c_black {
	background-color: #000000;
}

.c_red {
	background-color: #F8CBAD;
}

.c_green {
	background-color: #C6E0B4;
}

.c_yellow {
	background-color: #FFE699;
}

.c_index { /* Row Numbering, or "#" */
	color: #ffffff;
	background-color: #009FDF;
}

.align_left {
	text-align: left; !important
}












/* Styling Cisco Nexus */
.text_bold_red {
	font-weight: bold;
	color: #ff0000;
}
.text_bold_yellow {
	font-weight: bold;
	color: #ffff00;
}
.text_bold_green {
	font-weight: bold;
	color: #00ff00;
}


.section_h1 {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 28px;
	border-bottom: 1px solid black;
	margin: 10px;
}

.section_h2 {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 18px;
	margin: 10px;
}




.table_basic {
	white-space: nowrap;
	margin: 15px;
	color: #000;
	font-size: 18px;
	font-family: 'calibri';
	border-collapse: collapse;
	white-space: nowrap;
	overflow: hidden;
}
.table_basic th {
	border: 1px solid #aaaaaa;
	color: #ffffff;
	background-color: #009FDF;
}
.table_basic td {
   border: 1px solid #aaaaaa;
   background-color: #ffffff;
}








/* EVERYTHING BELOW HERE CURRENTLY IS FOR WELCOME SCREEN/BANNER */
.welcome_body {
	background-image: url("blue_background.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.welcome_banner {
	display: table;
	position: fixed;
	top: calc(50vh - 125px);
	left: calc(50vw - 250px);
	width: 500px;
	height: 250px;
	background-color: rgba(255, 255, 255, 0.2);
	

	background-repeat: no-repeat;
	background-size: cover;
	
	
	border: 4px solid black; /*var(--ppt_yellow; YELLOW BAR */
}

.welcome_banner_content {
    display: table-cell;
    height: 100%;
	width: 100%;
	text-align: center;
    /* vertical-align: middle; */
	font-family: 'Raleway';

}
.welcome_button {
	border-radius: 8px;
	background-color: var(--ppt_blue5);
	border: none;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	font-size: 18px;
	padding: 5px;
	width: 200px;
	transition: all 0.0s;
	cursor: pointer;
	margin: 10px;
	font-family: 'Raleway';
	white-space: nowrap;
}

.welcome_button:hover {
 	background-color: var(--ppt_yellow);
	color: #000000;
}


.welcome_banner_header {
	background-color: rgba(0, 0, 0, 0.7);
	border-bottom: 4px solid black; /*var(--ppt_yellow; YELLOW BAR */
	font-size: 24px;
	padding-left: 5px;
	color: #ffffff;
	text-align: left;
}


.login_table {
	text-align: center;
	border: 0px;
	border-collapse: collapse;
	font-size: 20px;
	color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
	font-style: bold;
	font-family: 'Raleway';
	text-align: right;
}
.login_table td {
	border: 0px;
}