html {
	-ms-touch-action: none;
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin.eot');
  src: local('?'),
  url('fonts/Roboto-Thin.woff') format('woff'),
  url('fonts/Roboto-Thin.ttf') format('truetype'),
  url('fonts/Roboto-Thin.svg#webfontywr4YLri') format('svg');
}

.BluePhoneText
{
    color:#278efe !important;
}

.RedPhoneText
{
    color:red !important;
}

.softphoneFrame
{
    text-align:center;
    overflow:hidden !important;
}

#callbackPhoneNumner
{
    font-family:Roboto-Thin;
	font-size:16px;
    color:black;
    width: 240px;
}

div.iphone6-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:292px;
	height:68px;
}

div.iphone6-02 {
	position:absolute;
	left:0px;
	top:68px;
	width:13px;
	height:466px;
}

div.iphone6-03 {
	position:absolute;
	left:13px;
	top:68px;
	width:265px;
	height:459px;
    border: 1px solid black;
}

div.iphone6-04 {
	position:absolute;
	left:280px;
	top:68px;
	width:12px;
	height:466px;
}

div.iphone6-05 {
	position:absolute;
	left:0px;
	top:534px;
	width:292px;
	height:69px;
    background-image: url(/App_Themes/Default/Images/softphone2/iphone6_05.jpg);
    background-repeat:no-repeat;
}

#PhoneStatus
{
    position:absolute;
    top:10px;
    left:114px;

}

