@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;
}