/********************************      Basic Structure      ********************************/

html {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 1.1em;
    text-align: left;
    width: 100%;
}

#wrap { margin: 0pt auto; }

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}


h1 { font-size: 1.9em; line-height: 1.2em; margin-bottom: 0.75em; }
h2 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.6em; }
h3 { font-size: 1.3em; line-height: 1.2em; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.5em; }
.bc-section h4 {margin-bottom: 0 !important; padding-top: 10px !important;}
h5 { font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.5em; }
h6 { font-size: 1em; line-height: 1.2em; margin-bottom: 0.75em; }

a { text-decoration: none; }
a:focus { outline: 1px; }

strong { font-weight: bold; }
small { font-size: 75%; }
pre { font-family: monospace; }
p { padding: 0 0 0.75em; }
br { line-height: 11px; }
fieldset { padding: 5px; margin-bottom: 5px; }
fieldset legend { font-weight: bold; }

label { color: #777777; }
.text-input,
.text-area,
select {
    margin: 5px 0;
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
    background-color:#FFF;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 10px;
    text-decoration:none;
}

.browser-android select {
    -webkit-appearance: listbox;
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==); /* a simple arrow img */
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}

table { width: 100%; }
table td { vertical-align: top; padding: 2px 3px; }
table th { vertical-align: top; padding: 2px 5px; }
textarea { width: 100%; }


/********************************      General Classes      ********************************/

.clear { clear: both; }
.align-left { float: left; }
.align-right { float: right; }
.align-next { display: inline; }
.show-details {display: block;}
.hide-details {display: none;}
.block { margin-bottom: 5px; }
.fieldset, .bordered { padding: 5px; }
.display_inline { display: inline!important;}

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.menu-header { font-size: 12px; font-weight: bold; padding: 5px; }
p.return-link { padding: 5px 0 0 0; }

.input-notification { display: inline; padding-left: 13px; line-height: 16px; }
.notification { padding: 10px; border: 1px solid; margin-bottom: 10px; text-align: center; }
.notification .close { font-size: 9px; float: right; }
.row_error_message { margin: 0 0 0 5px; padding: 2px 0 2px 15px; min-width: 190px; text-align: center; }

.text-area { padding: 10px; width: 93% !important; }
.extended { width: 97%; }

.submit-td { padding-top: 5px; }
table thead th { font-weight: bold; text-align: center; }
table td { text-align: center; }

.numbered-list { list-style: decimal outside none; margin-left: 20px; }
.bulleted-list { list-style-type: disc;  margin-left: 20px; line-height: 1.2em; }

.toggle { cursor: pointer; }

#content, #account-info { background-color: transparent;}

#component-general-verify .button,
.button-big, .button-plus, .button{
    -webkit-appearance: none;
    border-radius: 6px;
    line-height: 15px;
    cursor: pointer;
    font-size: 15px!important;
    text-shadow: 1px 1px 0 #FFFFFF;
    color: #777777!important;
    background-color: #EDEDED!important;
    border: 1px solid #DCDCDC!important;
    padding: 3px 7px;
    font-weight: bold;
}

.button-submit { margin: 7px 0; }
.button-plus { margin: 10px auto; padding: 3px; width: 28px; display: block; }

.selectbox, #date_nav {
    border:1px solid #DCDCDC;
    color: #777777;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: 0px 1px 0px 0px #ffffff;
    box-shadow: 0px 1px 0px 0px #ffffff;
    padding: 6px;
}

.crit { font-weight: bold; }

/********************************   Default block styles   ********************************/

#header-content { }
#header-content h1 { text-indent: -9999px; margin: 3px 0; height: 25px; }

h1.left, h2.left { text-align: left;}

#content { text-align: center; }

#footer { margin-bottom: 400px; width: 100% !important; }
#footer-content { text-align: center; margin-top: 10px;}
#footer-content p { font-size: 11px; line-height: 9px; font-family: Verdana,Arial,Helvetica,sans-serif;}
#footer-content #component-footer-menu { text-align: center ;}

.item-container {
    color: #777777;
    font-size: 12px;
    margin: 5px 10px;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    line-height: 23px;
    background-color: #EDEDED;
    padding:5px 10px;
    border:1px solid #DCDCDC;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #FFFFFF;
    min-width: 150px;
    height: auto;
    text-align: center;
    margin: 10px auto;
}

.info-box{
    border-radius: 6px;
    line-height: 15px;
    padding: 10px;
    margin: 5px;
    background-color: #EDEDED!important;
    border: 1px solid #DCDCDC !important;
    color: #333333 !important;
    text-align: left;
    word-wrap: break-word;
}

.buttons { text-align: center; }
#payment-methods-loader, #buy-options-steps-loader { display: block; min-height: 19px; overflow: hidden; width: 100%;}

.further-info-box { margin: 10px 0; }

/******************************** breadcrumbs *********************************************/

/*breadcrumb mobile*/
#breadcrumbs-mobile.bc-mobile { width: 202px; margin: 7px auto 15px; position: relative; }
#breadcrumbs-mobile .bc-separator { position: absolute; top: 12px; width: 202px; z-index: -1; border-bottom:1px solid #FF6F06; }
#breadcrumbs-mobile span.number {color: #ffffff; font-weight: bold; font-size: 14px; }
#breadcrumbs-mobile.bc-mobile ul { text-align: center; }
#breadcrumbs-mobile.bc-mobile li {
    border-radius: 5px;
    padding: 4px;
    background-color: #c3c3c3;
    width: 15px;
    margin-right: 36px;
    text-align: center;
    float:left;
    display: inline;
}
#breadcrumbs-mobile.bc-mobile ul.easyrecharge li { margin-right: 48.5px;}
#breadcrumbs-mobile.bc-mobile li.last { background-image: none; margin-right: 0px; width: 16px }
#breadcrumbs-mobile.bc-mobile li.first { width: 16px }
#breadcrumbs-mobile.bc-mobile li.active { background-color: #FF6F06; cursor: pointer; }
#breadcrumbs-mobile.bc-mobile li.last-selected { background-color: #525252; cursor: pointer;  }
#breadcrumbs-mobile.bc-mobile li.two-step { margin-right: 154px; }
#breadcrumbs-mobile.bc-mobile li.three-step { width:17px; margin-right: 64px; }
#breadcrumbs-mobile.bc-mobile li a { text-decoration: none; }
#breadcrumbs-mobile.bc-mobile li.pay { width: 50px; margin-right: 0!important;}

/********************************      Forms               ********************************/
.input-text label, .input-selectbox label {
    clear: both;
    display: block;
}

.input-checkbox input{
    display: inline-block;
    vertical-align: middle;
}

.input-checkbox label {
    display: inline;
}


.input-selectbox select.selectbox.option2 {
    clear: both;
    display: inline-block;
    width: 50px !important;
    min-width: 50px;
}

.input-radio label {
    display: block;
    margin-left: 25px;
}
.input-radio input {
    float: left;
    margin: 0px 7px;
}
.input-radio-inline {
    width: 80%;
    margin: 0px auto 10px;
}

