@import "help-fonts.css";

@charset "utf-8";
/* CSS Document */

body *, html * {
    font-family: 'Fira Sans',sans-serif !important;
}

/* shortcode */

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.clearFloat:after {
    content: ' ';
    clear: both;
    display: block;
}

.pushTop10 {
    margin-top: 20px;
}

.pushTop20 {
    margin-top: 20px;
}

.pushRight10 {
    margin-right: 10px;
}

.pushLeft10 {
    margin-left: 10px;
}

.pushBottom10 {
    margin-bottom: 10px;
}

.celestial {
    color: #2cabe1;
}

.bgCelestial {
    background: #2cabe1;
}

/* end shortcode */

.content {
    width: 980px;
    margin: auto;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #F2F2F2 !important;
    color: #4e4e4e !important;
    font-family: 'Fira Sans',sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

a img {
    border: none;
}

h2 {
    font-weight: bold;
    color: #413f3f;
    font-size: 16px;
}

p {
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300 !important;
}

pre {
    margin-bottom: 10px;
    line-height: 19px;
}

p strong, strong {
    font-weight: 500;
}

ul {
    margin-bottom: 15px;
}

ul li {
    list-style-type: none;
    margin-left: 15px;
    line-height: 18px;
}

ul li, ul li * {
    line-height: 18px;
    text-shadow: #CCC;
}

ol {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 30px;
}

ol li {
    line-height: 18px;
}

ol li, ol li * {
    line-height: 18px;
    text-shadow: #CCC;
}

.centered {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.centeredwidth {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

.footer {
    line-height: 1px;
    height: 1px;
    clear: both;
}

#wrapped_header {
    height: auto;
    width: 980px;
    margin: auto;
    background: #fff;
}

#header_inner {
    padding: 20px 0;
}

#help_header_inner {
    padding-top: 0;
}

#header_inner .logo {
    width: 200px;
    display: inline-block;
    margin-left: 15px;
}

#header_inner, #header_inner * {
    font-size: 16px;
    text-align: left;
}

#wrapped_body {
    margin-top: 10px;
}

.leftCol {
    float: left;
    width: 600px;
    overflow: hidden;
}

.rightCol {
    float: left;
    margin-left: 10px;
    text-align: left;
    width: 370px;
}

/* Contenedores */
.questions_container {
    margin-bottom: 10px;
}

.questions_container .questions_container_inner {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px 0;
}

.questions_container .questions_container_inner_detail {
    background: #fff;
    padding: 20px;
}

.questions_container_inner_detail .titleHeading {
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
    background-color: #FFF !important;
    overflow: hidden;
    font: 20px/24px 'Geogrotesque-Medium', arial;
    color: #172852;
    margin-bottom: 5px;
}

.questions_container_inner_detail h3.titleListScreenshot {
    font: normal 16px/20px 'Geogrotesque-Medium', arial;
    color: #2cabe1;
    padding: 0;
}

.questions_container_inner_detail img {
    display: block;
    margin: 5px auto;
    -moz-box-shadow: 0 0 3px 2px #E3E3E3;
    -webkit-box-shadow: 0 0 3px 2px #E3E3E3;
    box-shadow: 0 0 3px 2px #E3E3E3;
}

.questions_container.colapsable h2 {
    background-color: #fff;
    cursor: pointer;
}

.questions_container.colapsable h2:hover {
    background: #f1faff;
}

.questions_container.colapsable h2 samp.bullet {
    background: url(/images/outside/bullet-accordion.png) no-repeat 0 1px;
    float: left;
    width: 21px;
    height: 20px;
    overflow: hidden;
    margin: 2px 13px 12px 10px;
}

.questions_container.colapsable.selected h2 samp.bullet {
    background-position: -43px 0 !important;
}

.questions_container.colapsable.over h2 samp.bullet {
    background-position: -21px 0;
}

.questions_container.colapsable.selected h2,
.questions_container.colapsable.over h2 {
    color: #2cabe1;
}

.questions_container h1 {
    padding: 10px 15px 10px;
    background: #2cabe1;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
}

