/* Common settings */

li.widget {list-style-type: none;}

.country-wrap {position: relative; height: 30px; line-height: 30px; cursor: pointer;}

.nexmo-title { color: black; font-size: 12px; text-align: center;}

.nexmo-default-country {position: absolute; display: block; z-index: 100; top:0; left: 0; width: 100%;}

.nexmo-default-country-name {display: none;}

.nexmo-country-dropdown {position: absolute; z-index: 500; top: 0; right: 0; width: 68%;}

.nexmo-country-dropdown select {width: 100%;}

.nexmo-default-country-code {width: 30%; float: left; position: relative; font-size: 20px;}

.nexmo-default-country-name {width: 68%; text-align: left;  float: left; color: black; position: relative; font-size: 20px; background-color: white;

border-radius: 6px;

border: 1px solid #cccccc;

padding: 2px 10px;}

.nexmo-phone-number-wrap {margin-top: 10px;}

.nexmo-phone-number-wrap input {border: 1px solid #efefef; border-radius: 4px; width: 96%; padding: 2px 2%;}

.send_to_my_waze { background-color: #649db7; color: white; margin: 2px auto; display: block; padding: 2px 20px; border-radius: 4px; border: 1px solid #3891b6; cursor: pointer;}

.send_to_my_waze:hover, .send_to_my_waze:active { background-color: #87bfd8; }

#mobile-device, #standard-device {  margin: 10px auto; } 



.mobile-device {text-align: center; margin: 10px auto; }

a.nexmo-mobile { background-color: #649db7; color: white !important; margin: 5px auto; padding: 2px 20px; border-radius: 4px; border: 1px solid #3891b6; text-align: center; }

a.nexmo-mobile:hover, a.nexmo-mobile:active { text-decoration: none; background-color: #87bfd8;}

.nexmo_send {color:white;}

#nexmo-response {display: block; text-align: center; border-radius: 5px; padding: 2px; width: 100%; color: black; position: relative;

width: 250px;

font-size: 12px;

top: -85px;

left: 10px;}

#nexmo-response.ok { background-color: #78FF9C !important; }

#nexmo-response.error {background-color: #ebacb1;}