Initial OpenECOMP policy/engine commit
[policy/engine.git] / 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 (file)
index 0000000..f81cc2a
--- /dev/null
@@ -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