.questions_container h2 {
    padding: 20px 5px 5px;
    background: #2cabe1;
    overflow: hidden;
    color: #636363;
    font-size: 18px;
}

.questions_container h3 {
    height: 40px;
    padding-left: 10px;
    color: #555;
    font-size: 14px;
}

.questions_container h4 {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background-color: #036;
    overflow: hidden;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}

ul.video-list li {
    background: url(/images/outside/bullet_item_video.jpg) 0 2px no-repeat;
}

ul.video-list a {
    text-decoration: none;
    color: #036;
}

ul.video-list a:hover {
    text-decoration: underline;
}

ul.faq-list {
    margin: 15px 0;
}

ul.faq-list li {
    background: url(/images/outside/bullet_item_faq.png) 0 5px no-repeat;
    padding-left: 20px;
    margin-bottom: 3px;
}

ul.faq-list a {
    text-decoration: none;
    color: #555555;
    font-size: 14px;
}

ul.faq-list a:hover {
    color: #8C8C8C;
    text-decoration: underline;
}

/* Search */
#search_content {
    background: #fff;
    height: 40px;
    padding: 13px 10px 5px 15px;
}

#search_content input.inputText {
    height: 30px;
    width: 180px;
    padding: 0 5px;
    line-height: 30px;
    color: #999 !important;
    font-size: 14px;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
}

#search_content input.inputSubmit {
    background: none repeat scroll 0 0 #2CABE1;
    border: medium none;
    color: #FFFFFF;
    font-size: 14px;
    margin-left: -3px;
    padding: 6px 4px;
    text-transform: uppercase;
    height: 33px;
    vertical-align: middle;
}

/* FOOTER */
#wrapper_footer {
    height: 110px;
    overflow: hidden;
}

#wrapper_footer .footer_menu {
    margin-top: 25px;
    color: #000;
    margin-left: 10px;
    font-size: 12px;
}

#wrapper_footer .footer_menu a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-weight: 400;
}

#wrapper_footer .footer_menu a:hover {
    color: #413f3f;
}

/* SELECT */
/* Estilos para los comboBox personalizados */
select {
    color: #999999;
    height: 31px;
    line-height: 24px;
    padding: 5px;
    width: 300px;
    border: 1px solid #CCCCCC;
}

#jump_content {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 40px;
    margin-bottom: 10px;
    margin-top: 1px;
    padding: 15px 10px 5px 15px;
}

.title_content {
    background: none repeat scroll 0 0 #012352;
    height: 59px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px 20px;
}

.title_content_livechat {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 10px;
    padding: 15px 10px;
}

.title_content h1, .title_content_livechat h1 {
    color: #fff;
    font-size: 24px;
}

.title_content h2, .title_content h2 * {
    color: #00ade4;
    font-size: 24px;
    text-decoration: none;
}

.title_content h2 a:hover {
    text-decoration: underline;
}

.form_container {
    margin: 0 20px;
    margin-right: 15px;
}

.form_container table.table-form {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.form_container table.table-form TD.label-form {
    text-align: right;
    width: 115px;
    padding-right: 5px;
}

.form_container table.table-form TD {
    padding: 10px 0;
    font-size: 13px;
    padding-right: 5px;
}

.form_container table.table-form TR {
}

.data {
    color: #000;
    font-size: 12px;
}

.form_container input.inputText {
    border: 1px solid #E3EEFD;
    height: 33px;
    line-height: 33px;
    background-color: #E3EEFD;
    padding: 0 5px;
    margin-right: 10px;
    color: #999;
    font-size: 15px;
    font-style: italic;
}

.form_container input.inputText:focus {
    border-color: #bbbbbb;
}

.form_container td.phoneNumber input.inputText {
    width: 65px !important;
}

.form_container td.subject input.inputText {
    width: 445px !important;
    margin-right: 0 !important;
}

.form_container td textarea {
    width: 445px !important;
    height: 200px;
    margin-right: 0 !important;
    background-color: #E3EEFD;
    padding: 0 5px;
    border: 1px solid #E3EEFD;
    line-height: 20px;

}

.form_container td textarea:focus {
    border-color: #bbbbbb;
}

.form_container tr.message TD.label-form {
    vertical-align: top;
}

.btn_container {
    height: 60px;
    margin-bottom: 10px;
    background: #fff;
}

h3 .btn_container {
    background-image: none;
    height: 40px;
    line-height: 40px;
    clear: none;
    width: 520px;
    overflow: hidden;
    text-align: right;
    margin-right: 10px;
    _margin-top: 8px;
}

h3 .btn_container img {
    margin-left: 10px;
}

h3 .btn_container #search_content {
    float: right;
    width: 300px;
    overflow: hidden;
    background-image: none;
    _margin-top: -8px;
}

