From 91d04c64771832a0b8815ffbe1f0f9920320d94d Mon Sep 17 00:00:00 2001
From: Pamela Dragosh <pdragosh@research.att.com>
Date: Tue, 14 Feb 2017 19:41:00 -0500
Subject: Initial OpenECOMP policy/engine commit

Change-Id: I7dbff37733b661643dd4d1caefa3d7dccc361b6e
Signed-off-by: Pamela Dragosh <pdragosh@research.att.com>
---
 .../main/webapp/app/fusion/external/ebz/fn-ebz.css | 1614 ++++++++++++++++++++
 1 file changed, 1614 insertions(+)
 create mode 100644 ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css

(limited to 'ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css')

diff --git a/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css
new file mode 100644
index 000000000..f81cc2a4b
--- /dev/null
+++ b/ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css
@@ -0,0 +1,1614 @@
+@CHARSET "ISO-8859-1";
+
+* {
+	font-family: Arial;
+}
+
+/* html, body {
+	overflow:auto
+} */
+div.fn-ebz-container {
+	position: relative;
+	display: inline-block;
+	margin-top: 4px;
+	padding-bottom: 16px;
+}
+
+div.fn-ebz-small-container {
+	position: relative;
+	display: inline-block;
+	margin-top: 4px;
+	padding-bottom: 16px;
+	height: 30px;
+}
+
+.myDivBackground div {
+	font-family: clearviewatt;
+	font-size: 11px;
+	font-weight: normal;
+	background: rgb(242, 242, 242);
+}
+
+.myGrid tr.z-row td.z-row-inner {
+	border: 0px rgb(242, 242, 242);
+	border-right: 0px solid transparent;
+	padding: 0px;
+}
+
+.myGrid tr.z-row-over>td.z-row-inner>.z-row-cnt {
+	color: #00547A;
+}
+
+.ebz-radioDiv {
+	border: 1px solid #8FB9D0;
+	padding: 10px;
+	"
+}
+/**************************************************************************************/
+/**************************** following is for button**********************************/
+/**************************************************************************************/
+.fn-ebz-btn,.fn-ebz-btn.std {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	height: 40px;
+	padding-left: 30px;
+	padding-right: 30px;
+	font-size: 18px;
+	text-align: center;
+	border: 0px;
+	cursor: pointer;
+	color: rgba(255, 255, 255, 1);
+	margin-top: 5px;
+	margin-bottom: 5px;
+}
+
+.fn-ebz-btn.sm {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	height: 30px;
+	padding-left: 20px;
+	padding-right: 20px;
+	font-size: 12px;
+	text-align: center;
+	border: 0px;
+	cursor: pointer;
+	color: rgba(255, 255, 255, 1);
+}
+
+.fn-ebz-btn.primary {
+	background-color: #067AB4;
+}
+
+.fn-ebz-btn.footer {
+	color: #067AB4;
+}
+
+.fn-ebz-btn:hover {
+	background-color: rgba(0, 145, 217, 1) !important;
+}
+
+.fn-ebz-btn:active {
+	background-color: rgba(57, 176, 236, 1) !important;
+}
+
+.fn-ebz-btn:disabled {
+	background-color: rgba(211, 211, 211, 1) !important;
+	color: rgba(170, 170, 170, 1);
+	cursor: initial;
+}
+
+.fn-ebz-btn:focus {
+	outline-offset: 2px; /* not supported in IE */
+	outline: rgba(57, 176, 236, 1) solid 1px;
+}
+
+.fn-ebz-btn.loading {
+	color: transparent !important;
+	background: url("../images/fn-ebz-css/processing.gif") no-repeat;
+	background-position: center;
+	background-color: rgba(211, 211, 211, 1) !important;
+}
+
+.fn-ebz-btn.directional::after {
+	content: " \2192";
+	vertical-align: middle;
+}
+
+/*************************************************************************************/
+/**************************** following is for label**********************************/
+/*************************************************************************************/
+/*-----------------------------------------------------------------------------------*/
+/*---- font-size rules for label, specify top attr when change font size of label ---*/
+/*------------------------------ top: -(font-size)px --------------------------------*/
+/*-----------------------------------------------------------------------------------*/
+label.fn-ebz-text-label,label.fn-ebz-select-label {
+	position: absolute;
+	color: #444444;
+	left: 0px;
+	top: -5px;
+	white-space: nowrap;
+	font-family: Arial;
+	/*font-size: 12px;*/
+	font-size: .75rem;
+}
+
+label.fn-ebz-radiobtn-label {
+	background-image: url(../images/fn-ebz-css/radio_btn.png);
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+/*************************************************************************************/
+/**************************** following is for text field ****************************/
+/*************************************************************************************/
+input[type="password"].fn-ebz-text {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	margin-top: 8px;
+	height: 30px;
+	width: 250px;
+	border: 1px solid gray;
+	font-size: .875rem;
+	/*font-size: 11px;*/
+	/*font-weight: bold;*/
+	padding-left: 10px;
+}
+
+input[type="text"].fn-ebz-text {
+	width: 210px;
+	margin-right: 20px;
+}
+
+input[type="text"].fn-ebz-text:hover {
+	border: 1px solid black;
+}
+
+input[type="text"].fn-ebz-text:hover+label.fn-ebz-text-label {
+	color: black;
+}
+
+input[type="text"].fn-ebz-text:focus {
+	outline: 0;
+	border: 1px solid rgba(57, 176, 236, 1);
+}
+
+input[type="text"].fn-ebz-text:focus+label.fn-ebz-text-label {
+	color: rgba(57, 176, 236, 1);
+}
+
+input[type="text"].fn-ebz-text:disabled {
+	background-color: LightGray;
+}
+
+input[type="text"].fn-ebz-text:disabled+label.fn-ebz-text-label {
+	color: LightGray;
+}
+
+input[type="text"].fn-ebz-text:hover:disabled {
+	border: 1px solid gray;
+}
+
+input[type="text"].fn-ebz-text:hover:disabled+label.fn-ebz-text-label {
+	color: LightGray;
+}
+
+input[type="text"].fn-ebz-text.small {
+	width: 30px;
+	height: 20px;
+}
+
+input[type="text"].fn-ebz-text.medium-width {
+	width: 60px;
+}
+
+input[type="text"].fn-ebz-text.large {
+	width: 350px;
+}
+
+input[type="text"].fn-ebz-text.extra-large {
+	width: 520px;
+}
+
+input[type="text"].fn-ebz-text.medium {
+	width: 200px;
+	height: 29px;
+	margin-top: 0;
+	padding-top: 10px;
+	padding-right: 10px;
+	padding-bottom: 10px;
+	padding-left: 10px;
+}
+
+input[type="text"].fn-ebz-text.search {
+	width: 200px;
+	height: 30px;
+	padding-top: 10px;
+	padding-right: 10px;
+	padding-bottom: 10px;
+	padding-left: 10px;
+}
+
+input[type="text"].fn-ebz-text.normal {
+	width: 250px;
+	height: 30px;
+	padding-top: 10px;
+	padding-right: 10px;
+	padding-bottom: 10px;
+	padding-left: 10px;
+}
+/********************************************************************************/
+/************************ following is for errors and valid *********************/
+/********************************************************************************/
+.fn-ebz-error {
+	border: 1px solid red !important;
+}
+
+.fn-ebz-errorGeneric {
+	border: 1px solid red !important;
+}
+
+.fn-ebz-errorGeneric+label.fn-ebz-text-label::after,.fn-ebz-errorGeneric+label.fn-ebz-select-label::after
+	{
+	content: url("../images/fn-ebz-css/error_sign_generic.png");
+	baseline-shift: -2px;
+	margin-left: 10px;
+}
+
+.fn-ebz-validInput {
+	border: 1px solid green !important;
+}
+
+.fn-ebz-validInput+label.fn-ebz-text-label::after {
+	content: url("../images/fn-ebz-css/warning_sign.png")
+		url("../images/fn-ebz-css/10px_space.png")
+		url("../images/fn-ebz-css/valid_check.png");
+	baseline-shift: -2px;
+	margin-left: 5px;
+	margin-right: 5px;
+}
+
+.fn-ebz-validInput+label.fn-ebz-select-label {
+	color: green;
+}
+
+.fn-ebz-validInput+label.fn-ebz-select-label::after {
+	content: url("../images/fn-ebz-css/valid_check.png");
+	baseline-shift: -2px;
+	margin-left: 10px;
+}
+
+/*************************************************************************************************/
+/************************************* Following is for tooltips *********************************/
+/*************************************************************************************************/
+span.fn-ebz-tooltip,span.fn-ebz-tooltip.south {
+	position: absolute;
+	height: 30px;
+	top: 90%;
+	left: 0%;
+	line-height: 30px;
+	text-align: center;
+	visibility: hidden;
+	border-radius: 6px;
+	padding-left: 10px;
+	padding-right: 10px;
+	opacity: 0.7;
+	z-index: 999;
+	font-weight: bold;
+	font-size: 14px;
+	color: #000000;
+	background: #FFFFFF;
+	box-shadow: 0px 6px 6px gray;
+	border: 2px solid #EEEEEE;
+	text-align: center;
+	white-space: nowrap;
+}
+
+span.fn-ebz-tooltip::before,span.fn-ebz-tooltip.south::before {
+	content: '';
+	position: absolute;
+	bottom: 100%;
+	left: 14px;
+	margin-left: -12px;
+	width: 0;
+	height: 0;
+	border-bottom: 12px solid #EEEEEE;
+	border-right: 12px solid transparent;
+	border-left: 12px solid transparent;
+}
+
+span.fn-ebz-tooltip::after,span.fn-ebz-tooltip.south::after {
+	content: '';
+	position: absolute;
+	bottom: 99%;
+	left: 14px;
+	margin-left: -8px;
+	width: 0;
+	height: 0;
+	border-bottom: 8px solid #FFFFFF;
+	border-right: 8px solid transparent;
+	border-left: 8px solid transparent;
+}
+
+span.fn-ebz-tooltip:hover {
+	border: 2px solid Darkgray;
+}
+
+span.fn-ebz-tooltip:hover.south::before {
+	border-bottom: 12px solid Darkgray;
+}
+
+span.fn-ebz-tooltip:hover.south::after {
+	border-bottom: 8px solid white;
+}
+
+span.fn-ebz-tooltip:hover.north::before {
+	border-top: 12px solid Darkgray;
+}
+
+span.fn-ebz-tooltip:hover.north::after {
+	border-top: 8px solid white;
+}
+
+span.fn-ebz-tooltip.north {
+	top: -70%;
+}
+
+span.fn-ebz-tooltip.north::before {
+	top: 100%;
+	border-top: 12px solid #EEEEEE;
+	border-bottom: 0;
+}
+
+span.fn-ebz-tooltip.north::after {
+	top: 100%;
+	border-top: 8px solid #FFFFFF;
+	border-bottom: 0;
+}
+
+span.fn-ebz-tooltip.error {
+	color: #FFFFFF;
+	padding-left: 30px;
+	background: url("../images/fn-ebz-css/error_sign_spec.png") no-repeat;
+	background-position: 10px 7px;
+	background-color: #FF0000;
+	border: 0;
+}
+
+span.fn-ebz-tooltip.error::before,span.fn-ebz-tooltip.warning:before {
+	border: 0;
+}
+
+span.fn-ebz-tooltip.error.south::after {
+	border-bottom: 8px solid #FF0000 !important;
+}
+
+span.fn-ebz-tooltip.error.north::after {
+	border-top: 8px solid #FF0000 !important;
+}
+
+span.fn-ebz-tooltip.warning {
+	color: black;
+	padding-left: 30px;
+	background: url("../images/fn-ebz-css/warning_sign.png") no-repeat;
+	background-position: 10px 7px;
+	background-color: orange;
+	border: 0;
+}
+
+span.fn-ebz-tooltip.warning.south::after {
+	border-bottom: 8px solid orange !important;
+}
+
+span.fn-ebz-tooltip.warning.north::after {
+	border-bottom: 8px solid orange !important;
+}
+
+/*************************************************************************************************/
+/************************************* Following is for Dropdown *********************************/
+/*************************************************************************************************/
+select.fn-ebz-dropdown::-ms-expand {
+	display: none;
+}
+
+select.fn-ebz-dropdown {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-appearance: none; /* not supported in IE */
+	-moz-appearance: none; /* not supported in IE */
+	appearance: none; /* not supported in IE */
+	height: 30px;
+	width: 200px;
+	padding-left: 10px;
+	padding-right: 30px;
+	background: url(../images/fn-ebz-css/down_arrow.png) no-repeat right;
+	background-color: white;
+	color: gray;
+	margin-top: 8px;
+	font-size: 12px;
+}
+
+select.fn-ebz-dropdown:hover {
+	border: 1px solid black;
+	color: black;
+}
+
+select.fn-ebz-dropdown:hover+label.fn-ebz-select-label {
+	color: black;
+}
+
+select.fn-ebz-dropdown:focus {
+	outline: 0;
+	color: black;
+	border: 1px solid rgba(0, 145, 217, 1);
+	background: url(../images/fn-ebz-css/up_arrow.png) no-repeat right;
+}
+
+select.fn-ebz-dropdown:focus+label.fn-ebz-select-label {
+	color: rgba(0, 145, 217, 1);
+}
+
+select.fn-ebz-dropdown.medium {
+	width: 150px;
+	height: 29px;
+	margin: auto;
+	padding-right: 10px;
+	padding-left: 10px;
+}
+
+select.fn-ebz-dropdown.large {
+	height: 36px;
+	font-size: 14px;
+}
+
+.mydropdown {
+	color: gray;
+	/*font-size:11px;*/
+	font-size: .875rem;
+}
+
+select.fn-ebz-dropdown.search {
+	width: 200px;
+	height: 30px;
+	margin: auto;
+	padding: 0px;
+}
+/*************************************************************************************************/
+/********************************* following is for radio button *********************************/
+/*************************************************************************************************/
+div.fn-ebz-container>input[type=radio],input[type=radio].fn-ebz-radiobtn
+	{
+	display: none;
+}
+
+div.fn-ebz-container>input[type=radio]+label.fn-ebz-radiobtn-label,input[type=radio].fn-ebz-radiobtn+label.fn-ebz-radiobtn-label
+	{
+	background-image: url(../images/fn-ebz-css/radio_btn.png);
+	padding-left: 32px;
+	height: 30px;
+	display: block;
+	line-height: 30px;
+	background-repeat: no-repeat;
+	background-position: 0 0px;
+	font-size: 16px;
+	vertical-align: middle;
+	cursor: pointer;
+	opacity: 0.8;
+}
+
+div.fn-ebz-container>input[type=radio]+label.fn-ebz-radiobtn-label:hover,input[type=radio].fn-ebz-radiobtn+label.fn-ebz-radiobtn-label:hover
+	{
+	opacity: 1;
+}
+
+div.fn-ebz-container>input[type=radio]:checked+label.fn-ebz-radiobtn-label,input[type=radio].fn-ebz-radiobtn:checked+label.fn-ebz-radiobtn-label
+	{
+	background-image: url(../images/fn-ebz-css/radio_btn.png);
+	background-position: 0 -30px;
+}
+
+div.fn-ebz-container>input[type=radio]:disabled+label.fn-ebz-radiobtn-label,input[type=radio].fn-ebz-radiobtn:disabled+label.fn-ebz-radiobtn-label
+	{
+	-webkit-filter: grayscale(100%);
+	opacity: 0.5;
+	cursor: default;
+}
+
+label.fn-ebz-radiobtn-label:active {
+	background-position: 0 -60px !important;
+	color: rgba(0, 145, 217, 1);
+}
+
+div.fn-ebz-container>input[type=radio].fn-ebz-error+label.fn-ebz-radiobtn-label,input[type=radio].fn-ebz-radiobtn.fn-ebz-error+label.fn-ebz-radiobtn-label
+	{
+	background-position: 0 -90px;
+}
+
+div.fn-ebz-container>input[type=radio].fn-ebz-errorGeneric+label.fn-ebz-radiobtn-label,input[type=radio].fn-ebz-radiobtn.fn-ebz-errorGeneric+label.fn-ebz-radiobtn-label
+	{
+	background-position: 0 -90px;
+}
+
+/*************************************************************************************************/
+/********************************* following is header and footer *********************************/
+/*************************************************************************************************/
+.ebz_footer {
+	/*clear: both;*/
+	border-width: 0px 1px 0px 1px;
+	border-style: solid;
+	border-color: #959595;
+	font-family: inherit;
+	font-size: 12px;
+	padding: 10px 10px 30px 10px;
+	/* background: rgba(6, 124, 180, 0.82) !important; */
+	background: #067AB4;
+	color: white;
+}
+
+.ebz_header {
+	border-width: 0px 1px 0px 1px;
+	border-style: solid;
+	border-color: #959595;
+	font-size: 12px;
+	font-family: inherit;
+}
+
+.ebz_header.level1 {
+	background: #226485;
+	color: white;
+}
+
+.ebz_header.level2 {
+	background: #067AB4;
+	padding: 10px 10px 15px 10px;
+	color: white;
+	font-size: 20px;
+}
+
+.ebz_header.level3 {
+	background: white;
+	padding: 10px 10px 10px 10px;
+	color: black;
+}
+
+/*************************************************************************************************/
+/********************************* following is for grid in user page ****************************/
+/*************************************************************************************************/
+.heading1 {
+	font-family: omnes_att_light;
+	font-size: 36px;
+	color: #444444;
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+}
+
+.heading2 {
+	font-family: omnes_att_light;
+	font-size: 24px;
+	color: #444444;
+	margin: 0;
+	padding: 0;
+	font-weight: normal;
+}
+
+.heading3 {
+	font-family: omnes_att_light;
+	font-size: 16px;
+	color: #444444;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+}
+
+.fn-ebz-grid.limited-size {
+	padding: 0;
+	margin: 0;
+	min-height: 40px;
+	max-width: 940px;
+	max-height: 900px;
+}
+
+.fn-ebz-grid tr.z-row td.z-row-inner,tr.z-row .z-cell {
+	border: 0 white;
+	background: rgb(242, 242, 242);
+}
+
+.fn-ebz-grid tr.z-grid-odd td.z-row-inner,tr.z-grid-odd .z-cell,tr.z-grid-odd
+	{
+	background: rgb(255, 255, 255);
+}
+
+.fn-ebz-grid .z-grid-header-bg {
+	background-image: none;
+}
+
+/* 	.fn-ebz-grid tr.z-grid-odd .z-row-over{
+		background:  rgb(107,166,191);
+	} */
+.fn-ebz-grid .z-column-cnt,.z-row-cnt {
+	font-size: 13px;
+	font-weight: normal;
+	color: black;
+}
+
+.fn-ebz-grid .z-column-cnt {
+	text-align: left;
+}
+
+.fn-ebz-grid .z-label {
+	font-size: 12px;
+	font-weight: normal;
+	word-wrap: break-word;
+	white-space: pre-wrap;
+}
+
+.fn-ebz-grid .z-grid-header th.z-column div.z-column-cnt {
+	white-space: pre-wrap;
+	color: white;
+	backgroud: grey;
+}
+
+.fn-ebz-grid div.z-grid-header th.z-column,div.z-grid-header th.z-auxheader
+	{
+	background: rgb(102, 102, 102) repeat-x 0 0 !important;
+	background-image: none !important;
+	background-color: grey;
+	border-color: grey;
+	height: 40px;
+}
+
+.fn-ebz-grid tr.z-row-over>td.z-row-inner {
+	border-color: lightgrey;
+}
+
+.fn-ebz-grid tr.z-row-over>td.z-row-inner,tr.z-row-over>.z-cell {
+	background-color: lightgrey;
+}
+
+.fn-ebz-grid .z-row-cnt {
+	color: black;
+}
+
+.fn-ebz-grid tr.z-row-over>td.z-row-inner>.z-row-cnt {
+	color: black;
+}
+
+.fn-ebz-btn.grid-btn {
+	margin: auto;
+}
+
+.fn-ebz-grid .z-toolbarbutton-cnt {
+	padding: 8px 2px;
+	margin: auto;
+}
+
+.z-button-os,.z-label,.z-button,.z-radio-cnt,.z-checkbox-cnt,.z-loading,.z-toolbarbutton-cnt,.z-button tr td
+	{
+	font-family: Arial;
+}
+
+.fn-ebz-btn.z-button tr td {
+	color: rgba(255, 255, 255, 1);
+}
+
+.fn-ebz-btn.grid-btn.z-toolbarbutton-over .z-toolbarbutton-cnt,.fn-ebz-btn.z-button .z-button-tm,.z-button .z-button-bm,.fn-ebz-btn.z-button .z-button-cm,.z-button .z-button-tl,.fn-ebz-btn.z-button .z-button-tr,.fn-ebz-btn.z-button .z-button-bl,.z-button .z-button-br,.fn-ebz-btn.z-button .z-button-cl,.fn-ebz-btn.z-button .z-button-cr
+	{
+	background-image: none;
+}
+
+.fn-ebz-btn.z-button .z-button-cm {
+	padding: 0;
+}
+
+.fn-ebz-btn.grid-btn.z-toolbarbutton-over .z-toolbarbutton-body {
+	border: 0px;
+}
+
+.fn-ebz-pop-up {
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	border-style: solid;
+	border-width: 1px;
+	max-width: 360px;
+}
+
+.fn-ebz-pop-up .z-label {
+	margin: 0;
+	padding: 0;
+	white-space: pre-wrap;
+}
+
+.fn-ebz-pop-up.success {
+	border-color: #4CA90C;
+}
+
+.fn-ebz-pop-up.warning-unsuccess {
+	border-color: #FF9900;
+}
+
+.fn-ebz-pop-up .heading,.fn-ebz-pop-up .heading .z-label {
+	font-family: Calibri;
+	font-size: 16px;
+	font-weight: bold;
+	white-space: pre-wrap;
+}
+
+.fn-ebz-pop-up.success .heading,.fn-ebz-pop-up.success .heading .z-label
+	{
+	color: #4CA90C
+}
+
+.fn-ebz-pop-up.warning-unsuccess .heading,.fn-ebz-pop-up.warning-unsuccess .heading .z-label
+	{
+	color: #FF9900;
+}
+
+.fn-ebz-pop-up.success .text-content {
+	background-image: url('../images/vsp_check_sign.jpg');
+}
+
+.fn-ebz-pop-up.warning-unsuccess .text-content {
+	background-image: url('../images/vsp_warning_sign.jpg');
+}
+
+.fn-ebz-pop-up .text-content {
+	background-repeat: no-repeat;
+	background-position: 15px center;
+	background-size: 30px 30px;
+	margin: 0;
+	padding: 10px 20px 16px 60px;
+}
+
+.fn-ebz-pop-up {
+	background-color: #FFF;
+	opacity: 0.95;
+}
+
+a.fn-ebz-link {
+	font-family: Calibri;
+	text-decoration: none;
+	color: grey;
+	font-size: 18px;
+}
+
+a.fn-ebz-link:hover {
+	color: rgb(6, 122, 180);
+	cursor: pointer;
+}
+
+.hide,.show {
+	width: 100%;
+	height: 100%;
+}
+
+a.collapsibleArrow {
+	width: 30px;
+	height: 30px;
+	margin-left: 10px;
+}
+
+.fn-ebz-grid .z-column-unassigned-Image {
+	width: 7px;
+	height: 7px;
+}
+
+/*************************************************************************************************/
+/********************************* following is for info label ***********************************/
+/*************************************************************************************************/
+.fn-ebz-info-label {
+	display: inline-block;
+	width: 300px;
+	color: black;
+	padding-left: 30px;
+	background: url("../images/info_blue.jpg") no-repeat;
+	background-position: top left;
+}
+
+/*************************************************************************************************/
+/********************************* following is for ListBox  ****************************/
+/*************************************************************************************************/
+
+/*To change the header color to gray*/
+.mylistbox .z-listbox-header tr.z-listhead,.mylistheader .z-listbox-header tr.z-auxhead
+	{
+	background: rgb(102, 102, 102) repeat-x 0 0 !important;
+	background-image: none !important;
+}
+
+.mylistbox .z-listheader-sort-asc .z-listheader-sort-img,.z-listheader-sort-dsc .z-listheader-sort-img
+	{
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.mylistbox tr.z-listbox-odd {
+	background: rgb(255, 255, 255);
+}
+
+.mylistbox .z-listitem {
+	background: rgb(242, 242, 242);
+}
+
+.mylistbox .z-listitem-over {
+	background-color: rgb(107, 166, 191) !important;
+	border: none;
+	cursor: pointer;
+	text-shadow: 1px 1px 1px #59ACC1;
+}
+
+.mylistbox .z-listbox-header-bg {
+	background-image: none;
+}
+
+.mylistbox div.z-listheader-cnt {
+	color: white;
+}
+
+div.z-listbox {
+	overflow: hidden;
+	zoom: 1;
+	background: #FFF;
+	border: none;
+	background-image: none;
+}
+
+.mylistbox .z-listcell-cnt {
+	font-size: 13px;
+	font-family: Arial;
+}
+
+div.ebz-listbox {
+	height: 350px;
+	border: 1px solid black;
+	overflow: auto;
+	border-radius: 6px;
+	border-color: rgb(105, 138, 154);
+	background-color: rgb(255, 255, 255);
+	padding: 10px;
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+}
+
+/*************************************************************************************************/
+/********************************* following is for butto on LocationPhoneNosList  ****************************/
+/*************************************************************************************************/
+.myComboboxTextbox .z-combobox .z-combobox-inp {
+	border: 1px solid #E6E6E6;
+	border-top-color: #B2B2B2;
+	border-right: 0;
+	padding: 2px;
+	border-radius: 6px 0 0 2px;
+	-moz-border-radius: 2px 0 0 2px;
+	-webkit-border-radius: 6px 0 0 2px;
+	height: 25px;
+}
+
+.myzkBtn {
+	color: gray;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	height: 32px;
+	width: 32px;
+	background: white;
+	margin-top: 8px;
+}
+
+.myTextbox {
+	padding-left: 8px;
+	border-radius: 6px;
+	height: 30px;
+	width: 150px;
+}
+/*************************************************************************************************/
+/********************************* following is for Dashboard ****************************/
+/*************************************************************************************************/
+.ebz_dashboard .z-panel-br,.ebz_dashboard .z-panel-cr,.ebz_dashboard .z-panel-cl,.ebz_dashboard .z-panel-hr,.ebz_dashboard .z-panel-tr,.ebz_dashboard .z-panel-hl
+	{
+	background-image: none;
+	background-color: white;
+	color: white;
+}
+
+.ebz_dashboard .z-panel-hm .z-panel-header,.ebz_dashboard .z-panel-header
+	{
+	background-image: none;
+	background-color: white;
+	font-size: 15px;
+	font-weight: bold;
+	color: grey;
+	font-family: Arial;
+}
+
+.ebz_dashboard .z-panel-hl {
+	border-bottom: 0px;
+}
+
+.ebz_dashboard .z-panelchildren {
+	border: 0px;
+}
+
+.ebz_dashboard .z-panel-shadow {
+	box-shadow: 0 2px 5px 0 #bebebe;
+	border: 3px solid rgb(242, 242, 242);
+}
+
+.ebz_dashboard .search_panel_span {
+	font-size: 12px;
+}
+
+.mypanel .z-panel-br,.mypanel .z-panel-cr,.mypanel .z-panel-cl,.mypanel .z-panel-hr,.mypanel .z-panel-tr,.mypanel .z-panel-hl
+	{
+	background-image: none;
+	background-color: grey;
+	color: white;
+}
+
+.mypanel .z-panel-hm .z-panel-header,.mypanel .z-panel-header {
+	background-image: none;
+	background-color: grey;
+	font-size: 15px;
+	font-weight: bold;
+	color: white;
+}
+
+.adashboard {
+	color: grey;
+	text-decoration: none;
+	font-size: 14px;
+	font-family: Arial;
+}
+
+.adashboard:hover {
+	color: rgb(6, 122, 180);
+}
+
+.horizontal-label {
+	font-size: 12px;
+}
+
+.myDashboard iframe {
+	position: relative;
+	height: 100%;
+	width: 100%;
+	background: rgb(242, 242, 242);
+	border: none;
+}
+
+.myDashboard .a {
+	color: grey !important;
+	font-family: Calibri;
+	text-decoration: none;
+	font-size: 18px;
+}
+
+.myDashboard .a:hover {
+	color: rgb(6, 122, 180);
+}
+
+.fn-ebz-info {
+	width: 500px
+}
+
+.myDashboard .z-panel-hm .z-panel-header,.myDashboard .z-panel-header {
+	background-image: none;
+	background-color: grey;
+	font-size: 15px;
+	font-weight: bold;
+}
+
+.myDashboard .z-window-overlapped-cnt-noborder {
+	padding: 0px;
+}
+
+.fn_ebz_dashboard_search_dd .select2-container .select2-choice {
+	height: 30px;
+	border-top-right-radius: 0px;
+	border-bottom-right-radius: 0px;
+	border: 1px solid #D3D3D3;
+	z-index: 0;
+}
+
+.fn_ebz_dashboard_search_dd .select2-container .select2-chosen {
+	line-height: 30px;
+}
+
+.fn_ebz_dashboard_search_dd .select2-container .select2-choice .select2-arrow b:after,.select2-container.select2-container-disabled .select2-choice .select2-arrow b:after
+	{
+	height: 30px;
+	line-height: 30px;
+}
+
+.fn_ebz_dashboard_search_dd .select2-results {
+	margin: -4px 0 0;
+}
+
+.fn_ebz_dashboard_search_dd .select2-dropdown-open .select2-choice {
+	border-top-right-radius: 0 !important;
+}
+
+.fn_ebz_dashboard_search_dd .select2-container .select2-choice .select2-arrow
+	{
+	border-top-right-radius: 0 !important;
+}
+
+.fn_ebz_dashboard_search_button .button {
+	padding: 6px;
+	border-bottom-left-radius: 0px;
+	border-top-left-radius: 0px;
+}
+
+.fn_ebz_dashboard_input {
+	background: white !important;
+	border-radius: 0 0 0 0 !important;
+	font-family: Arial !important;
+	height: 30px !important;
+	border-left-width: 0px !important;
+	padding-bottom: 9px !important;
+}
+/*************************************************************************************************/
+/********************************* following is for location Manage ****************************/
+/*************************************************************************************************/
+.ebz_location_manage tr.z-listitem-seld .z-listcell-cnt,.ebz_location_manage tr.z-listitem-over-seld .z-listcell-cnt,.ebz_location_manage tr.z-listitem-over .z-listcell-cnt
+	{
+	color: black;
+}
+
+.ebz_location_manage div.z-listbox-header th.z-auxheader {
+	border: none;
+}
+
+.ebz_location_manage div.z-listbox-header div.z-auxheader-cnt {
+	padding-bottom: 0;
+}
+
+.ebz_location_manage div.z-listbox-footer .z-listfooter,.ebz_location_manage div.z-listbox-footer
+	{
+	background: none;
+	border: none;
+}
+
+.ebz_location_manage div.z-listbox-footer table {
+	margin: 0;
+}
+
+/*************************************************************************************************/
+/********************************* following is for CallFowardAdd ****************************/
+/*************************************************************************************************/
+.myhlayout .z-hlayout-inner {
+	vertical-align: middle;
+}
+
+.myhlayout {
+	position: relative;
+	left: 55px;
+}
+
+/* div.tile{
+	display: table-cell;
+	position: relative;
+	height:50%;
+	border: 1px solid grey;
+	border-radius: 15px; 
+}
+div.tile-content{
+	margin: 0;
+	padding: 20px 20px 100px 20px;
+	height:100%;
+}
+div.tile.without_save_btn .tile-content{
+	padding-bottom: 20px;
+}
+div.detail{
+	padding-left:5%;
+   	width: 100%;
+   	height:100%;
+   	display: table;
+   	table-layout: fixed;   	
+	border-spacing: 5px;
+}
+div.detail-row{
+	display:table-row; 
+	width:100%;
+	height:100%;
+} */
+.right-bottom {
+	position: absolute;
+	right: 20px;
+	top: 40px;
+}
+
+.lred .tags__item--color.tags__item .tags__item--color-icon {
+	background: red;
+	border-color: red;
+	z-index: 0;
+}
+
+.lred .tags__item.tags__item--color {
+	border: none;
+}
+
+.lred .tags__item.tags__item--color:active {
+	background: none;
+}
+
+.lgreen .tags__item--color.tags__item .tags__item--color-icon {
+	background: #118817;
+	border-color: #118817;
+	z-index: 0;
+}
+
+.lgreen .tags__item.tags__item--color {
+	border: none;
+}
+
+.lgreen .tags__item.tags__item--color:active {
+	background: none;
+}
+
+ul.tab {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+
+ul.tab li {
+	float: left;
+	border: 1px solid #000;
+	border-bottom-width: 0;
+	margin: 3px 3px 0px 3px;
+	padding: 5px 5px 0px 5px;
+	background-color: #CCC;
+	color: #696969;
+	cursor: pointer;
+}
+
+ul.tab li.active {
+	background-color: #FFF;
+	color: #000;
+}
+
+a.info-link:before {
+	content: url(../images/info_blue.jpg);
+	margin: 0;
+}
+
+table.tableSection {
+	display: table;
+	width: 100%;
+}
+
+table.tableSection thead,table.tableSection tbody {
+	float: left;
+	width: 100%;
+}
+
+table.tableSection tbody {
+	overflow: auto;
+	overflow-x: hidden;
+}
+
+table.tableSection tr {
+	width: 100%;
+	display: table;
+	text-align: left;
+}
+
+.custom-file-input::-webkit-file-upload-button {
+	visibility: hidden;
+}
+
+.custom-file-input::before {
+	content: 'Browse';
+	background-color: #067AB4;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	display: inline-block;
+	height: 30px;
+	padding-left: 10px;
+	padding-right: 10px;
+	padding-top: 5px;
+	font-size: 14px;
+	text-align: center;
+	border: 0px;
+	cursor: pointer;
+	color: rgba(255, 255, 255, 1);
+	margin-top: 5px;
+	margin-bottom: 5px;
+	margin_right: 5px
+}
+
+.custom-file-input:hover::before {
+	border-color: black;
+}
+
+.custom-file-input:active::before {
+	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
+}
+
+.ebz_menu_anchorMenuDiv {
+	position: absolute;
+	display: none;
+	margin-top: 0px;
+	background-color: white;
+	width: 955px;
+	border: 1px solid;
+	border-right: 0px;
+	color: rgb(211, 211, 211);
+}
+
+.ebz_menu_anchorMenuDiv2 {
+	background-color: white;
+	width: 130px;
+	display: true;
+	border: 1px solid;
+	color: rgb(211, 211, 211);
+	float: right;
+	margin-top: -29px;
+	box-shadow: 10px 10px 5px #888888;
+	height: 94vh;
+	position: relative;
+	z-index: 1;
+	border-radius: 8px;
+}
+
+.ebz_menu_anchorHead2 {
+	font-size: 18px;
+}
+
+.ebz_menu_meunIcon_div {
+	width: 1029px;
+	position: relative;
+	z-index: 2;
+}
+
+.ebz_menu_anchorMenu_div {
+	width: 1230px;
+}
+
+.ebz_menu_anchorIcon {
+	margin-top: 10px;
+	font-size: 35px;
+}
+
+.ebz_menu_anchorIcon2 {
+	font-size: 35px;
+}
+
+.ebz_menu_anchorIconAndHead {
+	float: left;
+	margin-left: 40px;
+	width: 125px;
+	height: 95px;
+}
+
+.ebz_menu_anchorIconAndHead2 {
+	margin-top: 20px;
+	margin-bottom: 20px;
+}
+
+.ebz_menu_userItems {
+	text-transform: none;
+	line-height: 10px;
+	font-weight: 100;
+	color: black;
+}
+
+.ebz_menu_userItemsValue {
+	color: #666666;
+}
+
+.ebz_menu_secondLevelOption {
+	font-size: 18px;
+	color: #666666;
+	margin-left: auto;
+	margin-right: auto;
+	float: left;
+}
+
+.ebz_menu_thirdLevelOptionHeader a {
+	color: black;
+	font-weight: bold;
+	font-size: 12px;
+}
+
+.ebz_menu_thirdLevelOptionHeader {
+	margin-top: 25px;
+	float: left;
+	width: 180px;
+}
+
+.ebz_menu_userMenuInfoDiv {
+	margin-top: -252px;
+	background-color: white;
+	margin-left: auto;
+	height: 252px;
+	width: 207px;
+	display: block;
+	border: 1px solid;
+	color: rgb(211, 211, 211);
+}
+
+.ebz_menu_userMenuLogoutDiv {
+	margin-top: 0px;
+	margin-left: 441px;
+	background-color: rgb(250, 250, 250);
+	height: 252px;
+	width: 125px;
+	display: true;
+	border: 1px solid;
+	border-right: 0px;
+	color: rgb(211, 211, 211);
+}
+
+.ebz_menu_navBtn a {
+	position: relative;
+	font-size: 18px;
+	color: white;
+	font-size: 18px;
+	-webkit-transition-property: position, color; /* Safari */
+	-webkit-transition-duration: 5s; /* Safari */
+	transition-property: position, color;
+	transition-duration: 5s;
+}
+
+.ebz_menu_navBtn a:hover {
+	position: relative;
+	bottom: 2px;
+	color: rgb(191, 213, 224);
+}
+
+.ebz_search_directory_phone_detail .phoneDetail {
+	display: inline-block;
+	margin-left: 20px;
+	margin-bottom: 20px;
+}
+
+.ebz_search_directory_phone_detail .phoneDetailInside .colsize {
+	width: 180px;
+	height: 45px;
+	padding: 0px;
+}
+
+.ebz_search_directory_phone_detail .phoneDetailInside {
+	border: 1px solid;
+	width: 400px;
+	height: 250px;
+	background: white;
+}
+
+.ebz_search_button {
+	color: gray;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	height: 32px;
+	width: 32px;
+	background: white;
+	background-repeat: no-repeat;
+	background-position: center;
+	margin-top: 0px;
+}
+
+.ebz_helpfulInfo {
+	border-style: solid;
+	border-width: 1px;
+	margin-bottom: 50px;
+}
+
+.ebz_helpfulInfo .helpfulInfoContent {
+	margin-left: 10px;
+	margin-top: 10px;
+}
+
+.ebz_helpfulInfo .helpfulInfoTable {
+	width: 340px;
+	margin-left: 10px;
+	display: inline-flex;
+}
+
+.ebz_helpfulInfo .helpfulInfoTableHeight {
+	height: 250px;;
+}
+
+.ebz_bulk_edit {
+	margin-top: 20px;
+}
+
+.ebz_bulk_edit .content {
+	margin-top: 20px;
+}
+
+.form-field,.form-field-input-container {
+	width: 210px !important;
+	margin-right: 20px;
+}
+
+.form-field__square .select2-container .select2-choice,.form-field__square select,.form-field__square
+	{
+	-webkit-border-radius: 0;
+	-moz-border-radius: 0;
+	border-radius: 0;
+}
+
+.form-field__square.left_round_border .select2-container .select2-choice,.form-field__square.left_round_border select,.form-field__square.left_round_border div,.form-field__glued.form-field__square.left_round_border input[type="text"]
+	{
+	-webkit-border-radius: 5px 0px 0px 5px;
+	-moz-border-radius: 5px 0px 0px 5px;
+	border-radius: 5px 0px 0px 5px;
+}
+
+.form-field__square.right_round_border .select2-container .select2-choice,.form-field__square.right_round_border select,.form-field__square.right_round_border div,.form-field__glued.form-field__square.right_round_border input[type="text"]
+	{
+	-webkit-border-radius: 0px 5px 5px 0px;
+	-moz-border-radius: 0px 5px 5px 0px;
+	border-radius: 0px 5px 5px 0px;
+}
+
+.form-field__glued.form-field__square {
+	margin-right: -5px;
+}
+
+.form-field__glued.form-field__square {
+	vertical-align: top;
+}
+
+.form-field__glued.form-field__square input[type=text],.form-field__glued.form-field__square select
+	{
+	margin-top: 0;
+}
+
+div.hide-password-placeholder>div.form-field>label.form-field__label.form-field__label--show,div.hide-password-placeholder>div.form-field>label.form-field__label.form-field__label--hide
+	{
+	visibility: hidden;
+}
+
+.col-md-18.content div.fn-ebz-container {
+	margin-top: 14px;
+}
+
+.col-md-18.content div.fixed-in-row {
+	position: fixed;
+	top: 115px;
+	z-index: 95;
+	width: 725px;
+}
+
+.col-md-18.content div.fixed-in-row {
+	text-align: right;
+}
+
+.col-md-18.content .size-onefourth,.form-field__glued.size-onefourth {
+	width: 25%;
+}
+
+.voiceAndCalllog {
+	display: none;
+	position: relative;
+	margin-left: 5px;
+}
+
+.loadingId {
+	position: fixed;
+	top: 50%;
+	right: 50%;
+	z-index: 101;
+}
+
+#messagingDashboard .widgetBody {
+	border: 1px solid #d3d3d3;
+	overflow: hidden
+}
+
+#messagingDashboard .widgetHeader {
+	height: 50px !important;
+	border: 1px solid #d3d3d3;
+	border-bottom: 0;
+	background-color: #e5e5e5;
+	padding-right: 20px;
+	width: 100%;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	z-index: 1;
+	-webkit-border-radius: 2px 2px 0 0;
+	-moz-border-radius: 2px 2px 0 0;
+	-ms-border-radius: 2px 2px 0 0;
+	-o-border-radius: 2px 2px 0 0;
+	border-radius: 2px 2px 0 0;
+	behavior: url(/ebiz/dashboard/web/common/css/pie/PIE.htc );
+	position: relative
+}
+
+#messagingDashboard .widgetHeader .widgetHeaderContent {
+	line-height: 44px;
+	font-family: clearviewatt;
+	font-size: 18px;
+	color: #444
+}
+
+#messagingDashboard .widgetHeader .widgetSubHeaderContent {
+	position: absolute;
+	top: 29.5px;
+	left: 18px;
+	font-family: clearviewatt;
+	font-size: 12px;
+	color: #444
+}
+
+#messagingDashboard input[type="text"].fn-ebz-text {
+	width: 150px;
+	margin-top: 0;
+}
+
+#messagingDashboard div.without_save_btn {
+	display: table-cell;
+}
+
+#messagingDashboard .content-summary {
+	margin-top: 20px;
+	margin-right: 50px;
+}
+
+.appBody {
+	background-color: rgb(242, 242, 242)
+}
+
+.att-drawer {
+	z-index: 997 !important;
+}
+
+.secondaryMenuContainer {
+	z-index: 1000;
+}
+
+.appContent {
+	margin-left: 50px;
+
+	display: inline-block; 
+	float: left;
+}
+
+.appLeftMenu{
+	display: inline-block; 
+	float: left; 
+	width:200px; 
+	height:1px;
+	
+}
+
+.appLeftMenu .appLeftMenuDiv{
+	position: relative; 
+	color: black; 
+	top: 70px;
+}
+
+.appLeftMenu .appLeftMenuAccordDiv{
+	margin-left:10px; 
+	margin-right:10px;
+
+	}
+.appFooter{
+	display: inline-block;
+	 width:100%
+}
+.drawer-backdrop{
+		position:relative !important;
+}
+
+.license-notification{
+	position:fixed; 
+	top:60px; 
+	right:20px;
+	z-index: 999;
+}
\ No newline at end of file
-- 
cgit 1.2.3-korg