.input-radio-inline label {
    display: inline;
}

.input-radio-inline input {
    display: inline;
    margin: 0px 7px;
}

/* generic entry for country, prefix, phonenumber */
.phone-number-entry {
    margin: 0pt auto 15px;
    width: 220px !important;
}
.phone-number-entry input,
.phone-number-entry select {
    text-align: left;
}

.select-phone-type,
.select-phone-country,
.select-caller-id {
    clear: both;
    display: inline-block;
    width: 220px !important;
}
.select-date-month {
    clear: left;
    display: inline-block;
    width: 60px;
    margin-right: 10px !important;
}
.select-date-year {
    clear: right;
    display: inline-block;
    width: 80px;
}
.input-country-code {
    clear: left;
    display: inline-block;
    width: 42px !important;
    margin-right: 10px !important;
}
.input-phone-number {
    clear: right;
    display: inline-block;
    width: 120px;
}
.select-caller-id {
    margin: 0pt auto;
    width: 220px !important;
}

/*retrieve_password*/
#form-retrieve-password { text-align: center;}

/* signup */
#form-signup { text-align: center; width: 80%; margin: 0 auto;}
#form-signup li { padding: 5px 0;}
#form-signup .selectbox,#form-signup .text-input { width: 100%!important; padding: 6px 3px; }
#form-signup #prefix { width: 60px!important;}
#form-signup .phonenumber { width: 150px!important;}
#form-signup a { display:block; }
#page-signup span#result-password, #page-signup span#result-password2, #page-signup span#result-email-address2 { display: block; float: none; }


/*buy credit*/
#payment-service-buy #payment-form label { font-size:14px; display: block; color: #333333; font-weight: bold;}
#payment-service-buy #payment-form .detail {  margin-bottom: 10px; }
#payment-service-buy #payment-form #payment-details.details { margin-bottom: 30px; }
#payment-service-buy .details strong { display: block; margin-bottom: 15px;}
#payment-method-info { padding: 0;}


/* phone-to-phone form */
#page-phone-to-phone {  width: 99%; margin: 0 auto;}
#component-phone-to-phone { background: none!important;}
#page-phone-to-phone div.phone_number { min-width: 253px; }
#form-phone-to-phone { width: 95%; margin: auto; min-width: 253px; }
#form-phone-to-phone .bordered { margin: 5px 0; }
#form-phone-to-phone .dial { margin-bottom: 10px; }
#form-phone-to-phone table { margin:0 auto; }
#form-phone-to-phone table tr td { padding: 2px 0; text-align: center; width: 50%; }
#form-phone-to-phone table tr th { padding-bottom: 5px; text-align: center;}
#form-phone-to-phone td.submit-td { text-align: right; }
#form-phone-to-phone label { font-weight: bold; text-align: center; }
#form-phone-to-phone #from-status, #form-phone-to-phone #to-status { color: red; }
#form-phone-to-phone #connection-message { margin-top: 5px; }
#calloptions { text-align: center;}

/*******************************          Pages          ********************************/

/*friend_recharge*/
#page-friend-recharge { width: 99%; margin: 0 auto;}
#page-friend-recharge .page-controls { margin-top: 30px;}
#page-friend-recharge .phone-number-entry, #page-goods-and-services .phone-number-entry { margin: 15px auto 15px!important; width: 220px!important;}
#page-friend-recharge .input-phone-number, #page-goods-and-services .input-phone-number { width: 120px;}
#page-friend-recharge .input-country-code, #page-goods-and-services .input-country-code { width: 42px;}
#page-friend-recharge .select-phone-country, #page-goods-and-services .select-phone-country { width: 220px;}
#page-friend-recharge .component-friend-recharge #button-next { display:inline-block!important;
                                     border-radius: 6px!important;
                                     font-size:15px!important;
                                     height: auto!important;
                                     width: 100%!important;}

/*goods_and_services*/
#page-goods-and-services #accountNumber {width: 200px !important;}
#page-goods-and-services .radio-container {width: auto !important;}

.component-friend_recharge,
.component-friend-recharge-amount, .component-goods-and-services
.component-friend-recharge-overview {  margin: auto; min-width:  253px; width: 95%;}
.component-friend-recharge-amount #choose-amount-component { width: 80%; min-width: 253px!important; max-width: 320px!important;margin: 0 auto;}
.component-friend-recharge-overview #friend-recharge-overview,
.component-goods-and-services #goods-and-services-overview
                                                                { background-color: #EDEDED;
                                                                border: 1px solid #DCDCDC;
                                                                border-radius: 6px;
                                                                margin: 0 auto 20px;
                                                                max-width: 320px;
                                                                mind-width: 200px;
                                                                padding: 5px;
                                                                width: 80%;}
.component-friend-recharge-overview #overview-details, .component-goods-and-services-overview #overview-details { margin: 15px auto 0;}
.component-friend-recharge-overview #overview-details td, .component-goods-and-services #overview-details td { text-align: left;}
.component-friend-recharge-overview #overview-details td.title, .component-goods-and-services #overview-details td.title{ font-weight:  bold;}
#friend-recharge-overview select { min-width: 183px; }
#page-friend-recharge .component-friend-recharge #button-next.enabled { text-shadow: none; }
/*call details*/
#page-recent-calls ul, #page-recent-calls-change-date ul { text-align: center; }
#page-recent-calls .date-navigator strong, #page-recent-calls-change-date .date-navigator strong { color: #777777; display: block; }

#page-call-info .button { width: 100%; margin-bottom: 10px; text-align: center; }
#page-call-info .content-box-content {
    margin: 0 auto;
    max-width: 320px;
    min-width: 190px;
}

#page-friend-recharge .product-list {
    width: 200px;
    margin: 0 auto;
}
#page-friend-recharge .product-list label {
    width: 100%;
}
#page-friend-recharge .product-list .value, #page-friend-recharge .product-list .value-option {
    float: left;
}
#page-friend-recharge .product-list .equivalent {
    float: right;
}

/*purchase*/
#page-purchases { margin: 0 auto;}
#page-purchases ul { text-align: center;}
#page-purchases li.no-purchase { color:#777777; font-size: 14px; margin: 20px 0; display: block;}
#page-purchases .date-navigator strong { color: #777777; display: block; }

/*page-dashboard*/
#page-dashboard div.clear+h2 { display:none; }

/*reseller options*/
#page-local_agents-overview .content-box-content h3, #page-local_agents-overview div { text-align: center; }
#page-local_agents-overview ul { text-align: center; }
#page-local_agents-overview ul li a { background-color: #F1F1F1; border: 1px solid #DCDCDC; min-height: 35px;  display: inline-block;
                                      box-shadow: 0 1px 0 0 #fff; color: #777; display: inline-block; font-family: arial; border-radius: 6px; font-size: 13px; text-align: left; padding-left: 6px;
                                      font-weight: bold !important; margin-bottom: 5px; margin-top: 5px; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; line-height: 35px; width: 186px; margin: auto; max-width: 200px; }

