diff options
Diffstat (limited to 'ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css')
| -rw-r--r-- | ecomp-sdk-app/src/main/webapp/app/fusion/external/ebz/fn-ebz.css | 1614 |
1 files changed, 1614 insertions, 0 deletions
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 |