diff options
Diffstat (limited to 'ecomp-portal-BE/war/static/ebz/fn-ebz.css')
| -rw-r--r-- | ecomp-portal-BE/war/static/ebz/fn-ebz.css | 1344 |
1 files changed, 1344 insertions, 0 deletions
diff --git a/ecomp-portal-BE/war/static/ebz/fn-ebz.css b/ecomp-portal-BE/war/static/ebz/fn-ebz.css new file mode 100644 index 00000000..02e488f6 --- /dev/null +++ b/ecomp-portal-BE/war/static/ebz/fn-ebz.css @@ -0,0 +1,1344 @@ +@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.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; +} + +.login-btn { + cursor: pointer; + background: #d97b34; + background-image: -webkit-linear-gradient(top, #d97b34, #b8632b); + background-image: -moz-linear-gradient(top, #d97b34, #b8632b); + background-image: -ms-linear-gradient(top, #d97b34, #b8632b); + background-image: -o-linear-gradient(top, #d97b34, #b8632b); + background-image: linear-gradient(to bottom, #d97b34, #b8632b); + -webkit-border-radius: 7; + -moz-border-radius: 7; + border-radius: 7px; + font-family: Arial; + color: #ffffff; + font-size: 13px; + padding: 4px 10px 4px 10px; + text-decoration: none; +} + +.login-btn:hover { + background: #db9444; + background-image: -webkit-linear-gradient(top, #db9444, #ba853a); + background-image: -moz-linear-gradient(top, #db9444, #ba853a); + background-image: -ms-linear-gradient(top, #db9444, #ba853a); + background-image: -o-linear-gradient(top, #db9444, #ba853a); + background-image: linear-gradient(to bottom, #db9444, #ba853a); + text-decoration: none; +} + + +#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; +} +}
\ No newline at end of file |