/*page-local-agents-recent-transfer*/
#page-local-agents-recent-transfer .pagination .prev, #page-local-agents-recent-transfer .pagination .next{ text-align: center; }
#page-local-agents-recent-transfer .prev,#page-local-agents-recent-transfer .next{ background-color: #dadada; border: 1px solid #DCDCDC; min-height: 35px;  display: inline-block;
                                                                                   box-shadow: 0 1px 0 0 #fff; color: #777; display: inline-block; font-family: arial; border-radius: 6px; font-size: 15px; text-align: left;  padding: 0 6px;
                                                                                   font-weight: bold !important; margin-bottom: 5px; margin-top: 5px; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 30px; line-height: 35px; }
#page-local-agents-recent-transfer .pagination .page-total, div.align-left, div.align-right { display: inline-block; }
#page-local-agents-recent-transfer .pagination .page-total { margin: 0 auto; font-size: 20px; line-height: 35px; font-weight: bold; }
#page-local-agents-recent-transfer .content-box-content { text-align: center; }

/*page-local-agents-money-transfer*/
#page-local-agents-money-transfer { max-width: 320px; min-width: 190px; margin: auto; }
#component-calls-money-transfer p span label { display: block; }
#page-local-agents-money-transfer table { width: 100%; }
#page-local-agents-money-transfer .text-input { max-width: 200px; width: 80%; padding: 6px 6px !important; }
#page-local-agents-money-transfer #amount.text-input, #page-local-agents-money-transfer #username.text-input { min-width: 85px; }
#page-local-agents-money-transfer td { vertical-align: middle; max-width: 100px; }

/*page-recent-calls-change-date*/
#page-recent-calls-change-date .content-box-header { text-align: center; }
#page-recent-calls-change-date .content-box-content { margin: 0 auto; }


/* sip */
#page-sip { padding: 10px; }
#component-sip-overview { padding-top: 10px; }

/* geo */
#page-geo { padding: 10px; }
#component-geo-overview { padding-top: 10px; }

/* helpdesk */

#page-helpdesk .helpdesk-list .button {
    margin: 5px 0;
    width: 80%;
    font-size: 13px!important;
}
#page-helpdesk .customtext table tr  { margin: 0 auto; width: 100%;}
#page-helpdesk .article-view { text-align:left; width: 80%; margin: 15px auto 0 auto;}
#page-helpdesk .helpdesk-list { text-align: center; min-width: 190px; margin:0 auto;}
#page-helpdesk { margin: 0 auto; }
#page-helpdesk .page-header h2{ width: 80%; margin: 0 auto;}
#page-helpdesk.form-view .page-header h2 { width: 100%; margin:0 auto;}
#page-helpdesk .page-header { width: 100%; margin: 10px auto 20px auto; }
#page-helpdesk .page-header h2 { line-height: 1.5em; white-space: normal; }
#page-helpdesk #browse-category .page-header h2,#page-helpdesk #article-view .page-header h2  { font-size: 12px;}
#page-helpdesk .button_container .button-big { font-size: 12px!important;  width: 80%; display: block; height: auto; padding: 10px; margin: 10px auto; }
#page-helpdesk .button_container ul { text-align: center;}
#page-helpdesk .button_container ul .article-content { text-align: left; width: 80%; margin: 0 auto;}
#page-helpdesk .button_container .back-button { margin-top: 20px;}
#page-helpdesk #component-customerservice-overview { width: 100% !important; margin: 0 auto;}
#page-helpdesk #component-customerservice-overview form { width: 100%; margin: 0 auto; }
#page-helpdesk table.custquestiontable { width: 100%; border-collapse: collapse; }
#page-helpdesk .article-content,#page-helpdesk p  { line-height: 1.3em; }
#page-helpdesk .page-header { padding: 0;}

#page-account-details .division { margin-bottom: 30px;}
#page-phone_settings .page-header h2 { font-size: 14px;}
#personal-details td input.button-big { margin-top: 20px;}
/*******************************          Modules          ********************************/

/*component-local-agents-agent-information*/
#page-local-agents-agent-information { margin: 0 auto; max-width: 320px; min-width: 190px; }
#component-local-agents-agent-information p { text-align: justify; }
#component-local-agents-agent-information .bulleted-list { text-align: left; }

/*view vouchers*/
#page-local_agents-view_vouchers .date-navigator-link span a { font-size: 0.8em; }

/*generate voucher*/
#page-local-agents-generate-vouchers { margin: auto; max-width: 320px; min-width: 190px; }
#component-local-agent-generate-voucher .text-input { width: 40px; }
#component-local-agent-generate-voucher form { text-align: center; margin-bottom: 10px; }

/* search voucher */
#component-local-agents-view-vouchers { text-align: center; font-weight: bold; }

/*user*/
#user-country .selectbox { float: none!important;}
#user-country { text-align: center; }
#personal-details table .text-input, #personal-details table .country-label {
    margin-bottom: 20px;
    width: 280px !important;
    min-width: 150px !important;
}

/* phone settings */
.phonenumber-list th { font-weight: bold; }
.phonenumber-list-buttons { text-align: center; margin:0px auto 30px; }
.phonenumber-list-buttons .button-big { text-align: center; margin-top:10px }
#contacts2-form table { margin: 0 auto; }

/*component-local-agents-create*/
#page-create-multiple-accounts { min-width: 190px; margin: 0 auto; width: 99%; }
#page-create-multiple-accounts .text-input { display: block; margin: 5px auto; }
#component-local-agents-create form div.page-controls { text-align: center !important; }
#component-local-agents-create form .page-controls button { float: none; }
#component-local-agents-create label { font-weight: 700 !important; }
#component-local-agents-create #account_option_1 { text-align: center; }
#component-local-agents-create #account_option_1 label { float: left; clear: left; }
#account_option_1 #total_amount, #account_option_1 .currency { text-align: left; float: left; margin-right: 3px; }
#component-local-agents-create #account_option_2 p { padding: 0 !important; margin: 0 !important; line-height: 12px; }
#component-local-agents-create #account_option_2 p.sub-total-amount { margin-bottom: 10px !important; }
#component-local-agents-create #account_option_2 p label.center, #account_option_2 p span.center { display: block; line-height: 0.6em; }
#component-local-agents-create #account_option_2 p.total { border-top: 1px solid; }
#component-local-agents-create #account_option_2 p.total label.first-child { margin-top: 10px; }
#component-local-agents-create #account_option_2 .input-text > label,
#component-local-agents-create #account_option_2 .input-selectbox > label { font-size: 11px; }
#component-local-agents-create .option2.text-input { display: inline; width: 90%; }
#component-local-agents-create p { text-align: center;}
#component-local-agents-create .multiplication-sign { display: block; }
#component-local-agents-create #account_option_2 table.account th, #component-local-agents-create #account_option_2 table.account td { width: 40px !important; vertical-align: middle; }
#component-local-agents-create img { min-width: 180px; display:inline-block; width: 90%; max-width: 200px; }
#component-local-agents-create .form-create-account { width: 100%; text-align: center; }
#component-local-agents-create div.center { text-align: center !important; }
#component-local-agents-create .form-create-account-captcha { padding: 0 !important; margin: 0 auto !important; width: 95%; max-width: 188px; float: none; }
#page-create-multiple-accounts #component-local-agents-create div.content{ margin: 0 auto;  color: #777777; padding: 0; width: auto !important; text-align: left; min-width: 180px; max-width: 320px; }

