/* Frontend Styles Sheet */
/* Caller ID Black List */
.cms-blacklist h1 {
display: block;
float: left;
margin-bottom: 10px;
clear: both;
font-size: 20px;
font-weight: 300;	
}
.cms-blacklist p{
float: left;
clear: both;	
}
.cms-blacklist input[type=text]{
	
}
.cms-blacklist input[type=submit]{
overflow: visible;
width: auto;
height: 25px;
padding: 0 17px;
background: #fff;
border: 1px #008DFF solid;
white-space: nowrap;
color: #444;
text-align: center;
text-transform: uppercase;
font: normal 11px 'NovecentowideUltraLightBold';
cursor: pointer;
border-radius: 10px;
float: right;
clear: none;
margin: 15px 0 0 15px;	
}



/* User Interface */
.fixed .main-sidebar {
position: absolute;	
}

.cdr_table.table > tbody > tr > td {
padding: 6px;
}
.get_cdrs_button {
margin-top: 0px;	
}

/* Transferencia de saldo de PIN */
.transfer_pin_results_success {
display: block;
float: left;
width:
margin: 15px 0px;
clear: both;
font-size: 15px;
color: green;	
}
.transfer_pin_results_error {
display: block;
float: left;
width:
margin: 15px 0px;
clear: both;
font-size: 15px;
color: red;		
}

/* One Page Checkout */
.container_p_method_banktransfer {
	display: none;	
}

/* Tarifas Page */
section.section-tarifas .planes-badges .panel-selected .h1 {
    font-size: 50px;
}

/* Hide after tags in firefox select drop-down menues */
@-moz-document url-prefix() {
	.select-plans-wraper::after,
	.tarifas .select-plans-wraper::after,
	.select-plans .select-destination-rates::after {
		content: none !important;	
	}
}

/* Sidebar */
.sidebar-collapse .sidebar-menu {
display: none !important;
}

/* Callingcard Records Page */
.callingcard_cdr_container {
	
}
.loading_calls {
display: none;	
border-radius: 15px;
overflow: hidden;
width: auto;	
}
.field_value span.pin_number_label,
.field_value span.pin_serial_label {
float: left;
clear: left;
margin: 5px 15px 0 0;
text-align: right;
width: 20%;	
}
.field_value input.pin_number,
.field_value input.pin_serial_number {
float: left;
clear: right;
width: 75%;
margin: 0px 0px 15px;
}
.calling_card_cdr_form .page_title {
	
}
.calling_card_cdr_form .field_value {
	
}
.calling_card_cdr_form .field_instructions {
	
}
.callingcard_cdr_container .call_records {
	
}
.callingcard_cdr_container .pin_message {
	
}
.callingcard_cdr_container .small-box > .inner {
min-height: 87px;	
}
.callingcard_cdr_container .balance_container {
margin-top: 15px;	
}
.callingcard_cdr_container .balance_digits.row {
margin-bottom: 0px;
margin-right: -15px;
margin-left: -15px;
}
.callingcard_cdr_container .balance_digits .small-box {
margin-bottom: 0px;
}
.callingcard_cdr_container .cdr_instructions {
float: left;
margin: 15px 0;
clear: both;
width: 100%;
}
.callingcard_cdr_container .field_instructions {
float: left;
margin: 15px 0;
clear: both;
width: 100%;
display: none;
color: red;
}
.callingcard_cdr_container .calling_card_cdr_form {
}
.cms-call-records-callingcard .pin_message {
float: left;
clear: both;
margin: 15px 0px;
color: red;
width: 100%;
display: none;
}
.cdr_header .description_cell,
.cdr_row_1 .description_cell,
.cdr_row_2 .description_cell {
width: 150px;	
}
.cdr_table td.callerid_cell {
width: 90px;
}
.cdr_table td.last_cell {
width: 120px;
}

  /* * * * * * * * * */ 
 /* * Purchase DIDs */
/* * * * * * * * * */

