--- /dev/null
+@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
Code Review / portal.git / blobdiff