/*fix*/ a{ outline: none !important; } a:focus{ outline: none !important; } /*end fix*/ /*FontA_Light = Montserrat Light*/ @font-face { font-family: 'FontA_Light'; src: url('../../fonts/new_layout/light/Montserrat-UltraLight.eot'); src: local('Proxima Light'), local('Proxima-Light'), url('../../fonts/new_layout/light/Montserrat-UltraLight.woff') format('woff'), url('../../fonts/new_layout/light/Montserrat-UltraLight.ttf') format('truetype'), url('../../fonts/new_layout/light/Montserrat-UltraLight.svg') format('svg'); } /*FontA_Bold = Montserrat Bold*/ @font-face { font-family: 'FontA_Bold'; src: url('../../fonts/new_layout/bold/Montserrat-Bold.eot'); src: local('Proxima Bold'), local('Proxima-Bold'), url('../../fonts/new_layout/bold/Montserrat-Bold.ttf') format('truetype'), url('../../fonts/new_layout/bold/Montserrat-Bold.svg') format('svg'); } /*FontA_regular = Montserrat Regular*/ @font-face { font-family: 'FontA_Regular'; src: url('../../fonts/new_layout/regular/montserrat-regular-webfont.eot'); src: url('../../fonts/new_layout/regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/new_layout/regular/montserrat-regular-webfont.woff2') format('woff2'), url('../../fonts/new_layout/regular/montserrat-regular-webfont.woff') format('woff'), url('../../fonts/new_layout/regular/montserrat-regular-webfont.ttf') format('truetype'), url('../../fonts/new_layout/regular/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } section{ font-family:'FontA_Light', sans-serif; } .FontA_Light {font-family:'FontA_Light', sans-serif;} .FontA_Bold {font-family:'FontA_Bold', sans-serif;} /**/ .btn-orange{ background-color: #ff6300; border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #ffffff; } .btn_search{background-color: white;} .btn-orange:focus, .btn-orange:hover{ color: #ffffff; opacity: 0.7; text-decoration: none; } .btn-orange:focus{ color: #ffffff; } .dashboard-faqs { padding:10px 0 0 0; } #newFeature{} /*TABS*/ .dashboard-faqs .main-tabs-content{ padding-right: 41px; padding-bottom: 41px; } .dashboard-faqs .main-tabs-content .tabs-left { border-bottom: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px; } .dashboard-faqs .main-tabs-content .tabs-left > li { border-top: 1px solid #EEE; margin: 0 -1px 2px 0; cursor: pointer; } .dashboard-faqs .main-tabs-content .tabs-left > li:first-child { border-top: 1px solid #FFF; } .dashboard-faqs .main-tabs-content .tabs-left>li>a { position: relative; display: inline-block; width: 80%; border: none; color: #333; font-size: 15px; margin-right: 0; padding: 20px 0; } .dashboard-faqs .main-tabs-content .tabs-left > li > img { position: relative; display: inline-block; margin-right: 8px; width: 30px; } .dashboard-faqs .main-tabs-content .tabs-left > li.active > a { background-color: transparent; border: none; color: #555; cursor: pointer; } .dashboard-faqs .main-tabs-content .tabs-left > li.active > a, .dashboard-faqs .main-tabs-content .tabs-left > li.active > ul > li.active > a, .dashboard-faqs .main-tabs-content .tabs-left > li.active:hover > a, .dashboard-faqs .main-tabs-content .tabs-left > li.active > a:active, .dashboard-faqs .main-tabs-content .tabs-left > li.active > a:focus, .dashboard-faqs .main-tabs-content .tabs-left > li:hover > a, .dashboard-faqs .main-tabs-content .tabs-left > li > a:active, .dashboard-faqs .main-tabs-content .tabs-left > li > a:focus { color: #ff6300; background: #FFF; } .dashboard-faqs .main-tabs-content .sub-category { width:100%; position: relative; display: inline-block; padding: 2px 10px; } .dashboard-faqs .main-tabs-content .sub-category:last-child { padding-bottom: 20px; } .dashboard-faqs .main-tabs-content .sub-category a:hover { color: #F80; cursor: pointer; } .dashboard-faqs .tabs-panels { margin-bottom: 40px; } .dashboard-faqs .faq-text{ padding-bottom: 12px; } .dashboard-faqs .faq-text h1{ color: #FF6600; font-family: 'FontA_Bold'; line-height: 25px; margin: 12px 0 20px; position: relative } .dashboard-faqs .faq-text h1 i{ display: inline-block; font-size: 32px; margin-right: 7px; } .dashboard-faqs .faq-text h1 span{ display: inline-block; font-size: 17px; line-height: 32px; vertical-align: middle; } .dashboard-faqs .faq-text h1 a.info { color: #CCCCCC; float: right; font-size: 16px; margin: 7px 15px 0 0; } .dashboard-faqs .faq-text h1 a.info i{ font-size: inherit; margin-right: 0; } .dashboard-faqs .faq-text p{ color: #AAAAAA; font-size: 13px; line-height: 20px; } .dashboard-faqs .faq-text p a{ color: #FF6600; text-decoration: underline; } .tabs-panels form.search-form{} .tabs-panels form.search-form .input-group input.form-control{ border-color: #DDDDDD; border-radius: 0; border-right: 0; box-shadow: none; height: 42px; } .tabs-panels form.search-form .input-group .input-group-btn button{ border-color: #dddddd; border-radius: 0; color: #FF6600; cursor: auto; height: 42px; } .tabs-panels form.search-form .input-group .input-group-btn button:hover{ border-left: 0; } .tab-content .questions-cont h2{ color: #FF6600; font-family: 'FontA_Bold', sans-serif; font-size: 22px; margin: 0 0 30px; } .tab-content .questions-cont .faq-list{} .tab-content .questions-cont .faq-list .panel-default{ border: none; border-radius: 0; box-shadow: none; margin-top: 35px; } .tab-content .questions-cont .faq-list .panel-default:first-child{ margin-top: 0; } .tab-content .questions-cont .faq-list .panel-default .panel-heading{ background: transparent; padding: 0; } .tab-content .questions-cont .faq-list .panel-default h3{ font-size: 16px; margin: 0; } .tab-content .questions-cont .faq-list .panel-default h3 a{ color: #FF6600; font-size: 16px; } .tab-content .questions-cont .faq-list .panel-default h3 a span.caret{ margin-left: 10px; border-top: 6px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; } .tab-content .questions-cont .faq-list .panel-collapse .panel-body{ border-bottom: 1px solid #DDDDDD; border-top: 0; padding: 25px 0 15px; } .tab-content .questions-cont .faq-list .panel-collapse .panel-body p{ color: #888888; font-size: 14px; } .title-faqs { text-align: center; margin-top: 140px; color: #666; font-size: 28px; } .title-faqs-smc { text-align: center; margin-top: 80px; color: #666; font-size: 28px; } .title-faqs-smc { text-align: center; margin-top: 40px; color: #666; font-size: 28px; } .header-faqs-smc-column { display: flex; flex-direction: column; align-items: center; } .header-logo-smc-column { display: flex; flex-direction: column; align-items: center; } .margin-top-20 { margin-top: 20px; } .categories-panel { margin-bottom: 50px; } .categories-panel > div { margin:10px 0; } .categories-panel a, .categories-panel-browser-results ul li a { color: #00A5E3; } .categories-panel .category-subpanel { position: relative; display: inline-block; width: 100%; padding: 15px; line-height: 20px; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); cursor: pointer; } .categories-panel .category-subpanel:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } .categories-panel .category-subpanel .cont-text, .categories-panel .category-subpanel .cont-img { height: 55px; display: flex; align-items: center; padding:0px 5px; } .categories-panel .category-subpanel .cont-text span { font-weight: bold; color: #333; font-size: 17px; cursor: pointer; } .categories-panel .category-subpanel .cont-text .dropdown .drop-article { width: 100%; position: relative; display: inline-block; text-align: left; font-size: 15px; color: #F80; background: #fff; border: none; padding: 0px; outline: none; box-shadow: none; font-family: "Helvetica", sans-serif; } .category-browser-container { padding:15px 0 40px 0; } .js-categories-panel-browser-results { position: relative; top: -1px; z-index: 99999; max-height: 300px; overflow: hidden; overflow-y: scroll; } .category-browser-container .autocomplete-element { position: absolute; width: 48.5%; background: #FFF; border-radius: 5px; left: 9px; margin-top: 1px; padding: 0px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); z-index: 100; } .js-categories-panel-browser-results ul { list-style-type: none; padding: 0px 12px; margin: 12px 0; } .js-categories-panel-browser-results ul li { padding: 7px 2px; cursor: pointer; } .js-categories-panel-browser-results ul li a { font-size: 16px; color: #777; font-family: 'Helvetica', sans-serif; } .js-categories-panel-browser-results ul li:hover a { color: #F70; } .js-categories-panel-browser-results .no-results { position: relative; display: inline-block; width: 100%; text-align: center; font-style: italic; } .js-browser-component-container .js-categories-panel-contact-form-link { padding:16px 30px; border-top: 1px solid #DDD; } .js-browser-component-container .js-categories-panel-contact-form-link a { color: #F90; border: 1px solid #DDD; padding: 2px 8px; border-radius: 50px; margin-left: 6px; } .js-browser-component-container .js-categories-panel-contact-form-link a:hover { border: 1px solid #FC0; } .search-faqs { position: relative; } .search-faqs .input-search-faqs { height: 54px; border: 1px solid #F90; outline: none; box-shadow: none; } .search-faqs .btn-search-faqs { height: 54px !important; padding: 0 18px !important; font-size: 22px !important; background: #F90; border: 1px solid #F90; color: #FFF; outline: none; } .search-faqs .btn-search-faqs:active, .search-faqs .btn-search-faqs:active { outline: none; } #tabAnswerContent { font-family: 'Helvetica', sans-serif; font-size: 15px; line-height: 24px; margin-top: 10px; } #tabAnswerContent .close-article { color: #F50; opacity: 0.8; font-size: 20px; } #tabAnswerContent .answer-content { border: 1px solid #000; padding: 20px; position: absolute; top: -30px; background: #fff; } #tabAnswerContent h3 { margin-top: 0px; } #tabAnswerContent h3 { color: #F70; font-family: 'FontA_Regular', sans-serif; } #tabAnswerContent img { max-width:100%; height:auto; margin:30px 0; border-radius: 2px; } #tabAnswerContent a {color:#F90;} #tabAnswerContent a:hover {text-decoration:underline;} .contact-form-container .title, .contact-form-success-container .title { color: #F80; font-size: 22px; font-weight: bold; padding-bottom: 16px; margin-bottom:20px; border-bottom: 1px solid #EEE; } .contact-form-container .subtitle { color: #666; line-height:22px; font-size: 14px; padding-bottom: 16px; margin-bottom: 30px; } .contact-form-container .subtitle a { color: #F80; text-decoration:underline; } .contact-form-container .reference { position:relative; display: inline-block; color: #666; font-size: 14px; padding:18px 0; } .contact-form-container .reference a { color: #F80; text-decoration:underline; } .contact-form-container .control-label { font-size: 17px; } .contact-form-container .error { color: red; } .close { font-size: 24px; } /*Info Modal*/ #infoModal .modal-dialog .modal-content { padding: 31px 27px } #infoModal .modal-dialog .modal-content{} #infoModal .modal-dialog .modal-content .modal-header{ border: none; padding: 0 0 10px 0; } #infoModal .modal-dialog .modal-content .modal-header h3{ color: #FF7700; margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; } #infoModal .modal-dialog .modal-content .modal-header button.close{ display: none; } #infoModal .modal-dialog .modal-content .modal-body{ border: none; color: #AAAAAA; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; padding: 0; } #infoModal .modal-dialog .modal-content .modal-body a{ color: #FF6600; text-decoration: underline; } #infoModal .modal-dialog .modal-content .modal-footer{ border: none; padding: 0; margin-top: 17px; text-align: right; } #infoModal .modal-dialog .modal-content .modal-footer button{ font-size: 13px; padding: 4px 14px; } .text-white { color: #FFF !important; } /* Large */ @media (max-width: 1199px) { .dashboard-faqs .main-tabs-content{ padding: 0 15px; } .dashboard-faqs .main-tabs-content ul.tabs-left{ padding-right: 0; width: 100%; } .dashboard-faqs .main-tabs-content .tabs-left>li a{ font-size: 12px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; } .dashboard-faqs .main-tabs-content .tabs-left>li a i{ float: none; } .account-tabs-configurations ul li a i.fa { font-size: 17px; } .dashboard-faqs .main-tabs-content .tabs-left>li:last-child { border-bottom: 0; } .dashboard-faqs .tabs-panels{ padding-left: 15px; } } /* Medium */ @media (max-width: 991px) { .category-browser-container .autocomplete-element { width: 94%; left: 16px; } .js-categories-panel-browser-results ul li { padding: 12px 0px 0px 0px; border-bottom: 1px solid #EEE; } .js-categories-panel-browser-results ul li:last-child { border-bottom: 1px solid #FFF; } .categories-panel .category-subpanel .cont-text, .categories-panel .category-subpanel .cont-img { height:70px; } .contact-form-container .title {margin-top:0px;} } /* Small */ @media (max-width: 767px) { .dashboard-faqs { margin-top: 20px; } .title-faqs { margin-top: 140px; font-size: 24px; } .dashboard-faqs .tabs-panels { border-left: 0; } .dashboard-faqs .faq-text { padding-bottom: 0px; } .dashboard-faqs .faq-text h1{ margin: 0; } .dashboard-faqs .tabs-panels{ padding-left: 0; padding-top: 0; } .tab-content .questions-cont { display: block; margin-top: 12px; padding-top: 12px; visibility: visible; } .tab-content .questions-cont:first-child{ border-top: 0; } .dashboard-faqs { padding-top: 0px; font-size: 24px; } .category-browser-container .autocomplete-element { width: 92%; } .category-browser-container { padding-top: 15px; padding-bottom: 15px; } .categories-panel .category-subpanel { padding:6px 15px; } .js-browser-component-container .js-categories-panel-contact-form-link { padding: 18px; line-height: 24px; text-align: center; } .js-browser-component-container .js-categories-panel-contact-form-link a { width: 96%; position: relative; display: inline-block; } } /* Extra Small */ @media only screen and (max-width: 576px) { .categories-panel > div { margin-bottom: 0px; } }