@import url("custom_font.css");.appBG {    background: #DEEAF7;}#mainAppWrapper {	font-family: Arial, sans-serif;	font-size: 12px;}.sectionWrapper {	min-width: 1050px;	max-width: 100%;	margin: 0 auto;	position: absolute;	top: 50px;	bottom: 0;	width: 100%;}.sectionWrapper .areaWrapper {	display: flex;	height: 100%;}.sectionWrapper .leftArea,.sectionWrapper .rightArea  {	-webkit-flex-direction: row;	   -moz-flex-direction: row;			flex-direction: row;	position: relative;}.sectionWrapper .leftArea {	width: 100%;	background-color: #ffffff;}.sectionWrapper .leftArea.fullWidth {	width: 100%;}.sectionWrapper .rightArea {	width: 350px;	padding: 0 15px;}.sectionBox {	padding: 15px;	background: #FFFFFF;	-webkit-box-shadow: 0 0 3px #B3B3B3;       -moz-box-shadow: 0 0 3px #B3B3B3;			box-shadow: 0 0 3px #B3B3B3;}.sections {	padding: 0;}.sectionBox h3,.sections h3 {    margin: 0;    padding: 0 0 15px 0;    font-size: 17px;    font-family: sans-serif;    font-weight: 400;    font-style: normal;	color: #ff4d4d;}.sectionBox h2,.sections h2 {    margin: 0 0 15px 0;    padding: 0 0 15px 0;    font-size: 20px;    font-family: sans-serif;    font-weight: 400;    font-style: normal;	color: #ff4d4d;	border-bottom: solid 1px #FFDBDB;}.frameContainer {	/* position: relative;	min-height: 400px; */}.applicationFrame {	position: absolute;	left: 0;	top: 0;	bottom: 0;	right: 0;	width: 100%;	height: 100%;}.callerTicketsList {	max-height: 150px;	overflow-y: auto;}.navigation {	padding: 15px 25px;}.heading {    font-size: 14px;    font-style: normal;    font-weight: 500;}.overlay {	background: #000;    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    opacity: 0.5;    z-index: 99;}.overlay .loading {    width: 220px;    height: 19px;    position: absolute;    top: 50%;    left: 50%;    margin: -9px 0 0 -110px;}#divOverlay.overlay {	visibility: hidden;}.connecting, .connected, .disconnected {	line-height: 16px;	margin-top: 2px;	font-size: 11px;	float: right;}.connecting {	font-weight: 400;	color: #ff4d4d;}.connected {	font-weight: 700;	color: green;}.disconnected {	font-weight: 700;	color: red;}.divKeypad {	visibility: hidden;	z-index: 100;	position: fixed;	width: 200px;	-webkit-border-radius: 5px;	   -moz-border-radius: 5px;			border-radius: 5px;	-webkit-box-shadow: 0 0 10px #000000;	   -moz-box-shadow: 0 0 10px #000000;			box-shadow: 0 0 10px #000000;	padding: 10px;	background: #FFFFFF;}.call-options {	display: none;	margin-top: 10px;    padding: 10px;    border: solid 1px #E0E6B0;    text-align: center;    background: #FDFFEA;	-webkit-border-radius: 5px;	   -moz-border-radius: 5px;			border-radius: 5px;}#labelSIPRegStatus > span {    display: block;    text-align: center;    padding: 5px;    background: #e2f2f7;    margin-top: 10px;    border: solid 1px #cde3ea;    font-weight: 700;    -webkit-border-radius: 4px;       -moz-border-radius: 4px;			border-radius: 4px;}#labelSIPRegStatus > span:after {	display: block;	content: "";	clear: both;}#labelSIPRegStatus > span .leftLbl {	float: left;}#labelSIPRegStatus > span .rightLbl {	float: right;}#btnHangUp .glyphicon-earphone {    -webkit-transform: rotate(180deg);	   -moz-transform: rotate(180deg);			transform: rotate(180deg);}.call-options .btn-group {	display: flex;}.btn-icon {	background-repeat: no-repeat;	background-position: center;	height: 30px;	width: 65px;	flex: 1;}[action="mute"] {	background-image: url('../images/iconCallMute.png');}[action="unmute"] {	background-image: url('../images/iconCallUnmute.png');}[action="hold"] {	background-image: url('../images/iconCallHold.png');}[action="transfer"] {	background-image: url('../images/iconCallTransfer.png');}[action="keypad"] {	background-image: url('../images/iconKeypad.png');}.text-overflow {    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}.text-wrap {    word-wrap: break-word;}.text-small {    font-size: 12px !important;}.text-grey {    color: #666 !important;}.text-bold {    font-weight: 700 !important;}.text-normal {    font-weight: 400 !important;}.posRelative {    position: relative !important;}.brdBottom {    border-bottom: solid 1px #aaa;}.brdGrey {    border: 1px solid #dddddd;}.p0 {	padding: 0 !important;}.pT5 {    padding-top: 5px !important;}.pT10 {    padding-top: 10px !important;}.pT15 {    padding-top: 15px !important;}.pT25 {    padding-top: 25px !important;}.pT35 {    padding-top: 35px !important;}.pT55 {    padding-top: 55px !important;}.pT70 {    padding-top: 70px !important;}.pB10 {    padding-bottom: 10px !important;}.pB15 {    padding-bottom: 15px !important;}.pB25 {    padding-bottom: 25px !important;}.pB35 {    padding-bottom: 35px !important;}.pL5 {    padding-left: 5px !important;}.pL10 {    padding-left: 10px !important;}.pR10 {    padding-right: 10px !important;}.pLR15 {    padding-left: 15px !important;    padding-right: 15px !important;}.p35 {    padding: 35px !important;}.p5 {    padding: 5px !important;}.p10 {    padding: 10px !important;}.p15 {    padding: 15px !important;}.p20 {    padding: 20px !important;}.m0 {	margin: 0 !important;}.mAuto {	margin: 0 auto !important;}.mL5 {    margin-left: 5px !important;}.mL30 {    margin-left: 30px !important;}.mR30 {    margin-right: 30px !important;}.mR5 {    margin-right: 5px !important;}.mR10 {    margin-right: 10px !important;}.mR15 {    margin-right: 15px !important;}.mT15 {    margin-top: 15px !important;}.mT5 {    margin-top: 5px !important;}.mT45 {    margin-top: 45px !important;}.mT-10 {    margin-top: -10px !important;}.mB5 {    margin-bottom: 5px !important;}.mB0 {    margin-bottom: 0 !important;}.mB10 {    margin-bottom: 10px !important;}.mB15 {    margin-bottom: 15px !important;}.mB30 {    margin-bottom: 30px !important;}.clear {	clear: both;	display: block;}.block {    display: block !important;}.inlineBlock {    display: inline-block !important;}.brdGreyDotted {    border: dotted 1px #dadada;}.brdBottomDotted {    border-bottom: dotted 1px #dadada;}.brdTopDotted {    border-top: dotted 1px #dadada;}.brdTopDotted.blue,.brdBottomDotted.blue {    border-color: #7FA9DF;}.scale {	max-width: 100%;	width: 100%;}.pull-none {	float: none;}.bg-default {    background-color: #f8f8f8;}.tableContainer {    display: table;    width: 100%;}.tableContainer .tableRow {    display: table-row;}.tableContainer .tableRow .tableCell {    display: table-cell;    vertical-align: top;}.activeCallOptions .input-group {	width: 100%;}.activeCallOptions button {    display: table-cell;    width: 33%;}