/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.gwt-Button-mini{font-size:83%}

.bottomRightPanel{border:.2em solid #eee;qmargin-right:.2em;qmargin-bottom:.2em}
.bottomRightPanel .title{color:black;background-color:#eee;font-size:1em;font-weight:bold;padding:.2em}

.nameAndNumber{color:#00c;cursor:pointer;text-decoration:underline;white-space:nowrap;}

/* google c3d9ff e5ecf9 */



   
a, a:visited, a:hover {
  color: #00c;
  text-decoration: underline;
  cursor: pointer;
  white-space:nowrap;
}

.netsapiens-red{color:#a7405e}
.netsapiens-blue{color:#4e6fa6}

/*
* settings
*/

.settings .name{font-weight:bold}
.settings .description{color:gray}

.self{}
.self-hover {
        color:black;
        background-color:#ff0;
}
.self td {
        padding-right:2pt;
}
.self .domain{font-size:1.5em;font-weight:bold;letter-spacing:-1px}

.self .extension {
        font-size:1.5em;
        font-weight:bold;
        letter-spacing:-1px;
}

.gwt-DecoratorPanel { margin:1px }
.gwt-DecoratorPanel .middleCenter { padding:6px }

.bold{font-weight:bold;letter-spacing:-1px}

.thead{color:gray;white-space:nowrap;text-align:center}
.tbody{text-align:center;white-space:nowrap}
.tbody-warning{color:black;background-color:yellow}
.tbody-failure{color:white;background-color:red}
.tbody-info{color:white;background-color:green}

.active{color:green}
.inactive{color:gray}
.muted{color:red;text-decoration:line-through}

.enable{}
.disable{color:gray}

.hyperlink{color:#00c;text-decoration:underline;cursor:pointer;white-space:nowrap}

.cdr-toolbar{background-color:#fff}

.ok{color:#333;background-color:#fff1a8;font-weight:bold;letter-spacing:-1px;padding:6px}
.error{color:#333;background-color:#fff1a8;font-weight:bold;letter-spacing:-1px;padding:6px}
.busy{color:#333;background-color:#fff1a8;font-weight:bold;letter-spacing:-1px;padding:6px}

 .gwt-DecoratorPanel .middleCenter {
   height: 100%;
   width: 100%;
 }

.gwt-DecoratedTabBar .gwt-TabBarItem { white-space:nowrap }

.obj-activecalls {
	border-bottom: 1px solid #ccc;
	qbackground-color:#ffe;
}
.obj-activecalls .name{
	white-space:nowrap;
}
.obj-activecalls .number{
	color:#00c;cursor:pointer;text-decoration:underline;white-space:nowrap;
}
.obj-activecalls .duration{
	color:gray;
	white-space:nowrap;
}
.obj-activecalls .terminate{cursor:pointer}
.obj-activecalls-selected {
 	background-color:#fff1a8;
}
.obj-activecalls-inbound .direction{
	color:green;
}
.obj-activecalls-outbound .direction{
	color:green;
}
.activecalls-hover {background-color:#fff1a8}

.activecallsDialog {
color:white;
background-color:#393;
}
.activecallsDialog .number {
	font-size:x-large;
	font-weight:bold;
	letter-spacing:-1pt;
}
.activecallsDialog .caller_id {
	font-size:x-large;
	font-weight:bold;
	letter-spacing:-1pt;
}
.activecallsDialog .time_talking {
	font-size:x-large;
	font-weight:bold;
	letter-spacing:-1pt;
}

/* ---------------------------------------------------------------------- */

.obj-vmail {
	padding-left:6pt;
	padding-right:6pt;
	border-bottom: 1px solid #ccc;
}

/* ---------------------------------------------------------------------- */

.obj-contact {
	qcolor:black;
	qpadding-left:12pt;
	qpadding-right:0pt;
	qpadding: 0px 0px 0px 0px;
	border-bottom:1px solid #ccc;
}

.obj-contact .number-selected {background-color:#fff1a8}

.obj-contact .name {
	white-space:nowrap;
}

.obj-contact-number {
	padding: 0px 0px 0px 0px;
}

.obj-contact .tag{color:green}

.obj-contact .company {
	color:gray;
	white-space:nowrap;
}

.contacts-hover {
	color:black;
	background-color:#ff0;
}

/* ---------------------------------------------------------------------- */

.obj-subscriber {
	border-bottom: 1px solid #ccc;
}
.obj-subscriber .nameAndNumber {
	color:#00c;cursor:pointer;text-decoration:underline;white-space:nowrap;
}
.obj-subscriber .name {
	white-space:nowrap;
}

.obj-subscriber .status{color:gray}
.obj-subscriber-self div.status:hover{cursor:pointer;text-decoration:underline}

.obj-subscriber-selected {
	background-color:#fff1a8;
}

.qobj-subscriber-busy, .qobj-subscriber-busy .nameAndNumber, .qobj-subscriber-busy .status {
	color:white;
	background-color:#f33;
}
.obj-subscriber-online .nameAndNumber {
	color:#00c;
}
.obj-subscriber-offline .nameAndNumber {
	qcolor:gray;
}
.obj-subscriber-busy .nameAndNumber {
	color:red;
}


.obj-subscriber-hover {
	color:black;
	background-color:#ff0;
}
.obj-subscriber-hover a {
	color:black;
}
.obj-subscriber .extension {
}

.subscriber-dialog .key {
}
.subscriber-dialog .value {
	font-weight:bold;
}

/* ---------------------------------------------------------------------- */

.queues {
	background-color:#eee;
}
.obj-queue {
	padding-left:4pt;
	padding-right:4pt;
	border-top: 1px solid #ccc;
}
.obj-queue-status {
	color:grey;
}
.obj-queue-title {
	font-weight:bold;
	padding-right:4pt;
}
.obj-queue-padRight {
	padding-right:3pt;
}
.qobj-queue-busy {
	color:white;
	background-color:#f33;
	font-weight:bold;
}
.qobj-queue-busy a {
	color:white;
}
.obj-queue-hover {
	color:black;
	background-color:#ff0;
}
.obj-queue-hover a {
	color:black;
}

/* ---------------------------------------------------------------------- */

.obj-cdr {
	color:#00c;
	border-bottom:1px dotted #00c;
	cursor:pointer;
}

.obj-cdr a {
	qcolor:black;
}

.obj-cdr-inbound {
	color:#369;
	bottom-border: thin solid #fff;
}
.obj-cdr-inbound a {
	color:#369;
	
}
.obj-cdr-outbound {
	color:#393;
	bottom-border: thin solid grey;
}
.obj-cdr-outbound a {
	color:#393;
}
.obj-cdr-missed {
	/*color:black;*/
	font-weight:bold
	/*background-color:#f33;*/
}
.obj-cdr-missed a {
	/*color:black;*/
	font-weight:bold;
}

.conference-hover {
	background-color:#ff0;
}

/* ---------------------------------------------------------------------- */

.qinbound{color:blue}
.qoutbound{color:green}
.qmissed{color:red}