/* Countries */
.didww_countries_cushion {
float:left;
width: 36%;
margin:2% 2% 2% 0;
border-radius: 15px;
border: 1px solid #DEDEDE;
padding: 15px;
background-color: #f3f3f3;
}
.didww_countries_table_wrapper {
height: 220px;
float: left;
overflow-y: scroll;
width: 100%;
}
.didww_countries_table {
width: 100%;
}
.didww_countries_table tr {
background-color: #FFF;		
}
.didww_countries_table tr:hover {
color: #FFF;
font-weight:bold;
/*text-decoration: underline;*/
background-color: #36d5ea;	
}
.didww_countries_table tr.didww_countries_header:hover {
color: #000;
text-decoration: none;
background-color: #FFF;
}
.didww_countries_header th {
padding: 9px 9px 2px 9px;
font-weight:bold;
}
.didww_country_name_cell {
padding: 1px 9px 1px 9px;
}
.didww_country_prefix_cell {
text-align: right;
padding: 0 15px 0 0;
}

/* Regions */
.didww_regions_cushion {
float:left;
width: 30%;
margin:2% 2% 2% 0;
border-radius: 15px;
border: 1px solid #DEDEDE;
padding: 15px;
background-color: #f3f3f3;
}
.didww_regions_table_wrapper {
height: 220px;
float: left;
overflow-y: scroll;		
width:100%;
}
.didww_regions_table {
width: 100%;
}
.didww_regions_table tr {
background-color: #FFF;		
}
.didww_regions_table tr:hover {
color: #FFF;
font-weight:bold;
/*text-decoration: underline;*/
background-color: #36d5ea;	
}
.didww_regions_table tr.didww_regions_header:hover {
color: #000;
text-decoration: none;
background-color: #FFF;
}
.didww_regions_header th {
padding: 9px 9px 2px 9px;
font-weight:bold;	
}
.didww_region_cell {
padding: 1px 9px 1px 9px;
}

/* Cities */
.didww_cities_cushion {
float:left;
width: 30%;
margin:2% 0% 2% 0;
border-radius: 15px;
border: 1px solid #DEDEDE;
padding: 15px;
background-color: #f3f3f3;
}
.didww_cities_table_wrapper {
height: 220px;
float: left;
overflow-y: scroll;		
width: 100%;
}
.didww_cities_table {
width: 100%;
}
.didww_cities_table tr {
background-color: #FFF;		
}
.didww_cities_table tr:hover {
color: #FFF;
font-weight:bold;
/*text-decoration: underline;*/
background-color: #36d5ea;	
}
.didww_cities_table tr.didww_cities_header:hover {
color: #000;
text-decoration: none;
background-color: #FFF;	
}
.didww_cities_header th {
padding: 9px 9px 2px 9px;
font-weight:bold;	
}
.didww_city_cell {
padding: 1px 9px 1px 9px;
}

/* Numbers*/
.didww_numbers_cushion {
float:left;
width: 100%;
margin:0;
border-radius: 15px;
border: 1px solid #DEDEDE;
padding: 15px;
background-color: #f3f3f3;
}
.didww_numbers_table_wrapper {
height: 220px;
float: left;
overflow-y: scroll;		
width: 100%;
}
.didww_numbers_table {
width: 100%;
}
.didww_numbers_table tr {
background-color: #FFF;		
}
.didww_numbers_table tr:hover {
color: #FFF;
font-weight:bold;
/*text-decoration: underline;*/
background-color: #36d5ea;		
}
.didww_numbers_table tr.didww_numbers_header:hover {
color: #000;
text-decoration: none;
background-color: #FFF;		
}
.didww_numbers_header th {
padding: 9px 9px 2px 9px;
font-weight:bold;	
}
.didww_numbers_table td {
padding: 3px 9px 3px 9px;
}

.didww_numbers_table .btn {
font-size: 12px;
padding: 3px 12px;
}

.didww_number_order_cell {
background-color: #FFF;	
text-align: center;
width: 1%;
}

