/* GOXEE DIALPAD - START */

.gphone-dialpad-container {
position:relative;
text-align:center;
min-width:48px;
min-height:25px;
}

.gphone-dialpad-box {
display:none!important;
position:absolute!important;
z-index:98!important;
width:230px!important;
top:32px!important;
left:-1px!important;
background:#FFF!important;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)!important;
border:1px solid #E6E6E6!important;
padding:10px!important;
-moz-border-radius: 6px!important;
-webkit-border-radius: 6px!important;
border-radius: 6px!important;
transition:all 0.2s!important;
height:auto!important;
line-height:normal!important;
}

.gphone-dialpad-box-connected {
background:#4cd545;
border:1px solid #44bf3d;
}

.gphone-dialpad-box-connected .gphone-dialpad-box-hidetopmenu {
position:absolute;
width:100%;
left:0;
right:0;
height:40px;
background:#4cd545;
}

.gphone-dialpad-box * {
transition: all 0.2s;
}

.gphone-dialpad-box-menu {
display:table;
width:100%;
}

.gphone-dialpad-box-menu div {
cursor:pointer;
display:table-cell;
width:33.33%;
height:30px;
line-height:30px;
text-align:center;
color:#C0C0C0;
font-size:14px;
border-bottom:2px solid #EAEAEA;
}

.gphone-dialpad-box-menu div:hover {
color:#999;
border-bottom:2px solid #CBCBCB;
}

.gphone-dialpad-box-menu div.gdpmenuoptionselected {
color:#238ce4;
border-bottom:2px solid #238ce4;
}

.gphone-dialpad-nums {
padding-top:10px;
margin-top:10px;
border-top:1px solid rgba(0,0,0,0.15);
}

.gphone-dialpad-nums > div {
display:inline-flex;
width:90%;
height:45px;
}

.gphone-dialpad-nums > div > div {
display:table-cell;
width:33.33%;
text-align:center;
height:45px;
padding-top:2px;
border-radius:50px;
}

.gphone-dialpad-nums > div > div > div:last-child {
font-size:11px;
color:rgba(0,0,0,0.4);
height:20px;
margin-top:-3px;
margin-bottom:-3px;
}

.gphone-dialpad-box-connected .gphone-dialpad-nums > div > div > div:last-child {
color:rgba(255,255,255,0.5);
}

.gphone-dialpad-box-connected .gphone-dialpad-num {
color:#FFF;
}

.gphone-dialpad-num {
font-size:22px;
}

.gphone-dialpad-nums > div > div:empty {
height:1px;
}

.gphone-dialpad-nums > div > div:hover:not(:empty) {
cursor:pointer;
background:#E8E8E8;
}