h3 .btn_container #search_content INPUT.inputText {
    height: 20px;
    line-height: 20px;
    margin-top: 4px;
    _height: 25px;
}

a.btnFeedBack {
    background: none repeat scroll 0 0 #ACACAC;
    color: #FFFFFF;
    left: 70px;
    margin-right: 10px;
    padding: 7px 10px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    top: 20px;
}

a.btnFeedBack img {
    position: relative;
    top: -2px;
}

.btn_container input.btnSubmit {
    border: none;
    background-color: #036;
    font-weight: bold;
    color: #FFF;
    height: 33px;
    width: 117px;
    _width: 77px;
}

.backCenter a {
    color: #555555;
    display: block;
    float: left;
    font: 14px/20px 'Geogrotesque-Medium', arial;
    margin: 20px 30px 10px 20px;
}

.moreLinks {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
}

.lastestCommentsOnFb {
    background: #fff;
    height: 200px;
    padding: 10px;
}

.fbFeedbackContent .composerHider a {
    color: #1F93C5 !important;
    font-weight: normal !important;
}

.contentSearch {
    background: #fff;
    padding: 15px;
}

table.contentSearch tbody tr {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}

table.contentSearch tbody tr td:first-child {
    display: block;
    margin: 0 20px 15px 0;
}

table.contentSearch tbody tr td .headingMedium {
    margin: 0 0 5px 0;
}

table.contentSearch p {
    color: #333333;
    margin-bottom: 5px;
}

.secondaryText {
    color: #172852;
}

/* content*/

.bg-headerTitle {
    padding: 20px;
}

.bg-headerTitle h1 {
    color: #fff;
    margin: 0 0 0;
    padding: 0;
    font-size: 38px;
}

.bg-headerTitle blockquote {
    color: #FFFFFF;
    margin: 0 0 6px;
    padding: 0;
}

.bg-headerTitle h3 {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 6px;
    padding: 0;
    width: 520px;
}

.bg-headerTitle img.avatar {
    padding: 4px;
    background: #fff;
    margin-right: 15px;
}

.bg-headerTitle img.logoHeaderTitle {
    margin: 35px 65px 0 0;
}

.bg-headerTitleHelp {
    background: no-repeat scroll right center #172850;
    height: auto;
    width: 940px;
}

.titleIcon {
    color: #fff;
    padding: 10px 15px 10px 58px;
    display: block;
    margin: 0;
}

/* Note CSS */

.yellowBox {
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #FFCC00;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px;
}

/*  Table Grids - outline cells  */

.grid {
    margin: 2px 0 5px 0;
    border-collapse: collapse;
}

.grid th {
    border: 1px solid #ccc;
    padding: 2px 4px 2px 4px;
    text-align: center;
}

.grid td {
    border: 1px solid #ccc;
    padding: 3px 4px 3px 4px;
    color: #413F3F
}

.nogrid td {
    border: none;
}

.dropdown td {
    border: none;
    padding: 0;
}

.cellgrid {
    border: 1px solid #ccc;
    padding: 3px 4px 3px 4px;
}

.simpleBorder {
    padding: 2px;
    margin: 2px;
    border: 1px solid #ccc;
}

tr.alt {
    background: #ccc;
}

.sectionContent {
    width: 940px;
    padding: 20px;
    background: #fff;
}