/* Wrappers Container */
.didww_wrappers_containers {
max-height: 690px;
float: left;
width: 100%;
overflow: hidden;
}

/***********************/
/* DID Management Page */
/***********************/
.did_table,
.did_row_1
.did_row_2 {
width: 100%;
display: block;
float: left;	
}

.did_table .number_cell {
float: left;
width: 11%;
}

.did_table .description_cell {
float: left;
width: 15%;
}
.did_table .description_cell input {
width: 96%;
}

.did_table .type_cell {
float: left;
width: 12%;
}
.did_table .type_cell select {
width: 96%;
}

.did_table .destination_cell {
float: left;
width: 13%;
}
.did_table .destination_cell input {
width: 96%;
}


.did_table .sms_email_cell {
float: left;
width: 24%;
}
.did_table .sms_email_cell input {
width: 96%;
}


.did_table .sms_cellular_cell {
float: left;
width: 11%;
}
.did_table .sms_cellular_cell input {
width: 96%;
}

.did_table .action_cell {
float: left;
width: 14%;
text-align: center;
}

.loading_dids {
float: left;
margin-left: 15px;
margin-top: 1px;
border-radius: 30px;
overflow: hidden;
}

.search_div_dids {
float: left;
width: 100%;
margin-top: 15px;
}	

.line_message {
	
}

.dids_per_page_div {
float: left;
margin-right: 15px;	
}

.dids_page_div {
float: left;
margin-right: 15px;	
}

.get_dids_button {
float: left;	
}

.get_dids_button input {
text-transform: uppercase;
}

.purchase_virtual_dids {
float: right;
}

.purchase_virtual_dids a {
text-decoration: none;
color: #36d5ea;
cursor: pointer;
}

.purchase_virtual_dids input {
text-transform: uppercase;
}

.did_records {
float: left;
clear: both;
margin-top: 15px;
width: 100%;
}

.cdr_header {
background-color: #36d5ea !important;	
}

/* DID Management */
.did_table .dids_header {
text-transform: uppercase;	
background-color: #36d5ea;
float: left;
width: 100%;
padding: 6px 3px;
color: #FFF;
margin-bottom: 9px;
}

.did_row_1 {
background-color: #FFF;
padding: 3px 3px 3px;
float: left;
width: 100%;
}

.did_row_2 {
background-color: none;	
padding: 3px 3px 3px;
float: left;
width: 100%;
}

.did_table .did_row_1:hover,
.did_table .did_row_2:hover {
background-color: #CCC;
color: #FFF;
font-weight: bold;
}

.form_block { 
display: block;
float: right;
clear: right;
width: 100%;
}

input[name=number_description], 
input[name=number_destination], 
select[name=number_type] {
width: 96%;	
}

.form_block input[type=submit] {
width: 46%;
float: left;
margin-left: 4%;
}