.gphone-dialpad-sendbut {
cursor:pointer;
height:40px;
line-height:40px;
width:40px;
background:url('/images/icons/core/wht/phone.svg'), #4cd545;
background-size:63%!important;
background-repeat:no-repeat!important;
background-position:center center!important;
margin-top:10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.gphone-dialpad-sendbut:hover {
background:url('/images/icons/core/wht/phone.svg'), #42c63b;
background-size:63%!important;
background-repeat:no-repeat!important;
background-position:center center!important;
}

.gphone-dialpad-box-connected .gphone-dialpad-sendbut {
display:none!important;
}

.gphone-dialpad-goback {
display:none;
cursor:pointer;
height:40px;
line-height:40px;
width:40px;
background:url('/images/icons/core/wht/chevron-thin-down.svg');
background-size:63%;
background-repeat:no-repeat;
background-position:center center;
margin-top:10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.gphone-dialpad-goback:hover {
background:url('/images/icons/core/wht/chevron-thin-down.svg'), rgba(0,0,0,0.1);
background-size:63%;
background-repeat:no-repeat;
background-position:center 7px;
}

.gphone-dialpad-box-connected .gphone-dialpad-goback {
display:block!important;
}

.gphone-dialpad-sendbut-disabled {
background:url('/images/icons/core/wht/phone.svg'), #E8E8E8!important;
background-size:63%!important;
background-repeat:no-repeat!important;
background-position:center 7px!important;
}

.gphone-dialpad-endbut {
overflow:hidden;
position:absolute;
bottom:10px;
display:inline-block;
-ms-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
cursor:pointer;
height:40px;
line-height:40px;
width:40px;
background:#ff3b30;
margin-top:10px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

.gphone-dialpad-endbut div {
position:absolute;
top:1px;
left:2px;
display:inline-block;
cursor:pointer;
height:40px;
line-height:40px;
width:100%;
background:url('/images/icons/core/wht/phone.svg');
background-size:63%;
background-repeat:no-repeat;
background-position:55% center;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.gphone-dialpad-endbut:hover {
background:#e93930;
}

.gphone-dialpad-incoming-reject {
overflow:hidden;
position:absolute;
bottom:0;
right:0;
display:inline-block;
cursor:pointer;
height:40px;
line-height:40px;
width:33.33%;
background:#ff3b30;
margin-top:10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.gphone-dialpad-incoming-reject div {
position:absolute;
top:1px;
left:2px;
display:inline-block;
cursor:pointer;
height:40px;
line-height:40px;
width:100%;
background:url('/images/icons/core/wht/phone.svg');
background-size:63%;
background-repeat:no-repeat;
background-position:center 6px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.gphone-dialpad-incoming-reject:hover {
background:#e93930;
}

.gphone-dialpad-incoming-accept {
position:absolute;
bottom:0;
left:0;
display:inline-block;
cursor:pointer;
height:40px;
line-height:40px;
width:33.33%;
background:url('/images/icons/core/wht/phone.svg'), #4cd545;
background-size:63%;
background-repeat:no-repeat;
background-position:center 7px;
margin-top:10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.gphone-dialpad-incoming-accept:hover {
background:url('/images/icons/core/wht/phone.svg'), #42c63b;
background-size:63%;
background-repeat:no-repeat;
background-position:center 7px;
}

.gphone-dialpad-input-container {
margin-top:10px;
}

#gphone-dialpad-input {
background:transparent!important;
width:100%!important;
height:50px!important;
line-height:50px!important;
font-size:22px!important;
color:#000!important;
border:0!important;
text-align:center;
-webkit-user-select: none!important;      
-moz-user-select: none!important;
-ms-user-select: none!important;
-o-user-select: none!important;
user-select: none!important;
box-shadow:none!important;
margin:0!important;
}

.gphone-dialpad-box-connected #gphone-dialpad-input {
color:#FFF!important;
}

.gphone-dialpad-but {
position:absolute!important;
top:1px;
left:1px;
z-index:99;
transition:none!important;
}

.gphone-dialpad-but-open {
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
left:0;
right:0;
background:#FFF;
height:32px!important;
-moz-border-bottom-left-radius: 0!important;
-webkit-border-bottom-left-radius: 0!important;
border-bottom-left-radius: 0!important;
-moz-border-bottom-right-radius: 0!important;
-webkit-border-bottom-right-radius: 0!important;
border-bottom-right-radius: 0!important;
}

.gphone-dialpad-but-open+.gphone-dialpad-box {
cursor:default;
display:block!important;
-moz-border-top-left-radius: 0!important;
-webkit-border-top-left-radius: 0!important;
border-top-left-radius: 0!important;
}

.gphone-dialpad-but-open .gphone-dialpad-but-icon {
background: url(/images/icons/core/blk/dial-pad.svg);
opacity:0.3;
}

.gphone-dialpad-but-open .gphone-dialpad-but-arrow {
transform:rotate(180deg);
background: url(/images/icons/core/blk/chevron-small-down.svg);
background-size: 23px 23px;
background-repeat: no-repeat;
background-position: center center;
opacity:0.3;
}

.gphone-dialpad-but-connected .gphone-dialpad-but-icon {
background: url(/images/icons/core/wht/dial-pad.svg);
opacity:0.9;
}

.gphone-dialpad-but-open .gphone-dialpad-but-connected .gphone-dialpad-but-arrow {
transform:rotate(180deg);
}

.gphone-dialpad-but-connected .gphone-dialpad-but-arrow {
background: url(/images/icons/core/wht/chevron-small-down.svg);
background-size: 23px 23px;
background-repeat: no-repeat;
background-position: center center;
opacity:0.9;
}

.gphone-dialpad-but-open:hover {
background:#FFF!important;
}

.gphone-dialpad-but-connected .gphone-dialpad-but {
background:#4cd545;
animation:gpconnected 1s;
-moz-animation:gpconnected 1s infinite;
-webkit-animation:gpconnected 1s infinite;
}

@-moz-keyframes gpconnected {
0% {background:#4cd545;}
50% {background:#42c63b;}
100% {background:#4cd545;}
}

@-webkit-keyframes gpconnected {
0% {background:#4cd545;}
50% {background:#42c63b;}
100% {background:#4cd545;}
}

.gphone-dialpad-but-text {
display:inline-block;
margin-right:15px;
font-size:13px;
font-weight:500;
color:#808080;
}

.gphone-dialpad-but-connected .gphone-dialpad-but-text {
color:rgba(255,255,255,0.9);
}

.gphone-dialpad-but-connected .gphone-dialpad-box {
transition:all 0s;
background:#4cd545!important;
}

.gphone-dialpad-but-icon {
display:inline-block;
margin-bottom:-6px;
height:20px;
width:20px;
background:url('/images/icons/core/wht/dial-pad.svg');
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
opacity:0.5;
}

.gphone-dialpad-but-arrow {
display:inline-block;
margin-bottom:-1px;
height:11px;
width:11px;
background:url('/images/icons/core/wht/chevron-small-down.svg');
background-size:23px 23px;
background-repeat:no-repeat;
background-position:center center;
opacity:0.5;
}

.gphone-dialpad-loading {
display:none;
position:absolute;
top:42px;
bottom:10px;
left:10px;
right:10px;
background:url('images/gi-loading.gif'), #FFF;
background-size:30px 30px;
background-position:center center;
background-repeat:no-repeat;
}

.gphone-dialpad-fullloading {
display:none;
position:absolute;
z-index:100;;
top:10px;
bottom:10px;
left:10px;
right:10px;
background:url('images/gi-loading.gif'), #FFF;
background-size:30px 30px;
background-position:center center;
background-repeat:no-repeat;
}

#gphone-dialpad-form {
height:310px;
}

#gphone-dialpad-recent, #gphone-dialpad-settings {
display:none;
height:320px;
}

#gphone-dialpad-incoming {
display:none;
position:absolute;
z-index:1;
top:10px;
bottom:10px;
left:10px;
right:10px;
background:#FFF;
color:#999;
}

.gphone-dialpad-incoming-text {
font-size:16px;
margin:10px;
text-align:left;
}

.gphone-dialpad-incoming-phonenum {
font-size:22px;
margin-top:20px;
}

.gphone-dialpad-incoming-icon {
margin-top:5px;
width:100%;
height:28px;
background: url(/images/icons/core/blk/arrow-long-left.svg);
opacity:0.5;
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}

#gphone-dialpad-connected {
display:none;
position:absolute;
z-index:1;
top:10px;
bottom:10px;
left:10px;
right:10px;
background:#4cd545;
color:#FFF;
}

.gphone-dialpad-but-open .gphone-dialpad-connected-smtime {
display:none;
}

.gphone-dialpad-connected-time {
font-size:16px;
margin:10px;
}

.gphone-dialpad-connected-phonenum {
font-size:22px;
margin-top:20px;
}

.gphone-dialpad-connected-icon {
margin-top:5px;
width:100%;
height:28px;
background: url(/images/icons/core/wht/swap.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}

.gphone-dialpad-backspace {
display:none;
cursor:pointer;
position:absolute;
right:10px;
margin-top:10px;
margin-bottom:-15px;
width:20px;
height:20px;
padding:5px;
background: url(/images/icons/core/blk/erase.svg), #FFF;
background-size:63%;
background-repeat:no-repeat;
background-position:center center;
opacity:0.3;
}

.gphone-dialpad-backspace:hover {
opacity:0.5;
}

.gphone-dialpad-recent-date {
font-size:12px;
color:#999;
padding:10px 0 10px 0;
}

.gphone-dialpad-recent-outbound {
position:absolute;
margin-left:-5px;
margin-top:4px;
display: inline-block;
color: #ffffff;
font-size: 9px;
line-height: 12px;
background: url('https://static.goxeedealer.com/images/icons/core/wht/chevron-right.svg') #999999;
background-size:10px 10px;
background-repeat:no-repeat;
background-position:center center;
width: 12px;
height: 12px;
border-radius: 100px;
}

.gphone-dialpad-recent-row {
cursor:pointer;
background:#F2F2F2;
}

.gphone-dialpad-recent-row:hover {
background:#EAEAEA;
}

.gphone-dialpad-recent-row td {
border-top:1px solid #FFF;
padding:10px 0;
}

.gphone-dialpad-recent-row td:nth-child(1) {
padding-left:10px;
}

.gphone-dialpad-recent-row td:nth-child(2) {
text-align:left;
padding-left:12px;
}

.gphone-dialpad-recent-row td:nth-child(2) div {
color:#999;
font-size:11px;
}

.gphone-dialpad-recent-row td:last-child {
text-align:right;
padding-right:10px;
white-space:nowrap;
font-size:11px;
}

#gphone-calltype {
padding:15px 5px 15px 5px;
text-align:left;
}

#gphone-calltype * {
transition:all 0s;
}

#gphone-dialpad-settings-micerror {
display:none;
color:red;
font-size:11px;
margin-top:5px;
}

#gphone-dialpad-addcall-but {
cursor:pointer;
display:inline-block;
position:absolute;
text-align:center;
bottom:48px;
left:0;
width:33.33%;
}

#gphone-dialpad-mute-but {
cursor:pointer;
display:inline-block;
position:absolute;
text-align:center;
bottom:60px;
left:35px;
width:33.33%;
}

#gphone-dialpad-keypad-but {
cursor:pointer;
display:inline-block;
position:absolute;
text-align:center;
bottom:60px;
right:35px;
width:33.33%;
}

#gphone-dialpad-mute-but .gphone-dialpad-mute .buttontext, #gphone-dialpad-mute-but .gphone-dialpad-unmute .buttontext {
text-align:center;
height:32px;
line-height:32px;
}

#gphone-dialpad-addcall-but .buttontext, #gphone-dialpad-keypad-but .buttontext {
text-align:center;
height:32px;
line-height:32px;
}