/*local-agent-resellers*/
#component-local-agent-resellers ul.numbered-list li{ line-height: 17px;}
#component-local-agent-resellers .content-box-content h3 { font-weight: bold;}
#component-local-agent-resellers .content-box-content li.item-container { height: auto!important; margin-bottom: 20px;}
#component-local-agent-resellers .content-box-content li.underline { border-bottom: 1px solid #C0C0C0;}
#component-local-agent-resellers .content-box-content li.reseller-buttons .button-big { width: 100%; padding: 8px 10px; color: #FFFFFF!important; text-shadow: none!important; display: block; margin: 0 auto 10px auto;}
#page-local-agent-resellers { margin: 0 auto; width: 80%; min-width: 190px; line-height: 1.2em;}
#page-local-agent-resellers  b { margin-bottom: 10px; font-size: 14px; display: block;}
#page-local-agent-resellers .content-box-content { margin-top: 20px;}
#page-local-agent-resellers ul.numbered-list { text-align: left;}

/*view reseller*/
#component-local-agent-view-reseller .center .button-big { width: 315px;}

/* main menu */
.mobile-main-menu {
    margin: 10px auto 0;
    max-width: 290px;
    text-align: center;
}

.mobile-reseller-menu {
    margin: 10px auto 0;
    width: 90%;
}
.mobile-reseller-menu-item,
.mobile-main-menu-item {
    display: block !important;
    padding: 5px 10px;
    line-height: 1em;
    margin: 0 0 10px;
    text-align: left;
}
.mobile-reseller-menu-item a,
.mobile-main-menu-item a {
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
.mobile-reseller-menu-item:hover,
.mobile-main-menu-item:hover {
    border-color: #777777;
}
.mobile-reseller-menu-item span,
.mobile-main-menu-item span {
    display: inline-block;
    vertical-align: middle;
}
.icon-none,
.mobile-main-menu-item .icon {
    width: 30px;
    height: 30px;
}
.icon {
    background-repeat: no-repeat;
    background-position: center center;
}
.icon-recent_calls { background-image: url('/resource/images/myaccount/icon_phone_details.png'); }
.icon-phone_to_phone { background-image: url('/resource/images/myaccount/icon_phone_to_phone.png'); }
.icon-settings { background-image: url('/resource/images/myaccount/icon_settings.png');}
.icon-send_sms { background-image: url('/resource/images/myaccount/icon_sms.png'); }
.icon-webcall { background-image: url('/resource/images/myaccount/icon_webcall.png'); }
.icon-buy_credit { background-image: url('/resource/images/myaccount/icon_buy_credit.png'); }
.icon-rates_list { background-image: url('/resource/images/myaccount/icon_rates_cents.png'); background-size: 30px !important; }
.icon-purchases { background-image: url('/resource/images/myaccount/icon_purchases.png'); }
.icon-mobile_tools { background-image: url('/resource/images/myaccount/icon_download_app.png');}
.icon-personal_details { background-image: url('/resource/icons/icon-naw.gif');}
.icon-reseller_options { background-image: url('/resource/images/myaccount/icon_reseller_options.png');}
.icon-customerservice { background-image: url('/resource/images/myaccount/icon_customerservice.png');}
.icon-logout { background-image: url('/resource/images/myaccount/icon_logout.png');}
.icon-friend_recharge { background-image: url('/resource/images/myaccount/icon_friend_recharge.png');}
.icon-goods_and_services { background-image: url('/resource/buttons/GoodsAndServices/good-service-icon-mobile.png');}
.icon-autocharge { background-image: url('/resource/images/myaccount/icon_autocharge.png'); }
.icon-geo { background-image: url('/resource/images/myaccount/icon_geo.png'); }
.icon-country_subscription { background-image: url('/resource/images/myaccount/icon_country_subscriptions.png'); }

#payment-summary-banktransfer .crit { font-weight: normal;}
#component-main-menu a.local_agents_money_transfer { background-image: url('/resource/icons/moneytransfer.png'); }
#component-main-menu a.local_agents_recent_transfers { background-image: url('/resource/icons/recent-transfers.png'); }
#component-main-menu a.local_agents_generate { background-image: url('/resource/icons/generate-voucher.png'); }
#component-main-menu a.local_agents_view_vouchers { background-image: url('/resource/icons/view-vouchers.png'); }
#component-main-menu a.mobile-main-menu-item select {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: calc(100% - 35px);
}
#component-main-menu a.mobile-main-menu-item form { display: inline; }

/* account-balance */
#component-account-balance label { font-weight: bold;}
#component-account-balance { text-align: center;}
#component-account-balance .low-balance-info a,
#component-account-balance .low-balance-info { color:red !important; margin: 0 5px; font-weight: normal !important;}
#component-account-balance u { text-decoration: underline !important; color: #e61515; }

/* automatic recharge */
#component-auto-charge p { font-size: 12px; }
#component-auto-charge br { line-height: 30px; }
#component-auto-charge a { text-decoration: underline; }
#page-autocharge2 { text-align: center; }
#page-autocharge2 h1 { margin-bottom: 0; }
#page-autocharge2 .sub-title-small { margin-bottom: 0.75em; }
#page-autocharge2 .sub-title-small span { font-size:12px; }
#page-autocharge2 .sub-title-small #link_set_autorecharge { margin-left: 10px; padding-left: 10px; }
#page-autocharge2 #link_change_card { width: 100% !important; }
#page-autocharge2 .page-controls .button { font-size: 13px !important; margin: 5px 0; width: 100%; }
#page-autocharge2 #card-details-form { width: 100%; padding: 0; margin-right: 0; float: none; }

/* Facebox */
#facebox {
    width: 100%;
    left:0 !important;
}

#facebox .footer{
    right: 0px !important; top: 9px !important;
}

#facebox .footer .close {
    margin-left: -48px !important;
    margin-top: 4px !important;
}

#facebox-overlay {
    width: 100%;
    left:0 !important;
}

#facebox-overlay .footer{
    right: 0px !important; top: 9px !important;
}

#facebox-overlay .footer .close {
    margin-left: -48px !important;
    margin-top: 4px !important;
}

#facebox-overlay table {
    border-collapse: collapse;
    width: 100%;
}

#facebox-overlay table tr td {
    background-size: 100%;
}

#facebox-overlay table tr.first-row td {
    background-size: 100%;
    height: 6px;
}