/************************/
.automatic_payment_wrapper {
    display: block;
	width: 50%;
    float: left;
    background-color: #FFF;	
	padding: 15px;
}
@media screen and (max-width: 767px) {
.automatic_payment_wrapper {
    display: block;
	width: 100%;	
}
}
.automatic_payment {
    display: block;
    margin-bottom: 15px;
    float: left;
    width: 100%;
	position: relative;
}
.automatic_payment label {
    width: 40%;
    float: left;
	clear: left;
	text-align: right;
	margin-top: 6px;
}
.automatic_payment_input_wrapper {
    float: right;
    clear: right;
 	width: 58%;
	margin-left: 2%;
	position: relative;
}
.automatic_payment_label {
    width: 40%;
    float: left;
	clear: left;
	text-align: right;
	font-weight: bold;
}
.automatic_payment_value {
    float: right;
    clear: right;
 	width: 58%;
	margin-left: 2%;	
}
.automatic_payment_select {
	float:right;
	width: 28%;
	margin-left: 2%;
}
.automatic_payment_select select {
    background-color: rgb(248, 248, 248);
    padding: 9px;
    border: 0 none;
    color: #555;
    display: block;
    border-radius: 0;
	width: 100%;
}
.automatic_payment_select::after {
    content: '▼';
    position: relative;
    right: 10px;
    color: #BBB;
    top: -25px;
    font-size: 1em;
    display: block;
    float: right;
    clear: none;
    margin-bottom: -25px;
}
.automatic_payment_button {
	float: right;
	clear: both;
    width: 58%;
}
.automatic_payment_authorization_form {
	background-color: #FFFFFF;
    padding: 15px;
    float: left;		
}
.automatic_payment_authorization_form #automatic-payment-form {
    display: block;
    float: left;
    background-color: #FFFFFF;
}
.automatic_payment_authorization_form h1 {
    text-transform: uppercase;
	font-size: 26px;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
	float: left;
	clear: both;
	width: 100%;
	text-align: left;
}
.automatic_payment_authorization_form p {
    line-height: 24px;
    width: 100%;
    float: left;
    clear: both;
}
.automatic_payment_button.read {
	width: 32%;
	clear: none;
	margin-left: 1%;	
}
.automatic_payment_button.read button {
	width: 100%;
}
#overdue-payments.data-table td {
    padding: 5px 14px 5px 15px !important;
}

/* Payment Form */
.processing-payment {
float: right;
float: right;
margin-top: -3px;
margin-right: 9px;
display: none;
}
#process-payment-overdue-button {
	
}
.disabled-process-payment-button {
border: 1px #ccc solid !important;
color: #CCC !important;	
}

/*
************************
*   START Pago Móvil   *
************************
*/
.pago-movil-content {
    
}

.pago-movil-content input[type=text],
.pago-movil-content input[type=number],
.pago-movil-content select {    
    padding: 5px 10px;
    border-radius: 9px;
    font-size: 15px;
    line-height: 25px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-right: 5px;
}

.pago-movil-content input[type=button] {
    float: left;
    clear: right;    
}

.pago-movil-content .send_payment_instructions {
    
}

.pago-movil-content .apply_payment_instructions {
    margin-bottom: 30px;    
}

.pago-movil-content h1 {
    
}

.pago-movil-content h2 {

}

.pago-movil-content h3 {
    font-size: 21px;    
}

.pago-movil-content p {
    
}

.pago_movil_details_table td {
    
}

.pago_movil_details_table .pago_movil_data_name {
    text-align: right;
}

.pago_movil_details_table .pago_movil_data_value {
    padding-left: 30px;
    font-weight: bolder;
    text-transform: uppercase;    
}

.pago-movil-content .pago_movil_data_field {
    font-weight: bolder;
}

.pago-movil-content .observation {
    display: block !important;
    
    /* animation: blinker 0.5s linear infinite */;
    color: #548cbb;    
}

.pago_movil_reference_text_field {
    float: left;
    clear: left;
    border-radius: 6px !important;
    margin-bottom: 15px;
    border: 1px #d6d6d6 ridge;
    padding: 5px;
    
}

.pago_movil_personal_id_text_field {
    float: left;
    clear: right;
    
}

.pago_movil_prefix_select {
    float: left;
    clear: left;
    font-size: 15px !important;
    height: 37px;
    margin-top: 15px !important;
}

.pago_movil_mobile_text_field {
    float: left;
    clear: none;
    border: 1px #d6d6d6 ridge;
    border-radius: 6px;
    margin-top: 15px;
    padding: 5px;
    margin-left: 10px;
}

.pago-movil-content i.btn.bg-aqua {
    margin-top: 39px;
    border-radius: 9px;
    margin-left: 10px;    
}

#wrapper_loading_image {
    display: none;
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background-color: #ffffffc9;
}

#wrapper_loading_image img {
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
}


/*
*    END Pago Móvil    *
************************
*/



@media (min-width: 768px) {
    .blink_me {
      animation: blinker 1s linear infinite;
      color: #ff6900;
    }
}