.oddTD {
    width: 100%;
}

table.oddTD tr:nth-child(2n) {
    background-color: #F9F9F9 !important;
}

.btnFreeTrial {
    padding: 0 15px 0;
    border-radius: 5px;
    color: #fff !important;
    display: inline-block;
    border: none !important;
    background: #f0ad4e !important;
    box-shadow: none !important;
    font: 22px/40px 'Geogrotesque-Medium';
    position: relative;
    text-decoration: none;
}

.btnFreeTrial:hover {
    background: #333 !important;
}

.website-logo {
    max-width: 300px;
    margin-left: 15px;
    max-height: 60px;
}

li.ui-menu-item {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    margin-left: 0;
}

li.ui-menu-item:hover {
    background: #d3d3d3;
    cursor: pointer;
}

ul.ui-menu {
    width: 350px;
    height: 70px;
    overflow-y: auto;
    background: rgb(255, 255, 255);
}

/*New Changes*/

table {
    width: 100%;
}

.input-group .form-control {
    width: 75%;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 5px 0 5px 25px;
    line-height: 1.42857143;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
}
.input-group-addon {
    width: 40px;
    height: 34px;
    background: #428BCA;
    border: none;
    border-radius: 0;
    display: inline-block;
    float: right;
    position: absolute;
    text-align: center !important;
}
.input-group {
    position: relative;
    float: left;
    width: 100%;

}
.input-group .icon {
    left: 0;
    position: absolute;
    top: 3px;
    z-index: 10;
}


.header-search {
    width: 50%;
    float: right;
    margin: 0 auto;
    padding: 10px 0;

}

.search-input {
    height: 34px;
    background-color: #428BCA;
    border: 1px solid #428BCA;
    cursor: pointer;
    color: #fff;
    padding: 4px 6px;
}

#header_inner .contentSearch td {
    margin-left: 17px;
}

/*responsive css for starts*/


@media only screen and (max-width: 767px) {

    body {
        background-color: #fff !important;
    }

    .content {
        width: 100%;
        background: #f4f4f4;
    }
    .input-group {
        width: auto;
        display: inline-block;
        float: none;
        margin: 0 auto;
    }
    .header-search {
        float: none;
        width: 100%;
    }

    .website-logo {
        max-width: 180px;

    }
    .bg-headerTitle h1 {
        margin-bottom: 0;
    }
    .sectionContent, .back-btn-cont, #search_content,
    #help_header_inner	{
        text-align: center;
        width: 95%;
        padding: 0;
    }
    .content {
        background: #f4f4f4;
    }
    .content,
    .bg-headerTitleHelp,
    .centered {
        width: 100%;
    }

    .sectionContent,
    .sectionHelpContent,
    .contentLicenseLast {
        width: 95%;
        padding: 17px;
    }
    .back-btn-cont {
        padding-left: 0!important;
        display: none;
    }
    .screenShot img {
        max-width: 100% !important;
    }

    .bg-headerTitleHelp {
        width: 95%;
        display: block;
        height: auto;
        padding: 12px !important;
    }

    #search_content {
        margin-top: 25px;
    }
    select {
        width: 90%;
    }

    #search_content input.inputText {
        width: auto;
    }

    a.btnFeedBack {
        left: 0;
    }

    .bg-headerTitle h1 {
        font-size: 24px;
    }
    #wrapped_header,
    .leftCol,
    .rightCol		{
        width: 100%;
        margin: 0;
        height: auto;
    }

    .help-feedback-div {
        padding: 12px !important;
    }

    #header_inner .logo {
        width: auto;
        display: block;
        margin-left: 0;
        text-align: center;
    }

    #header_inner, #header_inner * {
        text-align: center;
    }

    #header_inner .contentSearch * {
        text-align: left;
    }

    .input-group .form-control {
        width: auto;
        color: #555;
    }
    .centeredwidth {
        width: 90%;
    }
    .input-group-addon {
        position: relative;
    }
}