.gphone-dialpad-mute .buttonicon {
background: url(/images/icons/core/wht/sound-mute.svg);
height: 20px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
margin-top: 10px;
}

.gphone-dialpad-unmute .buttonicon {
background: url(/images/icons/core/wht/sound.svg);
height: 20px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
margin-top: 10px;
}

#gphone-dialpad-addcall-but .buttonicon {
background: url(/images/icons/core/wht/plus.svg);
height: 20px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
margin-top: 10px;
}

#gphone-dialpad-keypad-but .buttonicon {
background: url(/images/icons/core/wht/dial-pad.svg);
height: 20px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
margin-top: 10px;
}

#gphone-dialpad-mute-but .gphone-dialpad-unmute { display:none; }

.gphone-dialpad-settings-calltype-info {
color:#999;
margin-top:5px;
}

#gphone-calltype label {
font-size:13px;
}

div#controls {
border-top:1px solid #EAEAEA;
padding: 15px 10px;
margin: 0 auto;
}

div#controls div {
float: left;
}

div#call-controls {
padding:10px;
}

div#controls div#info div#output-selection {
display: none;
}

div#controls div#info a {
font-size: 1.1em;
color: khaki;
text-decoration: underline;
}

div#controls div#info select {
width: 300px;
height: 60px;
margin-bottom: 2em;
}

