@charset "utf-8";
/* CSS Document */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

body {background-color:#fff; font-family: 'Roboto', sans-serif; font-weight:400; color:#30343c; font-size:14px;}

.outer {max-width:950px; margin:0 auto;}

strong {font-family: 'Roboto Condensed', sans-serif;}
em {font-style:italic;}
p {margin:12px 0 0 0; line-height:20px;}
p:first-child {margin:0;}

input, textarea {border:none; background:#f2f4f8; font-size:14px; padding:10px 6px; width:100%;}

.button {color:#fff; text-decoration:none; font-size:17px; background-color:#1aae88; text-align:center; display:inline-block; padding:0 20px; line-height:46px; border: none; cursor: pointer; text-transform: capitalize;}
.button:hover {text-decoration:none !important; background-color:#2bbf99;}

.padd {padding:20px;}

.title {font-size:18px; line-height:24px;}
.centered {text-align:center;}
.blue_color {color:#00a6e3;}
.light_blue {color:#1ccacc;}
.green_color {color:#1aae88;}
.red_color {color:#cc1c52;}

.main_header {}
.top_header {padding:20px 0;}
.logo {float:left; margin-top:15px;}
.phone_line {float:right; color:#b2b6bf; font-size:12px;}
.phone_line img {vertical-align:middle; display:inline-block;}
.phone_line strong {display:block; font-size:40px; color:#30343c;}

.nav_content {background-color:#30343c;}
.main_menu {float:left; line-height:50px;}
.main_menu li {float:left; font-size:14px;}
.main_menu li a {color:#f2f4f8; text-decoration:none; display:block; padding:0 50px;}
.main_menu li a:hover {background-color:#26272f;}
.main_menu li a.active {color:#1ccacc; background-color:#26272f;}

/* Language switch */
.language_switch {float:right;}
.current_lang {display:inline-block; vertical-align:middle; margin-right:10px;}
.languages {width:50px; display:inline-block; vertical-align:middle; height:50px; background:#26272f url(../img/arrow_down.png) center center no-repeat; cursor:pointer; position:relative;}
.languages ul {display:none; position:absolute; width:100%; top:50px; background-color:#26272f;}
.languages:hover ul {display:block;}
.language_switch li {font-size:12px; margin-bottom:5px;}
.language_switch a {display:block; line-height:18px; padding:0 0 0 27px; color:#fff; text-decoration:none;}
.language_switch a:hover {background-color:#1ccacc;}
.language_switch a.active:hover {background-color:#30343c;}
.language_switch .en {background:url(../img/en.png) 5px center no-repeat;}
.language_switch .es {background:url(../img/es.png) 5px center no-repeat;}
.language_switch .fr {background:url(../img/fr.png) 5px center no-repeat;}
.language_switch .it {background:url(../img/it.png) 5px center no-repeat;}

.main_content {background-color:#f2f4f8; padding:30px 0;}

.left_col {width:270px; float:left; background-color:#30343c; color:#fff; padding-bottom:12px;}
.left_col .padd {padding:0 12px;}
.login {padding-bottom:20px;}
.login p {margin-top:8px;}
.login .title {background-color:#26272f; color:#edeeee; text-align:center; padding:20px 0;}

.welcome {padding:5px 10px 10px 60px; background:url(../img/user.png) left 20px top 12px no-repeat;}

.lost_pass {font-size:12px; color:#fff; text-decoration:none;}
.login_button {display:block; color:#fff; text-decoration:none; background-color:#1aae88; line-height:60px; text-align:center; height:60px; font-size:18px;}
.login_button span {float:right; display:block; background:url(../img/arrow_right.png) center center no-repeat; width:80px; height:100%; border-left:1px solid #30343c;}

.call_woman {width:100%;}
.left_contacts {font-size:18px; margin-top:30px;}
.left_contacts strong {font-size:38px; color:#1ccacc; display:block; margin-top:5px;}
.left_contacts p {font-size:12px; margin-top:5px; line-height:18px;}
.email_contact strong {font-size:20px;}
.help {margin-top:40px; background-color:#26272f;}
.help .photo {float:left; margin-right:10px;}
.help .txt {margin:0 0 0 110px; padding:15px 0 0 0;}
.help ul {margin-top:10px;}
.help li {background:url(../img/arrow_right_blue.png) left 2px no-repeat; padding:0 0 0 15px; margin-top:6px;}
.cards {font-size:12px; padding:20px 0;}

/* Main content */
.main_col {margin:0 0 0 290px;}
.user_info {background:#fff url(../img/user.png) 30px center no-repeat; padding:20px 20px 20px 80px;}
.faq_icon {background:#fff url(../img/faq_icon.png) 30px center no-repeat;}
.lock_icon {background:#fff url(../img/lock_icon.png) 30px center no-repeat;}
.search_icon {background:#fff url(../img/search_icon.png) 30px center no-repeat;}
.ticket_icon {background:#fff url(../img/ticket.png) 10px center no-repeat;}

.solutions {margin-top:30px;}
.solution {background-color:#fff; margin-top:20px;}
.solution .title {background-color:#30343c; color:#fff; padding:15px 20px;}
.solution .padd {padding:20px 3%;}
.solution input {background:none; font-size:16px; line-height:24px; padding:8px 10px;}
.solution label {display:block; margin-bottom:10px;}
.solution .input_content {position:relative; height:46px; margin-bottom:8px;}
.solution .input_content span {display:block; position:absolute; left:0; top:0; bottom:0; right:180px; border:1px solid #c5c8d0; z-index:5;}
.solution .input_content .button {position:absolute; right:0; line-height:46px; width:180px; display:block; z-index:10; white-space:nowrap; padding:0;}

.support_email {font-size:30px;}

/* FAQ */
.collapse {}
.collapse .header {background-color:#30343c; color:#fff; padding:20px; cursor: pointer; line-height:20px; margin-bottom:2px; position:relative;}
.collapse .header .arrow_down {position:absolute; right:0; top:0; bottom:0; width:60px; background:#26272f url(../img/arrow_down.png) center center no-repeat; z-index:100;}
.collapse .header .arrow_up {background:#26272f url(../img/arrow_up.png) center center no-repeat;}
.collapse .content {display: none; padding:10px 20px 20px 20px; font-size:14px; line-height:18px; color:#555555;}
.collapse .content p {margin:15px 0 0 0;}
.collapse .content ul {margin:15px 0 0 15px;}
.collapse .content p:first-child {margin-top:0;}
.collapse .content ul li {list-style:disc; margin-bottom:5px;}

.transactions_table {overflow:auto;}
.transactions_table table {margin-top:20px; color:#464646; line-height:22px; background-color:#fff;}
.transactions_table .heading {color:#fff; background-color:#30343c; font-weight:bold; font-size:16px;}
.transactions_table a {text-decoration:none;}
.transactions_table a:hover {text-decoration:underline;}
.transactions_table td {border-bottom:2px solid #f2f4f8; padding:17px 15px; vertical-align:top;}
.show_records {font-style:italic; padding:0 15px;}
.show_records a {margin:0 4px; color:#30343c;}
.show_records a:first-child {color:#cc1c52;}

.status_1 {color:#cc1c52;}
.status_2 {color:#1ccacc;}
.status_1 a, .status_2 a {color:#1ccacc;}
.status_closed {color:#a2a5a9;}

.ticket_form input {background-color:#f2f4f8; margin-bottom:10px;}
.ticket_form textarea {height:100px; background-color:#f2f4f8; resize:none;}

.read_table {}
.read_table li {font-size:14px; padding:4px 0;}
.read_table span {float:left; width:25%;}
.read_table p {margin:0 0 0 28%;}
.read_table .button {margin-top:15px; position:relative; padding-right:60px;}
.read_table .button::after {content:""; position:absolute; right:0; top:0; bottom:0; width:40px; background:url(../img/arrow_right.png) center center no-repeat; border-left:1px solid #fff;}

footer {padding:10px 0 15px; font-size:12px; color:#90949a;}
footer .contact_us {float:right;}

/* additions */

#special_button {
    width: 100%;
    border: none;
    cursor: pointer;
    margin-top: 15px;
}

#special_button span {
    margin-right: -10px;
}

#links a {
    text-decoration: none;
    color: white;
}

.user_info.title a {
    color: #1ccacc;
}

.reset_anchor {
    color: black;
    text-decoration: none;
}

#faq-list a {
    display: block;
    color: white;
    text-decoration: none;
}