@media only screen and (max-width: 480px) {

    .sectionContent, .sectionHelpContent, .contentLicenseLast, .bg-headerTitleHelp {
        padding: 8px !important;
    }

    .bg-headerTitleHelp {
        padding: 8px !important;
    }
    .help-feedback-div {
        padding: 8px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .website-logo {
        max-width: 180px;
    }
    .content, .bg-headerTitleHelp, .centered {

        width: 90%;
    }

    .screenShot img {
        max-width: 100%;
    }

    #wrapper_footer .footer_menu {
        text-align: center;
    }

    .bg-headerTitleHelp {
        height: auto;
    }

    .bg-headerTitleHelp {
        width: auto;
        display: block;
    }

    #wrapped_header {
        width: 90%;

    }

    .leftCol {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .rightCol {
        width: 90%;
        margin: 0 auto;
        float: none;
    }


    .sectionContent, .sectionHelpContent, .contentLicenseLast {
        width: 95%;
        padding: 17px;

    }

    .screenShot img {
        max-width: 100% !important;
    }

    #wrapper_footer .footer_menu {
        text-align: center;
    }

    .bg-headerTitleHelp {
        width: 95%;
        display: block;
        height: auto;
        padding: 20px;
    }

    a.btnFeedBack {
        left: 0;
        padding: 5px;
        top: 10px;
    }

    .back-btn-cont {
        padding-left: 4%;
    }

    #search_content {
        padding: 5px 10px;
        text-align: center;
    }

    #jump_content {
        text-align: center;
    }

    #search_content input.inputText {
        width: 140px;
    }

    .btn_container {
        text-align: right;
    }
    .centered,
    .centered	table	{
        width: 100%;
    }
    .centeredwidth {
        width: 90%;
    }

    .header-search {
        padding: 5px 0;
    }
}

@media all and (min-width: 769px) and (max-width: 1023px) {
    #search_content {
        padding: 12px 0 0;
    }

    #search_content input.inputText {
        width: 160px;
    }
}

/*responsive css ends*/

/* Help Feedback css starts*/

.help-feedback-div {
    padding: 20px;
}

.help-question-text, .help-suggestion-title, .thank-you-message {
    color: rgb(78, 78, 78);
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 8px;
}

.help-answer-text {
    background-color: #fafafa;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    display: inline-block;
    line-height: 16px;
    margin: 6px 8px 6px 0;
    min-width: 88px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: black;
    font-weight: 300;
    font-size: 13px;
    text-decoration: none;
}

.help-answer-text:hover {
    color: #757575;
}

.help-suggestion {
    display: none;
}

.help-how-to-improve {
    color: rgb(78, 78, 78);
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 15px;
    margin-top: 8px
}

.suggestion-textarea {
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    color: #222222;
    max-width: 448px;
    outline: none;
    padding: 16px;
    resize: none;
    width: 100%;
    height: 64px;
    display: block;
}

.suggestion-textarea:focus {
    box-shadow: 1px 1px 1px #E0E0EC;
}

.suggestion-error {
    color: #E91D1A;
    display: none;
    font-size: 13px;
    font-weight: 400;
    padding: 5px 0;
}

.submit-button {
    background: #4285f4;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    outline: 0;
    padding: 10px 16px;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
}

.submit-button:active {
    background: #3367d6;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
    color: #fff;
}

.submit-button:hover {
    background: #3b78e7;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
}

/*Help feedback css ends*/

.qpchosen-container-single {
    width: 650px !important;
}

.interested-section h2 {
    margin-bottom: 16px;
}

.interested-section a {
    text-decoration: none;
}

.interested-section a:hover, .interested-section a:active, .interested-section a:focus {
    text-decoration: underline;
}

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

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

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

.sectionHelpContent h2 {
    font-size: 18px !important;
    font-weight: 300 !important;
}

.sectionHelpContent h3 {
    font-size: 18px !important;
    font-weight: 300 !important;
}

h1, h2, h3, h4, h5 {
    font-weight: 300 !important
}

#header_inner .ui-autocomplete-input {
    text-align: left;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    position: absolute !important;
}