div.Menu-Settings {
	position:absolute;
	left:0;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.Menu-Recent {
	position:absolute;
	left:53px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.Menu-Contacts {
	position:absolute;
	left:106px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.Menu-Keypad {
	position:absolute;
	left:159px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.Menu-Voicemail {
	position:absolute;
	left:212px;
	top:425px;
	width:51px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.InCallMenu-Spacer01 {
    position:absolute;
    left:0;
    top:425px;
	width:30px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
}

div.InCallMenu-Recent {
	position:absolute;
	left:30px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.InCallMenu-Spacer02 {
    position:absolute;
    left:83px;
    top:425px;
	width:20px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
}

div.InCallMenu-Contacts {
	position:absolute;
	left:103px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.InCallMenu-Spacer03 {
    position:absolute;
    left:156px;
    top:425px;
	width:40px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
}

div.InCallMenu-Keypad {
	position:absolute;
	left:196px;
	top:425px;
	width:53px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
    text-align:center;
}

div.InCallMenu-Spacer04 {
    position:absolute;
    left:239px;
    top:425px;
	width:24px;
	height:35px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color:#EAEBEF;
}

/*******************************************/

.ListHeader {
	position:absolute;
	left:0px;
	top:0px;
	width:263px;
	height:40px;
	background-color:#f8f8f8;
    font-family:Roboto-Thin;
	font-size:16px;
    color:black;
    border:none;
    text-align:center;
    padding-top:10px;
    border-bottom: 1px solid black;
}

.ListHeaderLeft {
	position:absolute;
	left:0px;
	top:0px;
	width:69px;
	height:40px;
	background-color:#f8f8f8;
    font-family:Roboto-Thin;
	font-size:14px;
    color:white;
    border:none;
    text-align:center;
    padding-top:10px;
    border-bottom: 1px solid black;
}

.ListHeaderLeft a{
    color:#278efe;
    text-decoration:none;
    cursor:default;
}

.ListHeaderCenter {
	position:absolute;
	left:69px;
	top:0px;
	width:127px;
	height:40px;
	background-color:#f8f8f8;
    font-family:Roboto-Thin;
	font-size:16px;
    color:black;
    border:none;
    text-align:center;
    padding-top:10px;
    border-bottom: 1px solid black;
}

.ListHeaderRight {
	position:absolute;
	left:196px;
	top:0px;
	width:67px;
	height:40px;
	background-color:#f8f8f8;
    border-bottom: 1px solid black;
}

.ListWrapper {
	position:absolute;
	left:0;
	top:40px;
	width:263px;
	height:383px;
	background-color:#ffffff;
}

.ListItem
{
    font-family:Roboto-Thin;
	font-size:14px;
    color:black;
    border:none;
    padding:10px;  
    border-bottom: 1px solid #eaeaea;
    height:55px;
}

.ListItemSelected
{
    background-color:gray !important;
    color:white !important;
}

.ListItemSelected a
{
    color:white !important;
}

.ListItem a
{

    text-decoration:none;
    cursor:default;
    color:black;
}

.ListItemLeft
{
    width:131px;
    float:left;
    padding-top:10px;
}

.ListItemLeftNoIcon
{
    width:160px;
    float:left;
    padding-top:10px;
}

.ListItemRightNoIcon
{
    width:81px;
    float:left;
    text-align:right;
}

.ListItemRight
{
    width:81px;
    float:left;
    text-align:right;
}

.ListItemRightTop
{
    font-size:12px;
}

.ListItemRightCenter
{
    font-size:10px;
}

.ListItemRightBottom
{
    font-size:10px;
}

.ListItemRightIcon
{
    width: 30px;
    float: left;
    padding-left: 10px;
    padding-top: 8px;
}

/***************************************************/



.keyOn{
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.phonenumberinput { 
    background-color: #F5F3F3; 
    text-align:center; 
    width:191px; 
    height:47px; 
    margin:0; 
    padding:0; 
	font-family:Roboto-Thin;
	font-size:27px;
    border:none !important;
}

.phonenumberinput::-ms-clear {
    display: none;
}


div.KeyPad-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:263px;
	height:20px;
	background-color:#F5F3F3;
}

div.KeyPad-02 {
	position:absolute;
	left:0px;
	top:20px;
	width:37px;
	height:47px;
	background-color:#F5F3F3;
}

div.KeyPad-03 {
	position:absolute;
	left:37px;
	top:20px;
	width:191px;
	height:47px;
	background-color:#F5F3F3;
	font-family:Roboto-Thin;
	font-size:28px;
}

div.KeyPad-Back {
	position:absolute;
	left:228px;
	top:18px;
	width:35px;
	height:49px;
	background-color:#F5F3F3;
}

div.KeyPad-05 {
	position:absolute;
	left:0px;
	top:67px;
	width:263px;
	height:20px;
	background-color:#F5F3F3;
}

div.KeyPad-06 {
	position:absolute;
	left:0px;
	top:87px;
	width:20px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-Number-01 {
	position:absolute;
	left:20px;
	top:87px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-02 {
	position:absolute;
	left:95px;
	top:87px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-03 {
	position:absolute;
	left:170px;
	top:87px;
	width:75px;
	height:63px;
}

div.KeyPad-10 {
	position:absolute;
	left:245px;
	top:87px;
	width:18px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-11 {
	position:absolute;
	left:0px;
	top:150px;
	width:20px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-Number-04 {
	position:absolute;
	left:20px;
	top:150px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-05 {
	position:absolute;
	left:95px;
	top:150px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-06 {
	position:absolute;
	left:170px;
	top:150px;
	width:75px;
	height:63px;
}

div.KeyPad-15 {
	position:absolute;
	left:245px;
	top:150px;
	width:18px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-16 {
	position:absolute;
	left:0px;
	top:213px;
	width:20px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-Number-07 {
	position:absolute;
	left:20px;
	top:213px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-08 {
	position:absolute;
	left:95px;
	top:213px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-09 {
	position:absolute;
	left:170px;
	top:213px;
	width:75px;
	height:63px;
}

div.KeyPad-20 {
	position:absolute;
	left:245px;
	top:213px;
	width:18px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-21 {
	position:absolute;
	left:0px;
	top:276px;
	width:20px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-Star {
	position:absolute;
	left:20px;
	top:276px;
	width:75px;
	height:63px;
}

div.KeyPad-Number-00 {
	position:absolute;
	left:95px;
	top:276px;
	width:75px;
	height:63px;
}

div.KeyPad-Pound {
	position:absolute;
	left:170px;
	top:276px;
	width:75px;
	height:63px;
}

div.KeyPad-25 {
	position:absolute;
	left:245px;
	top:276px;
	width:18px;
	height:63px;
	background-color:#F5F3F3;
}

div.KeyPad-26 {
	position:absolute;
	left:0px;
	top:339px;
	width:95px;
	height:87px;
	background-color:#F5F3F3;
}

div.KeyPad-Call {
	position:absolute;
	left:95px;
	top:339px;
	width:75px;
	height:63px;
    background-color:#F5F3F3;
}

div.KeyPad-28 {
	position:absolute;
	left:170px;
	top:339px;
	width:93px;
	height:87px;
	background-color:#F5F3F3;
}

div.KeyPad-29 {
	position:absolute;
	left:95px;
	top:402px;
	width:75px;
	height:24px;
	background-color:#F5F3F3;
}

div.KeyPad-30 {
	position:absolute;
	left:0px;
	top:426px;
	width:6px;
	height:33px;
	background-color:#F5F3F3;
}

/********************************************************/

div.InCallReturn {
	position:absolute;
	left:15px;
	top:68px;
	width:265px;
	height:20px;
	background-color:#4cd964;
	font-family:Roboto-Thin;
	font-size:14px;
    color:white;
    border:none;
    text-align:center;
    z-index:20;
}

div.InCallReturn a{
    color:white;
    text-decoration:none;
    cursor:default;
}

div.InCall-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:265px;
	height:33px;
	background-color:#161E2B;
}

div.InCall-02 {
	position:absolute;
	left:0px;
	top:33px;
	width:265px;
	height:29px;
	background-color:#161E2B;
	font-family:Roboto-Thin;
	font-size:28px;
    color:white;
    border:none;
    text-align:center;

}

div.InCall-03 {
	position:absolute;
	left:0px;
	top:62px;
	width:265px;
	height:9px;
	background-color:#161E2B;
}

div.InCall-04 {
	position:absolute;
	left:0px;
	top:71px;
	width:265px;
	height:16px;
    background-color:#161E2B;
	font-family:Roboto-Thin;
	font-size:16px;
    color:white;
    border:none;
    text-align:center;
}

div.InCall-05 {
	position:absolute;
	left:0px;
	top:87px;
	width:265px;
	height:19px;
	background-color:#161E2B;
}

div.InCall-06 {
	position:absolute;
	left:0px;
	top:106px;
	width:12px;
	height:353px;
	background-color:#161E2B;
}

div.InCall-Mute {
	position:absolute;
	left:12px;
	top:106px;
	width:80px;
	height:95px;
}

div.InCall-Keypad {
	position:absolute;
	left:92px;
	top:106px;
	width:80px;
	height:95px;
}

div.InCall-Hold {
	position:absolute;
	left:172px;
	top:106px;
	width:80px;
	height:95px;
}

div.InCall-10 {
	position:absolute;
	left:252px;
	top:106px;
	width:13px;
	height:353px;
	background-color:#161E2B;
}

div.InCall-MergeCalls {
	position:absolute;
	left:12px;
	top:201px;
	width:80px;
	height:95px;
}

div.InCall-AddCall {
	position:absolute;
	left:12px;
	top:201px;
	width:80px;
	height:95px;
}

div.InCall-Transfer {
	position:absolute;
	left:92px;
	top:201px;
	width:80px;
	height:95px;
}

div.InCall-ViewLead {
	position:absolute;
	left:172px;
	top:201px;
	width:80px;
	height:95px;
}

div.InCall-14 {
	position:absolute;
	left:12px;
	top:296px;
	width:240px;
	height:45px;
	background-color:#161E2B;
}

div.InCall-End {
	position:absolute;
	left:12px;
	top:341px;
	width:240px;
	height:55px;
    background-color:#161E2B;
    text-align:center;
}

div.InCall-16 {
	position:absolute;
	left:12px;
	top:396px;
	width:240px;
	height:63px;
	background-color:#161E2B;
}

/********************************************************/

div.InCallKeypad-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:265px;
	height:18px;
	background-color:#161E2B;
}

div.InCallKeypad-02 {
	position:absolute;
	left:0px;
	top:18px;
	width:265px;
	height:61px;
	background-color:#161E2B;
	font-family:Roboto-Thin;
	font-size:28px;
    color:white;
    border:none;
    text-align:center;
}

div.InCallKeypad-03 {
	position:absolute;
	left:0px;
	top:79px;
	width:265px;
	height:7px;
	background-color:#161E2B;
}

div.InCallKeypad-04 {
	position:absolute;
	left:0px;
	top:86px;
	width:26px;
	height:373px;
	background-color:#161E2B;
}

div.InCallKeypad-Number-01 {
	position:absolute;
	left:26px;
	top:86px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-02 {
	position:absolute;
	left:97px;
	top:86px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-03 {
	position:absolute;
	left:168px;
	top:86px;
	width:71px;
	height:64px;
}

div.InCallKeypad-08 {
	position:absolute;
	left:239px;
	top:86px;
	width:26px;
	height:373px;
	background-color:#161E2B;
}

div.InCallKeypad-Number-04 {
	position:absolute;
	left:26px;
	top:150px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-05 {
	position:absolute;
	left:97px;
	top:150px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-06 {
	position:absolute;
	left:168px;
	top:150px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-07 {
	position:absolute;
	left:26px;
	top:214px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-08 {
	position:absolute;
	left:97px;
	top:214px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-09 {
	position:absolute;
	left:168px;
	top:214px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Star {
	position:absolute;
	left:26px;
	top:278px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Number-00 {
	position:absolute;
	left:97px;
	top:278px;
	width:71px;
	height:64px;
}

div.InCallKeypad-Pound {
	position:absolute;
	left:168px;
	top:278px;
	width:71px;
	height:64px;
}

div.InCallKeypad-18 {
	position:absolute;
	left:26px;
	top:342px;
	width:213px;
	height:64px;
	background-color:#161E2B;
}

div.InCallKeypad-19 {
	position:absolute;
	left:26px;
	top:406px;
	width:213px;
	height:26px;
	background-color:#161E2B;
	font-family:Roboto-Thin;
	font-size:12px;
    color:white;
    border:none;
    text-align:right;
}

div.InCallKeypad-19 a{
    color:white;
    text-decoration:none;
}

div.InCallKeypad-20 {
	position:absolute;
	left:26px;
	top:432px;
	width:213px;
	height:27px;
	background-color:#161E2B;
}

/*************************************************/

div.InCallConference-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:69px;
	height:41px;
	background-color:#161E2B;
    font-family:Roboto-Thin;
	font-size:14px;
    color:white;
    border:none;
    text-align:center;
    padding-top:10px;
}

div.InCallConference-01 a{
    color:white;
    text-decoration:none;
    cursor:default;
}


div.InCallConference-02 {
	position:absolute;
	left:69px;
	top:0px;
	width:127px;
	height:41px;
	background-color:#161E2B;
    font-family:Roboto-Thin;
	font-size:16px;
    color:white;
    border:none;
    text-align:center;
    padding-top:10px;
}

div.InCallConference-03 {
	position:absolute;
	left:196px;
	top:0px;
	width:69px;
	height:41px;
	background-color:#161E2B;
}

div.InCallConference-04 {
	position:absolute;
	left:0px;
	top:41px;
	width:18px;
	height:418px;
	background-color:#161E2B;
}

div.InCallConference-05 {
	position:absolute;
	left:18px;
	top:41px;
	width:227px;
	height:418px;
	background-color:#161E2B;
}

div.InCallConference-06 {
	position:absolute;
	left:245px;
	top:41px;
	width:20px;
	height:418px;
	background-color:#161E2B;
}

div.InCallConferenceCaller
{
    font-family:Roboto-Thin;
	font-size:14px;
    color:white;
    border:none;
    text-align:left;
    height:20px;
    padding-bottom:5px;
    padding-top:5px;
}

div.InCallConferenceCaller span
{
    float:right;
}

div.InCallConference-07 {
	position:absolute;
	left:18px;
	top:81px;
	width:227px;
	height:19px;
	background-color:#161E2B;
}

div.InCallConference-09 {
	position:absolute;
	left:18px;
	top:346px;
	width:227px;
	height:44px;
	background-color:#161E2B;
}

div.InCallConference-10 {
	position:absolute;
	left:18px;
	top:390px;
	width:227px;
	height:9px;
    background-color:#161E2B;
}

div.InCallConference-11 {
	position:absolute;
	left:18px;
	top:399px;
	width:227px;
	height:44px;
	background-color:#161E2B;
}

div.InCallConference-12 {
	position:absolute;
	left:18px;
	top:443px;
	width:227px;
	height:16px;
	background-color:#161E2B;
}