#facebox-overlay table tr.last-row td {
    background-size: 100%;
    height: 6px;
}


#label-autocharge { font-size: 14px; }
#page-autocharge2 .autocharge-result .button { width: 100% !important; }
#page-autocharge2 .autocharge-result .summary { float: none !important; margin-right: 0 !important; width: 100% !important; }

/*call details*/
#component-calls-list_recent .item-container { height: auto; min-height: 161px; }
#component-calls-list_recent { text-align: center;}

/* more info */
#component-rates-calculator-mobile,
#component-moreinfo-overview { text-align: center; padding: 10px; }
#component-rates-calculator-mobile { padding-bottom: 0; }
.rates-calculator-box { padding: 10px 5px; margin: 10px auto 0; width: 200px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.rates-calculator-box .selectbox { margin: 5px 0; width: 180px; }
#call_cost,
#call_cost span { margin-top: 10px; color: green; font-size: 15px; font-weight: bold; }
#call_cost small { font-size: 80%; }
#component-moreinfo-overview ul li { display: block; clear: both; margin-top: 10px; height: 23px; }
.rates-tabs li a { font-size: 12px;}

/*contacts*/
#component-contact { width:  80%; margin: 0 auto; min-width: 190px;}
#component-contact #search-block {margin: 0 auto 20px auto; width: 200px;}
#contact-details-info #phone2phone_button, #contact-details-info #send_sms_button { border: none!important; height: 34px!important}
#search-block .search {
    border: 0;;
    position: absolute;
    right: 5px;
    top: 10px;
    display: block;
    cursor: pointer;
}
#search-block { display: block; height: 43px; width: 200px; position: relative;}
#search-block label { vertical-align: top; display: inline!important; float: none!important; margin: 5px 5px 0 0; }
#search-block .text-input { position: absolute; width: 145px; left: 0; display:block;}
#form-contact { margin: 0 auto; width: 100% !important; }
#component-contact .toggle, #form-contact-list .toggle,
#component-contact .contact-head, #form-contact-list .contact-head{ height: 20px; padding-top: 5px; cursor: pointer; }
#component-contact .contact-item b { display: block; padding-top: 2px; }
#contact-details-info { padding: 5px; margin-bottom: 5px; }
#contact-details-info .call_text_form { display: inline;  }
#contact-details-info .contact-details-actions { margin-bottom: 2px; text-align: right; }
#contact-details-info .align-left { padding-top: 10px; }
#contact-details-info .button { height: 32px; width: 32px; margin-top: 2px; }
#contact-details-info label { cursor: pointer; }
#contact_list_block { width: 100% !important; }

/*component-recent-transfers*/
#component-recent-transfers .pagination { height: auto; display: block; width: 80%; margin: 0 auto; }

/* mobile tools */
#component-mobile-tools ul li { height: 20px; padding: 5px 0 0 20px; }
#component-mobile-tools ul li a { vertical-align: middle; }
#component-tools-lowcaller ul li { margin-left: 50px; list-style-type: disc; }
#component-tools-smartdialing ol li { margin-left: 50px; list-style-type: decimal; }
#component-tools-smartdialing ol { margin-bottom: 10px; }

/* recent transfers */
#date-navigator { padding: 15px; text-align: center; border-bottom: 1px solid; border-top: 1px solid; margin: 10px 0; padding: 15px; }
#date-navigator #previous-date a { padding: 5px; height: 21px; text-decoration: none; }
#date-navigator #next-date a { padding: 5px; height: 21px; text-decoration: none; }
#date-navigator #next-date.hidden { visibility: hidden; }

/* sip settings*/
#component-tools-sip-settings { width: 100%; }
#brand-selection { margin: 0 0 10px 0; width: 70%; float: left; }
#sip-phones { width: 100%; }
#sip-phones select { width: 100%; margin: 5px 0; }
#selected-sip-phone .mobile-phone-item img,
#sip-phones .mobile-phone-item img { height: 90px; }
#selected-sip-phone mobile-phone-item,
#sip-phones .mobile-phone-item { float:left; width: 75px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; margin-top: 5px; text-align: center; overflow: hidden; }
#selected-sip-phone .mobile-phone-item span,
#sip-phones .mobile-phone-item span { font-size: 9px; display: block; height: 15px; white-space: nowrap; }
#selected-sip-phone { border: 1px solid #ccc; width: 100%; }
#selected-sip-phone #sip-selected-phone-content { padding: 10px 3px; }
#selected-sip-phone { font-size: 9px; text-align: center; }
#selected-sip-phone small { font-size: 9px; text-align: center;}

/* send sms */
#component-send-sms { padding: 0px !important; text-align: center; }
#message-counter {
    margin: 0 auto;
    max-width: 320px;
    min-width: 190px;
}
#component-send-sms #message-counter label { text-align: left; }
#component-send-sms textarea,
#component-send-sms select { max-width: 320px; min-width: 150px; width: 100%; }