div#info label {
width: 300px;
}

div#call-controls div#volume-indicators {
display: none;
margin-top: 20px;
width: 100%;
text-align: left;
}

div#call-controls div#volume-indicators div {
display: inline-block;
height: 20px;
width: 0;
}

div#call-controls div#volume-indicators label {
display: block;
width: 100%;
}

div#controls div#info #client-name {
text-align: left;
margin-bottom: 1em;
color: #777776;
}

div#controls button {
width: 15em;
height: 2.5em;
margin-top: 1.75em;
border-radius: 1em;
font-size: .8em;
font-weight: lighter;
outline: 0;
}

div#controls button:active {
position: relative;
top: 1px;
}

div#call-controls {
display: none;
}

div#call-controls input {
font-style: oblique;
font-size: 1em;
width: 100%;
height: 2.5em;
padding: .5em;
display: block;
}

div#call-controls button {
color: #fff;
background: 0 0;
border: 1px solid #686865;
}

#gphone-dialpad-recent-list {
position:relative!important;
height:calc(100%)!important;
overflow:auto!important;
}

@media (max-width: 900px) {
    .gphone-dialpad-container { min-width:34px; }
    .gphone-dialpad-box {
        position:fixed!important;
        top:63px!important;
        left:-2px!important;
        right:0!important;
        bottom:0;
        margin-top:31px!important;
        padding:10px!important;
        width:calc(100% - 20px)!important;
    }
    .gphone-dialpad-box-menu div {
        height: 40px;
        line-height: 40px;
        font-size:15px;
    }
    .gphone-dialpad-nums > div {
        height:72px;
        width:85%;
    }
    .gphone-dialpad-nums > div > div {
        height:59px;
        padding-top: 13px;
    }
    .gphone-dialpad-num {
        font-size:28px;
    }
    .gphone-dialpad-sendbut {
        margin-top:25px;
        bottom:30px;
    }
    .gphone-dialpad-sendbut, .gphone-dialpad-endbut, .gphone-dialpad-endbut div {
        width:70px;
        height:70px;
        line-height:70px;
    }
    #gphone-dialpad-recent, #gphone-dialpad-settings {
        height:100%;
    }
    #gphone-dialpad-recent-list {
        height:calc(100% - 42px)!important;
    }
    .gphone-dialpad-sendbut-disabled {
        background-position:center 12px!important;
    }
    #gphone-dialpad-input {
        height: 70px!important;
        line-height: 70px!important;
        font-size: 32px!important;
    }
    .gphone-dialpad-backspace {
        margin-top: 15px;
        width: 30px;
        height: 30px;
    }
    .gphone-dialpad-recent-row td:nth-child(2) {
        font-size:14px;
    }
    .gphone-dialpad-recent-row td:last-child {
        font-size:12px;
    }
    .gphone-dialpad-endbut {
        bottom:30px;
    }
    .gphone-dialpad-connected-phonenum {
        font-size:32px;
    }
    .gphone-dialpad-connected-time {
        font-size:20px;
        margin:20px;
    }
}


/* GOXEE DIALPAD - END */