/*helpdesk*/
#component-customerservice-overview table.custquestiontable { width: 80%!important; min-width:184px; margin:0 auto; line-height: 2em;}
#component-customerservice-overview table.custquestiontable td,
#component-customerservice-overview table.custquestiontable td i{ text-align: left;}
#component-customerservice-overview table.custquestiontable td i { line-height: 1.2em;}
#component-customerservice-overview table.custquestiontable td.phonenumber input { width: 100%!important; }
#component-customerservice-overview table.custquestiontable td.prefix input { width: 60px!important; }
#component-customerservice-overview table.custquestiontable td.radio-content { text-align: left!important;}
#component-customerservice-overview table.custquestiontable td.not-show { display: none;}
#component-customerservice-overview table.custquestiontable td.customtext,
#component-customerservice-overview table.custquestiontable td.custominput { text-align: center; margin:0 auto;}
#component-customerservice-overview table.custquestiontable td.customtext .date-time { margin-left: 70px; display: block; text-align: left; margin-top: 10px;}
#component-customerservice-overview h2 { border-bottom: none!important; line-height: 20px; width: 100%; margin: 0 auto 20px auto!important;}
#component-customerservice-overview { color: #fff; text-align: center;}
#page-customerservice #component-customerservice-overview { color: #888; }
#page-customerservice #component-customerservice-overview { max-width:320px; margin: 0 auto; }
#page-customerservice #helpdeskmessage table.custmessages { width: 100%; }
#page-customerservice #helpdeskmessage table.csmessages { width: 100%; }
#page-customerservice #component-customerservice-overview table td { text-align: left; }
#page-customerservice #helpdeskmessage table.cshelpdesk { width: 100%; }
#page-customerservice #helpdeskmessage table.custreply { width: 100%; }
#page-customerservice #helpdeskmessage td.custmessagesbottom { background-position: 1px 0; background-size: 312px 7px; }
#page-customerservice #helpdeskmessage td.custmessagestop { background-position: 0 15px; background-size: 313px 7px; }
#component-customerservice-overview a { color: #000; font-weight: bold; text-decoration: none; }
#component-customerservice-overview p { color: #888; margin-bottom: 10px; }
#component-customerservice-overview .tabbedlink { display: block; padding-left: 15px; margin-left: 5px; margin-bottom: 10px; }
#component-customerservice-overview .tabbedlink.expanded { background: url('/resource/icons/icon-expand.gif') left no-repeat; }
#component-customerservice-overview .tabbedlink.collapsed { background: url('/resource/icons/icon-collapsed.gif') left no-repeat; }
#component-customerservice-overview .csdivider { display: none; }
#component-customerservice-overview .custquestiontable tr { display: block;}
#component-customerservice-overview .custquestiontable td { display: block; text-align: center;}
#component-customerservice-overview .custquestiontable td input[name='userfile'] { width: auto!important;}
#component-customerservice-overview .custquestiontable td .custquestion { width: 100%!important;}
#component-customerservice-overview .custquestiontable td i { display: inline-block; width: 100%!important;}
#component-customerservice-overview .custquestiontable td .custquestioninput,
#component-customerservice-overview .custquestiontable td .custquestion,
#component-customerservice-overview .custquestiontable td .selectbox {
    width: 100%!important;
    background-color: #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF;
    color: #777777;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 6px 0px;
    text-decoration: none;
    text-shadow: none!important;
}
#component-customerservice-overview .custquestiontable td.custominput select,
#component-customerservice-overview .custquestiontable td.customtext select.custquestioninput,
#component-customerservice-overview .custquestiontable td.customtext .selectbox{ width: 100%!important;}
#component-customerservice-overview .custquestiontable td select { color: #000000; font-size: 13px; padding: 6px 3px;}
#component-customerservice-overview .custquestiontable td.custominputbuttons { display: block; text-align: center; margin-top: 30px;}
#component-customerservice-overview .custquestiontable td.custominputbuttonsright { display: block; text-align: center; margin:0 auto; width: 200px;}
#component-customerservice-overview .custquestiontable td.custominputbuttonsright input {
    font-weight: bold;
    padding-top: 0;
    cursor: pointer;
    padding: 3px 7px;
    -webkit-appearance: none;
    width: 200px;
    border-radius: 6px;
    line-height: 15px;
    height: 33px;
    cursor: default;
    font-size: 15px!important;
    text-shadow: 1px 1px 0 #FFFFFF;
    font-size: 12px; color: #777777!important;
    background-color: #EDEDED!important;
    border: 1px solid #DCDCDC!important;
    text-shadow: none!important;
}
#component-customerservice-overview .custquestiontable td.custominputbuttons input { display:none; }
#component-customerservice-overview .custquestiontable td.custominputbuttonsright input {
    display: block;
}
#component-customerservice-overview .custquestiontable td .error-code { width: 61%!important; display: inline; max-width: 200px;}
#component-customerservice-overview .custquestiontable td { display: block;}
#component-customerservice-overview .custquestiontable td.input-content,
#component-customerservice-overview .custquestiontable td.label { width: 100%!important;}
#component-customerservice-overview .custquestiontable textarea.custquestion { width: 100%; }
#component-customerservice-overview .custquestiontable td.customtext table td {display: table-cell;}
#component-customerservice-overview .custquestiontable label { font-size: 11px; }
#questiontree .csbutton { padding-left: 20px; width: 20px; }
#questiontree .csbutton a img {
    background: url('/resource/icons/icon-collapsed.gif') left no-repeat;
    display: block;
    padding-left: 15px;
    width: 0;
    height: 17px;
    overflow: hidden; }
#questiontree .csbutton a img.expanded { background: url('/resource/icons/icon-expand.gif') left no-repeat; }
#questiontree .csblock { padding: 10px; margin: 0 0 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#questiontree .cstext div { margin-top: 10px; }
#questiontree .cstext b { color: #000; }

/* disable heltips on mobile */
#buy-options h3 a.helptip, .autorenew-option a.helptip,
#buy-options h2 a.helptip { display: none; }

/* subscriptions */
.ajax-loader { float: right; margin-top: 2px; }
.ajax-loader.loading { height: 16px; width: 16px; }
.ajax-loader.result-success,
.ajax-loader.result-failed { padding-left: 12px; cursor: pointer; }

a.toggle-subscriptions { padding-right: 25px; padding-bottom: 2px; }

/** older versions **/
#component-mobilevoip-old-versions {margin: 5px; padding: 20px 0;}
#component-mobilevoip-old-versions .mobilevoip-apps {margin: 10px 0; padding: 10px 0;}
#component-mobilevoip-old-versions .mobilevoip-apps-header { padding-bottom: 5px; border-bottom: 1px solid #D4D4D4;}

#symbian-logo {
    padding: 5px 5px;
    background: url("/resource/images/mobile_apps/button_symbian.png") no-repeat 50% 80%;
    height: 56px;
    width: 146px;
}
#appstore-logo {
    padding: 5px 5px;
    background: url("/resource/images/mobile_apps/button_iphone.png") no-repeat 50% 80%;
    height: 56px;
    width: 146px;
}
#android-logo {
    padding: 5px 5px;
    background: url("/resource/images/mobile_apps/button_android.png") no-repeat 50% 80%;
    height: 56px;
    width: 146px;
}
#blackberry-logo {
    padding: 5px 5px;
    background: url("/resource/images/mobile_apps/button_blackberry.png") no-repeat 50% 80%;
    height: 56px;
    width: 146px;
}
#asha-logo {
    padding: 5px 5px;
    background: url("/resource/images/mobile_apps/button_asha.png") no-repeat 50% 80%;
    height: 56px;
    width: 146px;
}

/* mobilevoip */
#page-mobilevoip { padding: 10px; }
#component-mobilevoip-overview { margin-top: 10px; }
#component-mobilevoip-overview ul li { margin-top: 5px; }
h3.mobilevoip-apps-header {font-size: 14px;}
div.mobilevoip-versions { padding-left: 20px; }
ul.mobilevoip-versions-download { padding: 1px 70px; list-style: none; display: flex; font-weight: bold; }
ul.mobilevoip-versions-download li.left {float: left;}
ul.mobilevoip-versions-download li.right {float: right;}

/* verification */
#component-general-verify #back,#component-general-verify #cancel, #component-general-verify #resend { float: none!important;  width: 100%!important;}
#component-general-verify #resend { background-color: #ff9c2b  !important; color: #000!important;}
#component-general-verify { margin: 0 auto; width:  80%; padding: 0 5px !important; }
#component-general-verify #method-box .verify-method form { position: relative!important;}
#component-general-verify #next { width: 100%!important;}
#component-general-verify .verify-method-container { text-align: center;}
#component-general-verify #method-box .verify-method  { display: block!important; float: none!important; margin: 0 auto 10px auto!important;}
#component-general-verify .info-box { min-width: 200px; margin: 0 auto!important; }
#component-general-verify #method-box { height: auto !important; }
#component-general-verify #verify-buttons { text-align: center; }
#component-general-verify #verify-buttons .button { margin: 5px auto; width: 200px; float: none !important; }
#component-general-verify #verify-box { margin: 5px; }
#component-general-verify #verify-box.block { display: block !important; background-color: transparent; border: none; padding: 10px 20px 0;}
#component-general-verify #verify-message { width: auto !important; }
#component-general-verify #verification_code.text-input { width: 100px !important; }
#component-general-verify #please-wait {
    background: url("/resource/loaders/verification-loader.gif") no-repeat;
    background-position: center;
    width: 100%;
    height: 20px;
    text-align:center;
}
#component-general-verify #verify-box .input-phone select { width: 150px !important; }
#component-general-verify #verify-box .input-phone #phonenumber { width: 125px  !important; }
#payment-form.easyrecharge #buy-next-button { background-color: #91AE08 !important; color: #fff!important; text-shadow: none!important;}

.page-controls #buy-next-button.button.disabled {
    background-color: #bdbdbd !important;
    color: #fff !important;
}

.recent-tranfer-list,
.page-controls,
.payment-selection-list,
.disabled-payments,
.amount-selection-list,
.purchase-list,
.call-list,
.phone-settings-list,
.input-text,
.input-selectbox,
.input-radio,
.input-checkbox {
    text-align: center;
    margin: 0pt auto 10px auto;
}

.purchase-list {
    width: 90%;
}

.input-checkbox,
.input-radio {
    text-align: left !important;
    vertical-align: middle;
}

.input-text .input-notification,
.input-selectbox .input-notification {
    clear:both;
    display: table;
    margin: 0px auto;
}

.input-text img {
    display: block;
    margin: 0 auto;
}

.input-selectbox .selectbox,
.input-text .text-input {
    width: 180px;
}

.input-text input.text-input.option2,
.input-text input.text-input.option1{
    width: 50px !important;
    min-width: 50px;
    margin: auto;
}

.input-checkbox small {
    display: block;
    clear:both;
    font-size: 70%;
}

.input-checkbox {
    width: 200px;
}

.page-controls {
    width: 200px;
}

.page-controls .button {
    clear: both;
    width: 100%;
}

.page-controls .button.error {
    border-color: #fb9e87 !important;
    color: #ff0000 !important;
    background-color: #fff7ec !important;
}

.disabled-payments {
    margin: 25px  auto;
    width: 80%;
}
/*call details*/
.call-details-list-item {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0pt auto 15px;
    width: 90%;
    padding: 3px 7px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.call-details-list-item {
    font-size: 1.2em;
}

.call-details-list-item span.call-date,
.call-details-list-item span.call-time,
.call-details-list-item span.call-duration,
.call-details-list-item span.call-amount,
.call-details-list-item span.call-info
{
    display: inline-block;
}

.call-details-list-item span {
    display: block;
    clear: both;
}

.call-details-list-item span label {
    margin-right: 5px;
}

.call-details-list-item span.call-duration,
.call-details-list-item span.call-amount,
.call-details-list-item span.call-info {
    vertical-align: middle;
}

.disabled-payments .payment-selection-item:hover,
.disabled-payments .payment-selection-list:hover{
    background-color: #EDEDED!important;
}

.disabled-payments .payment-selection-item.disabled {
    border: none;
    margin-top: 10px;
}


.disabled-payments .payment-selection-item .title {
    color: #888888!important;
}

.disabled-payments .disabled-payments-message {
    text-align: left;
}

/* purchases */
.purchase-list-item {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0 auto 15px;
    padding: 3px 7px;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 90%;
}
.purchase-list-item span {
    display: block;
    clear: both;
}
.purchase-list-item .purchase-date {
    margin: 5px auto 5px;
}
.purchase-list-item .purchase-date,
.purchase-list-item .purchase-amount {
    font-weight: bold;
    font-size: 1.2em;
}
.purchase-list-item .purchase-description {
    font-size: 1em;
}
.purchase-list-item .error {
    background-color: transparent !important;
    color: red;
}
.purchase-list-item .purchase-ordercode {
    font-weight: bold;
}
.purchase-list-item .purchase-date,
.purchase-list-item .purchase-description {
    font-weight: bold;
}
.purchase-list-item .purchase-description,
.purchase-list-item .purchase-amount,
.purchase-list-item .purchase-ordercode,
.purchase-list-item .purchase-status {
    display: inline-block;
}

.ui-pdf-button {
    color: #888888!important;
    font-size: 1.2em;
    font-weight: bold;
    border-style: none;
    text-decoration: underline;
}

/*button*/
.button {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF;
    color: #777777;
    display: inline-block;
    font-family: arial;
    font-size: 15px!important;
    font-weight: bold;
    margin-bottom: 5px!important;
    margin-top: 5px!important;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    height: auto!important;
}


/* item states */
.button:hover,
.payment-selection-item:hover,
.amount-selection-item:hover {
    background-color: #DFDFDF !important;
}
.button:active,
.payment-selection-item:active,
.amount-selection-item:active,
.mobile-main-menu-item .icon:hover {
    top: 1px;
    position: relative;
}

/* will affect icon if we do background change */
.mobile-main-menu-item:hover {
    background-color: #EDEDED !important;
}


/* login */
.downloadapp { text-align: center; margin: 5px auto; padding-top: 10px; border-top: 1px dashed #ccc; }
.downloadapp-links { text-align: center; }
.downloadapp-links a { font-weight: bold !important; }

/* retrieve password */
#form-retrieve-password .page-controls { padding-top: 20px; }

/* terms of use */
.indent, .sub-article li { padding-left: 20px; }
ul.sub-article { list-style-type: none; }
#page-termsofuse ul.sub-article li{ list-style-type: none !important; }

/*privacy*/
#page-privacy-policy #component-newsletter-signup { text-align: center; max-width: 320px; min-width: 190px; margin: 0 auto;}
#page-privacy-policy .content-privacy_policy { border-bottom: 1px solid #C0C0C0;}
#page-privacy-policy b { color: #000000;}

/* static pages with large content */
#page-termsofuse .content-box-header h1,
#page-privacy-policy .content-box-header h1,
#page-about .content-box-header h1
{
    text-align: center;
}

#page-termsofuse,
#page-privacy-policy,
#page-about
{
    text-align: left;
    margin: 0 20px;
    line-height: 1.7em;
}

/* about azteca */
#page-about.azteca, #page-about-has-mobile-version.azteca {
    margin: 30px 0 0;
}
#page-about.azteca img, #page-about-has-mobile-version.azteca img {
    width: 100%;
}
#page-about.azteca .long_orange_btn,
#page-about-has-mobile-version.azteca .long_orange_btn {
    display: block;
    text-align: center;
    background-color: #ededed;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 5px;
    color: #777;
}
#page-about.azteca .grey-box .long_orange_btn,
#page-about-has-mobile-version.azteca .grey-box .long_orange_btn {
    background-color: #ffffff;
}
#page-about.azteca .grey-box, #page-about-has-mobile-version.azteca .grey-box {
    background-color: #eaeaea;
    margin: 17px -20px;
    padding: 20px;
}
#page-about-has-mobile-version.azteca .content-divider {
    padding: 0 10px 0 0;
}
#page-about-has-mobile-version.azteca .about-description {
    margin: 0 -30px;
}
#page-about-has-mobile-version.azteca #panel_3 {
    margin: 0 -15px
}


/* phone settings */
.phone-settings-item {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 3px 7px;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 183px;
    margin: 0 auto;
    text-align: left;
}
.phone-settings-item .title {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding-right:10px;
    width:86px;
    text-align: right;
}

.phone-settings-item .status-success { color: #4F8A10; font-weight: bold; }
.phone-settings-item .status-error { color: red; font-weight: bold; }
.phone-settings-item .phone-settings-type { clear: right; }
.page-controls-container { margin-bottom: 30px; }

/* rates */
#page-calling-rates-main,
#page-sms-rates-main,
#page-freetrial-rates-main,
#page-rates-search-main,
#page-topup-rates-main,
#page-rates-main { margin: 0 auto; max-width: 330px; min-width: 190px; text-align: left; }
#rates-call, #rates-freetrial, #rates-search, #rates-all { margin-bottom: 15px; }
#rates-table { table-layout: fixed; font-size: 11px;}
#rates-table td { vertical-align: middle; }
#rates-table td.column-country { text-align: left; padding-left: 10px; max-width: 100px; }
#rates-table .column-rate,
#rates-table .column-vat { text-align: center; max-width: 70px; }
.rates-letters a { padding: 1.3pt !important; font-size: 1em; }
#page-rates-search-main .search-title { margin: 10px 30px; display: block; }
#rates-search table td { vertical-align: middle; text-align: left; }
#rates-search table td #search-text { width: 200px; margin-left: 30px; }
#rates-table .column-country .free { display: none;}

.recent-transfer-list-item {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    font-weight: bold;
    line-height: 1.5em;
    padding: 3px 7px;
    text-shadow: 1px 1px 0 #FFFFFF;
    width: 90%;
    margin: 0pt auto 15px;
}

.recent-transfer-list-item span {
    display: block;
    clear: both;
}

.recent-transfer-list-item .recent-transfer-label-amount,
.recent-transfer-list-item .recent-transfer-amount,
.recent-transfer-list-item .recent-transfer-date,
.recent-transfer-list-item .recent-transfer-time {
    display: inline-block;
}

.recent-transfer-date, .recent-transfer-time {
    font-size: 1.2em;
}

.redeemed-vouchers-list-item {
    background-color: #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0pt auto 15px;
    width: 90%;
    padding: 3px 7px;
    text-shadow: 1px 1px 0 #FFFFFF;
}

.redeemed-vouchers-list-item span {
    display: block;
    clear: both;
}

.redeemed-vouchers-list-item .recent-transfer-label-amount,
.redeemed-vouchers-list-item .recent-transfer-amount,
.redeemed-vouchers-list-item .recent-transfer-date,
.redeemed-vouchers-list-item .recent-transfer-time {
    display: inline-block;
}

.redeemed-vouchers-created-date{
    font-size: 1.2em;
}

#page-pincode { margin: 0 auto; max-width: 280px; }
#page-pincode .content-box-content { margin: 0 auto; max-width: 280px; }
#page-pincode .disabled { color: #CCCCCC !important; }

#component-pincode {margin: 0 auto; width: -moz-fit-content !important; }

/*autorecharge status*/
#component-auto-charge strong { display: block;}

/*webcall*/
#page-webcall { height: 500px}
#page-webcall #browser-webcall { height: 450px; width: 100%;}

/*retrieve_username*/
#form-retrieve-username .hide { display: none;}
#form-retrieve-username .retrieve_method_selection { margin-bottom: 10px;}
#form-retrieve-username label { margin-top: 5px;}

.myloginform { display: none; }

/* autorecharge option payzus */
.autorenew-option {
    padding: 10px 0 15px;
    font-weight: bold;
}

/* privacy policy notification */
#privacy-policy-notification-container button { font-size: 16px; }
#privacy-policy-notification-container #notification-footer { text-align: center; margin-top: 30px }

/*cookies warning*/
#cookies-warning-msg,
.cookies .no-cookies-only,
.no-cookies #component-login,
.no-cookies #form-signup,
.no-cookies #page-signup,
.no-cookies .cookies-only {
    display: none;
}

.no-cookies #cookies-warning-msg,
.no-cookies #component-login.component-login-panel {
    display: block;
}


.no-cookies .text-inline.no-cookies-only {
    display: inline;
}

/* off-canvas nav */
.navbar-collapse .sidebar-toggle {
    display: none;
}

@media only screen and (max-width : 767px) {
    #navbar {
        background-color: #f8f8f8;
        border: none;
        border-right: 1px solid #e7e7e7;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 280px;
        height: 100%;
        max-height: 100vh;
        overflow-y: scroll;
    }

    .navbar-collapse {
        max-height: none;
    }

    .navbar-collapse .sidebar-toggle {
        position: absolute;
        top: 15px;
        right: 5px;
        font-size: 35px;
        z-index: 25;
        display: inline-block;
    }

    .nav.navbar-nav {
        z-index: 20;
    }

    .menu-shown {
        overflow-y: hidden;
    }
}

.ma-0 {
    margin: 0 !important;
}

.pa-0 {
    padding: 0 !important;
}

#autorecharge-header-status-mobile.OFF,
#autorecharge-header-status-mobile.OFF a,
#link_set_autorecharge.OFF a { color: #e61515 !important; }
#autorecharge-header-status-mobile.ON,
#autorecharge-header-status-mobile.ON a,
#link_set_autorecharge.ON a { color: #8eb30b !important; }

#autorecharge-header-status-mobile.OFF a,
#autorecharge-header-status-mobile.ON a {
    text-decoration: underline;
}

#facebox  { 
    position: absolute !important; 
    background-color: #FFF; 
    filter: drop-shadow(10px 10px 50px rgba(0, 0, 0, 0.3)) !important; 
    width: 80%; 
    left: 50% !important;
    transform: translateX(-50%);
    padding: 30px !important;
    border-radius: 15px !important;
    border: 0 !important;
}
#facebox .footer .close { display: none !important;}

#securecode-modal .modal-info h3 { color: #000;}
#securecode-modal .modal-info p { color: #888; line-height: 1.7 !important;}
#securecode-modal .modal-info .images { display: none; }

a.helptip { margin-left: 5px; 
    background-image: url(/public/assets/images/helptip_logo.png) !important;
    width: 15px !important;
    height: 15px !important;
    display: inline-block !important;
    vertical-align: middle;
}

#facebox .notch {
    display: none;
    content: '';
    position: absolute;
    bottom: -10px; 
    transform: translateX(-50%) rotate(180deg); 
    
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(255, 255, 255); 
}