.clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

input,select,textarea {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    color: #183247
}

p {
    margin: 0 0 10.9375px
}

p small {
    font-size: 12px;
    color: #6f7c87
}

p big {
    font-size: inherit
}

.ui-widget,.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

.lead,.lead-small,.list-lead {
    line-height: 28.4375px;
    font-size: 18px;
    font-weight: 200;
    color: inherit;
    font-family: Roboto,Helvetica,sans-serif
}

.lead b,.lead-small b,.list-lead b {
    font-weight: 500
}

.links-inherit a,.list-lead a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .2px;
    font-family: Roboto,Helvetica,sans-serif;
    color: #2f3a43
}

.links-inherit a:hover,.list-lead a:hover {
    color: #1a2025
}

.lead-small {
    font-size: 13px
}

.list-lead {
    margin: 10px 0
}

.no-results {
    color: #ccc;
    font-size: 14px
}

.heading {
    font-family: Roboto,Helvetica,sans-serif;
    font-weight: 400;
    color: #183247
}

.light {
    font-weight: 400
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    text-rendering: optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight: 400;
    color: #6f7c87
}

h1 {
    font-size: 28px;
    line-height: 43.75px
}

h1 small {
    font-size: 18px
}

h2 {
    font-size: 24px;
    line-height: 26px
}

h2 small {
    font-size: 16px
}

h3 {
    font-size: 20px;
    line-height: 30.625px
}

h3 small {
    font-size: 14px
}

h4,h5,h6 {
    line-height: 21.875px
}

h4 {
    font-size: 14px
}

h4 small {
    font-size: 12px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px;
    color: #6f7c87;
    text-transform: uppercase
}

strong,b {
    font-weight: 700
}

.page-header {
    padding-bottom: 20.875px;
    margin: 21.875px 0;
    border-bottom: 1px solid #dcdcdc
}

.page-header h1 {
    line-height: 1
}

.intro {
    font-weight: 200;
    margin-top: -6px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #6f7c87
}

ul,ol {
    padding: 0;
    margin: 5px 0 5px 22px
}

ul ul,ul ol,ol ol,ol ul {
    margin-bottom: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li {
    line-height: 21.875px
}

ul.unstyled,ol.unstyled {
    margin-left: 0;
    list-style: none
}

ul.unstyled li,ol.unstyled li {
    padding: 10px 4px;
    border-bottom: 1px solid #dadfe3
}

ul.unstyled li a,ol.unstyled li a {
    font-size: 14px;
    line-height: 1.54;
    color: #183247;
    font-weight: 600
}

ul.unstyled li a:hover,ol.unstyled li a:hover {
    color: #2753d7
}

.profile-edit-form.unstyled li {
    border-bottom: 0;
    margin: 0
}

dl {
    margin-bottom: 21.875px
}

dt,dd {
    line-height: 21.875px
}

dt {
    font-weight: 700;
    line-height: 20.875px
}

dd {
    margin-left: 10.9375px
}

.dl-horizontal dt {
    float: left;
    width: 120px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 130px
}

hr {
    margin: 16.82692px 0;
    border: 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #fff
}

strong,.strong {
    font-weight: 700
}

em {
    font-style: italic
}

.muted {
    color: #6f7c87
}

abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #6f7c87
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 21.875px;
    border-left: 5px solid #dcdcdc
}

q:before,q:after,blockquote:before,blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 21.875px;
    font-style: normal;
    line-height: 21.875px
}

small {
    font-size: 100%
}

cite {
    font-style: normal
}

.match {
    background-color: #fdfdb5
}

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

body {
    margin: 0;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 21.875px;
    color: #2f3a43;
    background-color: #f9fbfd;
    background-image: none;
    -webkit-font-feature-settings: "locl" 0;
    -moz-font-feature-settings: "locl" 0;
    -ms-font-feature-settings: "locl" 0;
    font-feature-settings: "locl" 0
}

a,.a-link {
    color: #3375bb;
    text-decoration: none
}

a:hover,.a-link:hover {
    color: #105baa;
    text-decoration: underline
}

.a-link {
    cursor: pointer
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.page {
    *zoom:1;max-width: 1140px;
    max-width: 71.25rem;
    _width: 1140px;
    padding-left: 10px;
    padding-left: .625rem;
    padding-right: 10px;
    padding-right: .625rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 78%
}

.page:after {
    content: "";
    display: table;
    clear: both
}

.main {
    width: 66%;
    margin: 0;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    float: left;
    border-right: 1px solid #dadfe3;
    background-color: #fff
}

.sidebar {
    width: 34%;
    float: left;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-color: #f8f9fa;
    margin: 0
}

.fc-portal-solution-home h2,.fc-community-sidebar h2,.fc-solution-home h2,.fc-community-content h2 {
    margin-top: 16px
}

.fc-article-show p {
    padding-top: 4px;
    color: #2f3a43
}

.fc-community-sidebar p.intro,.fc-community-sidebar div a[href*="topics/new"] {
    display: none
}

.fc-community-sidebar .no-results a[href*="topics/new"] {
    display: inline-block;
    color: #2753d7
}

.export-custom-select {
    width: 100%
}

.row-fluid {
    *zoom:1}

.row-fluid:after {
    content: "";
    display: table;
    clear: both
}

.span1 {
    width: 7.22892%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span2 {
    width: 15.66265%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span3 {
    width: 24.09639%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span4 {
    width: 32.53012%;
    float: left;
    margin-right: 1.20482%;
    display: inline;
    margin-bottom: 6px
}

.span5 {
    width: 40.96386%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span6 {
    width: 49.39759%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span7 {
    width: 57.83133%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span8 {
    width: 66.26506%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span9 {
    width: 74.6988%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span10 {
    width: 83.13253%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span11 {
    width: 91.56627%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.span12 {
    width: 100%;
    float: left;
    margin-right: 1.20482%;
    display: inline
}

.omega {
    float: right;
    margin-right: 0;
    *margin-left: -10px;
    display: inline;
    float: left;
    margin-right: 0;
    display: inline
}

form {
    margin: 0
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 32.8125px;
    font-size: 21px;
    line-height: 43.75px;
    color: #9aa1a6;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 16.40625px;
    color: #6f7c87
}

label,input,button,select,textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2
}

input,button,select,textarea {
    font-family: Roboto,Helvetica,Arial,sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    display: inline-block;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 21.875px;
    color: #f8f9fa
}

select {
    font-size: 12.6px
}

textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],.uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    height: 40px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #183247
}

textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,.uneditable-input:focus {
    border-color: rgba(244,244,244,.6);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 5px rgba(244,244,244,.6);
    -webkit-box-shadow: 0 0 5px rgba(244,244,244,.6);
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.checkbox.nested-child {
    padding-left: 40px
}

textarea {
    height: auto
}

input[type=radio],input[type=checkbox] {
    margin: 1px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer
}

input[type=checkbox]:before {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    top: -2px;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #d3dbda
}

input[type=checkbox]:checked:before {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    top: -2px;
    left: 0;
    position: relative;
    background-color: #02b875;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #02b875
}

input[type=radio]:checked:before {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #02b875
}

input[type=radio]:before {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #dadfe3
}

input[type=radio]:checked:after {
    width: 3px;
    height: 3px;
    border-radius: 15px;
    top: -22px;
    right: -3px;
    position: relative;
    background-color: #02b875;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #02b875
}

input[type=radio]:after {
    content: '';
    display: inline-block;
    width: 7px;
    height: 3px
}

input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox] {
    width: auto
}

input[type=submit],input[type=reset],input[type=button],a.btn.btn-primary,button.btn-primary,.banner-nav a[href*="/login"],.redactor_btns_box .btn.btn-primary {
    width: auto;
    font-family: Roboto,Helvetica,sans-serif;
    border-radius: 2px;
    background-color: #3375bb;
    border: solid 1px #1d436b;
    background-image: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-shadow: none;
    text-transform: uppercase;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 20px;
    color: #fff
}

input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,a.btn.btn-primary:hover,button.btn-primary:hover,.banner-nav a[href*="/login"]:hover,.redactor_btns_box .btn.btn-primary:hover {
    background-color: #3d82ca;
    text-decoration: none;
    color: #fff
}

.banner-nav a[href*="/login"] {
    font-size: 14px
}

.btn-signup {
    border: solid 1px #dadfe3;
    background-color: #f3f5f7;
    padding: 5px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Roboto,Helvetica,sans-serif;
    letter-spacing: 1.2;
    color: #183247
}

.btn-signup:hover {
    background-color: #e4e8ed;
    text-decoration: none
}

.btn-small {
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #97a9ba;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Roboto,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #183247;
    padding: 5px 20px;
    text-transform: uppercase
}

.btn-small:hover {
    background-color: #e4e8ed
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input[type=file] {
    line-height: 0
}

select {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px
}

.custom-select:focus {
    outline: 0;
    border-color: rgba(244,244,244,.6);
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.input-date-field .ui-datepicker-trigger,.support-date-field .ui-datepicker-trigger {
    top: 7px
}

select {
    width: 220px;
    border: 1px solid #dadfe3;
    height: 40px;
    color: #183247;
    background-color: #fff
}

select[multiple],select[size] {
    height: auto
}

select:focus,input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    outline: 0;
    border-color: rgba(244,244,244,.6);
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.radio,.checkbox {
    min-height: 18px;
    padding-left: 20px
}

.radio input[type=radio],.checkbox input[type=checkbox] {
    float: left;
    margin-left: -18px;
    margin-top: 3px
}

.radio input[type=radio]:focus:before,.checkbox input[type=checkbox]:focus:before {
    border-color: rgba(244,244,244,.6);
    -moz-box-shadow: 0 0 5px #f4f4f4;
    -webkit-box-shadow: 0 0 5px #f4f4f4;
    box-shadow: 0 0 5px #f4f4f4
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*=span],select[class*=span],textarea[class*=span],.uneditable-input[class*=span],.row-fluid input[class*=span],.row-fluid select[class*=span],.row-fluid textarea[class*=span],.row-fluid .uneditable-input[class*=span],.add-on[class*=span] {
    float: none;
    margin-left: 0
}

.input-append input[class*=span],.input-append .uneditable-input[class*=span],.input-prepend input[class*=span],.input-prepend .uneditable-input[class*=span],.row-fluid .input-prepend [class*=span],.row-fluid .input-append [class*=span],.add-on[class*=span] {
    display: inline-block
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    cursor: not-allowed;
    background-color: #dcdcdc;
    border-color: #ddd
}

input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly] {
    background-color: transparent
}

div.error {
    padding: 5px 0 0
}

.control-group.warning-group>label,.control-group.warning-group .help-block,.control-group.warning-group .help-inline,.control-group.warning-group .error {
    color: #c09853
}

.control-group.warning-group .checkbox,.control-group.warning-group .radio,.control-group.warning-group input,.control-group.warning-group select,.control-group.warning-group textarea {
    color: #c09853;
    border-color: #c09853
}

.control-group.warning-group .checkbox:focus,.control-group.warning-group .radio:focus,.control-group.warning-group input:focus,.control-group.warning-group select:focus,.control-group.warning-group textarea:focus {
    border-color: #a47e3c;
    -moz-box-shadow: 0 0 6px #dbc59e;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e
}

.control-group.warning-group .input-prepend .add-on,.control-group.warning-group .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error-group>label,.control-group.error-group .help-block,.control-group.error-group .help-inline,.control-group.error-group .error {
    color: #b94a48
}

.control-group.error-group .checkbox,.control-group.error-group .radio,.control-group.error-group input,.control-group.error-group select,.control-group.error-group textarea {
    color: #b94a48;
    border-color: #b94a48
}

.control-group.error-group .checkbox:focus,.control-group.error-group .radio:focus,.control-group.error-group input:focus,.control-group.error-group select:focus,.control-group.error-group textarea:focus {
    border-color: #953b39;
    -moz-box-shadow: 0 0 6px #d59392;
    -webkit-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392
}

.control-group.error-group .input-prepend .add-on,.control-group.error-group .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success-group>label,.control-group.success-group .help-block,.control-group.success-group .help-inline,.control-group.success-group .error {
    color: #468847
}

.control-group.success-group .checkbox,.control-group.success-group .radio,.control-group.success-group input,.control-group.success-group select,.control-group.success-group textarea {
    color: #468847;
    border-color: #468847
}

.control-group.success-group .checkbox:focus,.control-group.success-group .radio:focus,.control-group.success-group input:focus,.control-group.success-group select:focus,.control-group.success-group textarea:focus {
    border-color: #356635;
    -moz-box-shadow: 0 0 6px #7aba7b;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b
}

.control-group.success-group .input-prepend .add-on,.control-group.success-group .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus {
    border-color: #e9322d;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    margin-top: 10.9375px;
    padding-top: 10.9375px;
    margin-bottom: 21.875px;
    border-top: 1px solid #e5e5e5;
    *zoom:1}

.form-actions:before,.form-actions:after {
    display: table;
    content: ""
}

.form-actions:after {
    clear: both
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #eee;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025)
}

.placeholder {
    color: #b2b2b2
}

input:-moz-placeholder {
    color: #b2b2b2
}

input:-ms-input-placeholder {
    color: #b2b2b2
}

input::-webkit-input-placeholder {
    color: #b2b2b2
}

[type=search] {
    -webkit-appearance: textfield
}

.help-block,.help-inline {
    color: #f8f9fa
}

.help-block {
    display: block;
    margin-bottom: 10.9375px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    padding-left: 5px
}

.input-prepend,.input-append {
    margin-bottom: 5px
}

.input-prepend input,.input-prepend select,.input-prepend .uneditable-input,.input-append input,.input-append select,.input-append .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
    border-radius: 0 3px 3px 0
}

.input-prepend input:focus,.input-prepend select:focus,.input-prepend .uneditable-input:focus,.input-append input:focus,.input-append select:focus,.input-append .uneditable-input:focus {
    z-index: 2
}

.input-prepend .uneditable-input,.input-append .uneditable-input {
    border-left-color: #ccc
}

.input-prepend .add-on,.input-append .add-on {
    display: inline-block;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 21.875px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    border: 1px solid #ccc
}

.input-prepend .add-on,.input-prepend .btn,.input-append .add-on,.input-append .btn {
    border-radius: 0
}

.input-prepend .active,.input-append .active {
    background-color: #56fdc0;
    border-color: #02b875
}

.input-prepend .add-on,.input-prepend .btn {
    margin-right: -4px
}

.input-prepend input,.input-prepend .uneditable-input {
    border-left-width: 0
}

.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
    border-right-width: 0;
    border-radius: 3px 0 0 3px
}

.input-append input,.input-append select,.input-append .uneditable-input {
    border-radius: 3px 0 0 3px
}

.input-append input,.input-append .uneditable-input {
    border-right-width: 0
}

.input-append .uneditable-input {
    border-right-color: #ccc;
    border-left-color: #eee
}

.input-append .add-on:last-child,.input-append .btn:last-child {
    border-left-width: 0;
    margin-left: -4px;
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input {
    border-radius: 0
}

.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    border-radius: 3px 0 0 3px
}

.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    border-radius: 0 3px 3px 0
}

.search-query {
    padding-right: 14px;
    padding: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    border-radius: 14px
}

.form-search input,.form-search textarea,.form-search select,.form-search .help-inline,.form-search .uneditable-input,.form-search .input-prepend,.form-search .input-append,.form-inline input,.form-inline textarea,.form-inline select,.form-inline .help-inline,.form-inline .uneditable-input,.form-inline .input-prepend,.form-inline .input-append,.form-portal input,.form-portal textarea,.form-portal select,.form-portal .help-inline,.form-portal .uneditable-input,.form-portal .input-prepend,.form-portal .input-append {
    display: inline-block;
    *display: inline;
    *zoom:1}

.form-search .hide,.form-inline .hide,.form-portal .hide {
    display: none
}

.form-portal {
    margin-top: 10px
}

.form-search label,.form-inline label {
    display: inline-block
}

.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type=radio],.form-search .checkbox input[type=checkbox],.form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 16px
}

legend+.control-group {
    margin-top: 21.875px;
    -webkit-margin-top-collapse: separate
}

input.special {
    border-radius: 6px;
    border-color: #8c8c8c;
    font-size: 16px;
    margin-bottom: 0;
    margin-right: 0;
    padding: 6px 10px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

label.required:after {
    content: "*";
    color: #d00;
    font-size: 16.8px;
    font-weight: 700;
    position: relative;
    top: 4px;
    margin-left: 5px
}

.ticket-form .nested_field .level_2,.ticket-form .nested_field .level_3,.ticket-form .control-tabbed-border,.form-portal .nested_field .level_2,.form-portal .nested_field .level_3,.form-portal .control-tabbed-border,.edit_helpdesk_ticket .nested_field .level_2,.edit_helpdesk_ticket .nested_field .level_3,.edit_helpdesk_ticket .control-tabbed-border {
    display: none;
    border-left: 1px dotted #333;
    padding-left: 15px;
    padding-top: 15px
}

.company_container {
    border-left: 1px dotted #333;
    margin-bottom: 5px
}

.company_label {
    padding: 0 0 21px 18px;
    margin-top: 17px
}

.company_div {
    padding-top: 20px
}

.cc-emails {
    *zoom:1;margin-top: 6px
}

.cc-emails:before,.cc-emails:after {
    display: table;
    content: ""
}

.cc-emails:after {
    clear: both
}

.cc-emails .cc-label,.cc-emails input[type=text] {
    float: left
}

.cc-emails .cc-label {
    width: 10%;
    border: 1px solid #ccc;
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #f8f8f8;
    height: 30.875px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 21.875px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle
}

.cc-emails input[type=text] {
    width: 90%;
    border-radius: 0 3px 3px 0;
    border-left-width: 0
}

.cc-emails .select2-container {
    width: 90%
}

.cc-emails .select2-container .select2-choices {
    border-left-color: #efefef;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.cc-emails .select2-input {
    height: 26px
}

.cc-emails .select2-search-field input {
    height: 26px
}

.cc-emails .select2-search-choice-close::after {
    top: -2px
}

.attachments-form {
    margin-top: 5px;
    *zoom:1}

.attachments-form:before,.attachments-form:after {
    display: table;
    content: ""
}

.attachments-form:after {
    clear: both
}

.ticket-sidebar select,.ticket-sidebar textarea,.ticket-sidebar input[type=text],.ticket-sidebar input[type=password],.ticket-sidebar input[type=datetime],.ticket-sidebar input[type=datetime-local],.ticket-sidebar input[type=date],.ticket-sidebar input[type=month],.ticket-sidebar input[type=time],.ticket-sidebar input[type=week],.ticket-sidebar input[type=number],.ticket-sidebar input[type=email],.ticket-sidebar input[type=url],.ticket-sidebar input[type=search],.ticket-sidebar input[type=tel],.ticket-sidebar input[type=color],.ticket-sidebar .uneditable-input {
    width: 100%
}

#errorExplanation h2,#errorExplanation p,.errorExplanation h2,.errorExplanation p {
    display: none
}

#errorExplanation ul,.errorExplanation ul {
    margin-bottom: 0
}

.select2-container .select2-choice {
    height: 40px
}

.select2-container .select2-choice .select2-chosen {
    padding: 6px
}

.select2-container .select2-choice abbr:after {
    top: 7px
}

.select2-container .select2-choice .select2-arrow b:after {
    top: 18px
}

#vote-feedback-form-link {
    color: #2753d7
}

.form-portal .control-group {
    margin-bottom: 21.875px;
    *zoom:1}

.form-portal .control-group:before,.form-portal .control-group:after {
    display: table;
    content: ""
}

.form-portal .control-group:after {
    clear: both
}

.form-portal .control-label {
    float: left;
    width: 140px;
    padding-top: 4px
}

.form-portal .control-label a[data-toggle=tooltip],.form-portal label.checkbox a[data-toggle=tooltip] {
    margin-left: 4px
}

.form-portal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 160px;
    *margin-left: 0
}

.form-portal .controls:first-child {
    *padding-left: 160px
}

.form-portal .controls .disabled-field {
    padding-top: 4px
}

.form-portal .help-block {
    margin-top: 10.9375px;
    margin-bottom: 0
}

.form-portal .form-actions {
    padding-left: 160px
}

input,textarea {
    width: 210px
}

@media(max-width: 45em) {
    .form-portal .form-actions {
        padding-left:0
    }

    .form-portal .control-label {
        float: none;
        width: auto;
        padding-top: 0
    }

    .form-portal .controls {
        margin-left: 0
    }

    input,textarea {
        width: 100%;
        max-width: 100%
    }

    input.span1,textarea.span1 {
        width: 100%
    }

    input.span2,textarea.span2 {
        width: 100%
    }

    input.span3,textarea.span3 {
        width: 100%
    }

    input.span4,textarea.span4 {
        width: 100%
    }

    input.span5,textarea.span5 {
        width: 100%
    }

    input.span6,textarea.span6 {
        width: 100%
    }

    input.span7,textarea.span7 {
        width: 100%
    }

    input.span8,textarea.span8 {
        width: 100%
    }

    input.span9,textarea.span9 {
        width: 100%
    }

    input.span10,textarea.span10 {
        width: 100%
    }

    input.span11,textarea.span11 {
        width: 100%
    }

    input.span12,textarea.span12 {
        width: 100%
    }

    textarea {
        height: auto
    }
}

.controls .dateClear {
    top: 2px;
    position: absolute;
    right: 9px;
    padding: 5px;
    cursor: pointer
}

.controls .dateClear .ficon-cross:before {
    font-size: 1.2em;
    color: #999
}

.company_form_date+.dateClear {
    right: 25px
}

.support-date-field input.date {
    width: 100%
}

.support-date-field .dateClear {
    top: 3px;
    position: absolute;
    right: 9px;
    padding: 5px;
    cursor: pointer
}

.support-date-field .dateClear .ficon-cross:before {
    font-size: 1.2em;
    color: #999
}

.form-portal .checkbox input[type=checkbox],.ticket-form-sidebar .checkbox input[type=checkbox] {
    margin-top: 0
}

.form-portal .checkbox input[type=checkbox]:focus:before,.form-portal .checkbox input[type=checkbox]:before,.ticket-form-sidebar .checkbox input[type=checkbox]:focus:before,.ticket-form-sidebar .checkbox input[type=checkbox]:before {
    top: 2px
}

.form-portal .checkbox.required input[type=checkbox],.ticket-form-sidebar .checkbox.required input[type=checkbox] {
    margin-top: 2px
}

.login-form .checkbox input[type=checkbox]:before {
    top: -1px
}

.profile-edit-form .checkbox input[type=checkbox] {
    margin-left: 0;
    margin-top: 1px
}

.profile-edit-form .checkbox input[type=checkbox]+label {
    margin-left: 5px
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom:1;padding: 5px 15px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    *line-height: 18px;
    color: #183247;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: #f3f5f7;
    border: 1px solid #97a9ba;
    *border: 0;
    border-bottom-color: #a7b5c4;
    border-radius: 6px;
    *margin-left: .3em;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover {
    color: #183247;
    text-decoration: none;
    background-color: #e4e8ed;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    -webkit-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,.btn:active {
    background-color: #f3f5f7;
    background-image: none;
    outline: 0;
    color: #183247
}

.btn.disabled,.btn[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    filter: alpha(opacity=65);
    opacity: .65;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn {
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #97a9ba;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Roboto,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #183247;
    padding: 5px 20px;
    text-transform: uppercase
}

.btn:hover {
    background-color: #e4e8ed
}

.redactor_btns_box .btn {
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #c5cfd8;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Roboto,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #183247;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-left: 10px
}

.redactor_btns_box .btn:hover {
    background-color: #e4e8ed
}

.btn-large {
    padding: 9px 14px;
    font-size: 16px;
    line-height: normal;
    border-radius: 5px
}

.btn-large [class^=icon-] {
    margin-top: 1px
}

.btn-small {
    padding: 3px 16px;
    font-size: 12px;
    line-height: 20.875px;
    border-radius: 4px
}

.btn-small [class^=icon-] {
    margin-top: -1px
}

.list-lead .btn-small {
    border-radius: 2px;
    background-color: #fff;
    border: solid 1px #dadfe3;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    font-family: Roboto,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #183247
}

.list-lead .btn-small:hover {
    background-color: #f3f5f7;
    color: #183247
}

.btn-mini {
    padding: 2px 6px;
    font-size: 12px;
    line-height: 19.875px
}

.btn-mini [class^=icon-] {
    margin-right: -3px;
    margin-left: -3px
}

.btn-quoted {
    padding: 0 7px 0 8px;
    font-size: 12px;
    line-height: .8;
    height: 17px;
    font-weight: 700;
    letter-spacing: .1em;
    border-radius: 3px
}

.btn-quoted:before {
    content: "..."
}

.btn.default-pic {
    padding: 6px 6px 6px 8px
}

.dropdown-toggle.btn {
    padding: 6px
}

.btn-icon {
    padding: 3px 6px
}

#datepicker input[type=text] {
    height: 40px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #183247
}

.btn-primary,.btn-primary:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.btn-primary.active {
    color: rgba(255,255,255,.75)
}

.btn-danger,.btn-danger:hover {
    color: #9aa1a6;
    text-shadow: 0 1px 1px rgba(255,255,255,.75)
}

.btn-danger.active {
    color: rgba(255,255,255,.75)
}

.btn-primary {
    background-color: #3170b3;
    background-image: -moz-linear-gradient(top,#3375bb,#2e68a7);
    background-image: -ms-linear-gradient(top,#3375bb,#2e68a7);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#3375bb),to(#2e68a7));
    background-image: -webkit-linear-gradient(top,#3375bb,#2e68a7);
    background-image: -o-linear-gradient(top,#3375bb,#2e68a7);
    background-image: linear-gradient(to bottom,#3375bb,#2e68a7);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3272b7',endColorstr='#2c66a3',GradientType=0);
    border-color: #2e68a7 #2e68a7 #1d436b;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #2e68a7;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    background-color: #2e68a7;
    *background-color: #285c93
}

.btn-primary:active,.btn-primary.active {
    background-color: #234f7f \9
}

.btn-danger {
    background-color: #c54130;
    background-image: -moz-linear-gradient(top,#d34836,#b03626);
    background-image: -ms-linear-gradient(top,#d34836,#b03626);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#d34836),to(#b03626));
    background-image: -webkit-linear-gradient(top,#d34836,#b03626);
    background-image: -o-linear-gradient(top,#d34836,#b03626);
    background-image: linear-gradient(to bottom,#d34836,#b03626);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d24432',endColorstr='#ab3526',GradientType=0);
    border-color: #b03626 #b03626 #712319;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    *background-color: #b03626;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
    background-color: #b03626;
    *background-color: #9b3022
}

.btn-danger:active,.btn-danger.active {
    background-color: #86291d \9
}

button.btn,input[type=submit].btn {
    *padding-top: 2px;
    *padding-bottom: 2px
}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,input[type=submit].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,input[type=submit].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #97a9ba;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: Roboto,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    color: #183247;
    padding: 5px 20px;
    text-transform: uppercase
}

button.btn.btn-small:hover,input[type=submit].btn.btn-small:hover {
    background-color: #e4e8ed
}

button.btn.btn-primary,input[type=submit].btn.btn-primary {
    width: auto;
    font-family: Roboto,Helvetica,sans-serif;
    border-radius: 2px;
    background-color: #3375bb;
    border: solid 1px #1d436b;
    background-image: none;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-shadow: none;
    text-transform: uppercase;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 20px;
    color: #fff
}

button.btn.btn-primary:hover,input[type=submit].btn.btn-primary:hover {
    background-color: #3d82ca;
    text-decoration: none
}

button.btn.btn-mini,input[type=submit].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

button.btn.btn-primary.pull-right {
    margin: 0
}

.btn-google {
    background-color: #4285f4;
    color: #fff;
    text-shadow: none
}

.btn-facebook {
    background-color: #3b5998;
    color: #fff;
    text-shadow: none
}

.btn-twitter {
    background-color: #24a9e6;
    color: #fff;
    text-shadow: none
}

.btn-group {
    position: relative;
    *zoom:1;*margin-left: .3em
}

.btn-group:before,.btn-group:after {
    display: table;
    content: ""
}

.btn-group:after {
    clear: both
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-left: 5px
}

.btn-toolbar {
    margin-top: 10.9375px;
    margin-bottom: 10.9375px
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom:1}

.btn-group>.btn {
    position: relative;
    float: left;
    margin-left: -1px;
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.btn-group>.btn:last-child,.btn-group>.dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.btn-group>.btn.large:first-child {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    *padding-top: 4px;
    *padding-bottom: 4px
}

.btn-group>.btn-mini.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px
}

.btn-group>.btn-small.dropdown-toggle {
    *padding-top: 4px;
    *padding-bottom: 4px
}

.btn-group>.btn-large.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e4e8ed
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #2e68a7
}

.btn .caret {
    margin-top: 7px;
    margin-left: 0;
    color: #183247
}

.btn:hover .caret,.open.btn-group .caret {
    filter: alpha(opacity=10000);
    opacity: 100
}

.btn-mini .caret {
    margin-top: 5px
}

.btn-small .caret {
    margin-top: 6px
}

.btn-large .caret {
    margin-top: 6px;
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.dropup .btn-large .caret {
    border-bottom: 5px solid #183247;
    border-top: 0
}

.dynamic-icon-sprite,.dynamic-icon-article-dark,.dynamic-icon-article,.dynamic-icon-cog-dark,.dynamic-icon-cog-drop-dark,.dynamic-icon-cog-drop-light,.dynamic-icon-cog-light,.dynamic-icon-dd-tick-dark,.dynamic-icon-dd-tick-light,.dynamic-icon-nav-contact-dark,.dynamic-icon-nav-contact,.dynamic-icon-nav-menu-dark,.dynamic-icon-nav-menu,.dynamic-icon-nav-newticket-dark,.dynamic-icon-nav-newticket,.dynamic-icon-nav-status-dark,.dynamic-icon-nav-status,.dynamic-icon-search-dark,.dynamic-icon-search,.page-tabs .mobile-icon-nav-menu:before,.mobile-icon-search:before,.mobile-icon-nav-contact:before,.mobile-icon-nav-newticket:before,.mobile-icon-nav-status:before {
    background-image: url(https://assets10.freshdesk.com/assets/cdn-ignored/sprites/portal/dynamic-icon-s85b95186ce.png);
    background-repeat: no-repeat
}

.dynamic-icon-article-dark {
    background-position: 0 0;
    height: 26px;
    width: 29px
}

.dynamic-icon-article {
    background-position: 0 -26px;
    height: 27px;
    width: 29px
}

.dynamic-icon-cog-dark {
    background-position: 0 -53px;
    height: 15px;
    width: 15px
}

.dynamic-icon-cog-drop-dark {
    background-position: 0 -68px;
    height: 15px;
    width: 22px
}

.dynamic-icon-cog-drop-light {
    background-position: 0 -83px;
    height: 15px;
    width: 22px
}

.dynamic-icon-cog-light {
    background-position: 0 -98px;
    height: 15px;
    width: 15px
}

.dynamic-icon-dd-tick-dark {
    background-position: 0 -113px;
    height: 20px;
    width: 20px
}

.dynamic-icon-dd-tick-light {
    background-position: 0 -133px;
    height: 20px;
    width: 20px
}

.dynamic-icon-nav-contact-dark {
    background-position: 0 -153px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-contact {
    background-position: 0 -175px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-menu-dark {
    background-position: 0 -197px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-menu {
    background-position: 0 -219px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-newticket-dark {
    background-position: 0 -241px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-newticket {
    background-position: 0 -263px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-status-dark {
    background-position: 0 -285px;
    height: 22px;
    width: 22px
}

.dynamic-icon-nav-status {
    background-position: 0 -307px;
    height: 22px;
    width: 22px
}

.dynamic-icon-search-dark {
    background-position: 0 -329px;
    height: 20px;
    width: 20px
}

.dynamic-icon-search {
    background-position: 0 -349px;
    height: 20px;
    width: 20px
}

.nav {
    margin-left: 0;
    margin-bottom: 21.875px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #f3f3f3
}

.nav>.pull-right {
    float: right
}

.nav .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 21.875px;
    color: #6f7c87;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a,.nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a,.nav-list>.active>a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    background-color: #3375bb
}

.nav-list [class^=icon-] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9.9375px 1px;
    *margin: -5px05px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.nav-tabs,.nav-pills {
    *zoom:1}

.nav-tabs:before,.nav-tabs:after,.nav-pills:before,.nav-pills:after {
    display: table;
    content: ""
}

.nav-tabs:after,.nav-pills:after {
    clear: both
}

.nav-tabs>li,.nav-pills>li {
    float: left
}

.nav-tabs>li>a,.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 21.875px;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #dcdcdc #dcdcdc #ddd
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover {
    color: #f8f9fa;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li>a {
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 5px;
    padding: 6px 12px;
    margin-left: 10px;
    border: solid 1px #fff
}

.nav-pills>li>a:hover {
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #ebeef0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #183247
}

.nav-pills>.active>a,.nav-pills>.active>a:hover {
    border-radius: 2px;
    background-color: #f3f5f7;
    border: solid 1px #ebeef0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #183247
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    border-radius: 4px 4px 0 0
}

.nav-tabs.nav-stacked>li:last-child>a {
    border-radius: 0 0 4px 4px
}

.nav-tabs.nav-stacked>li>a:hover {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    border-radius: 0 0 5px 5px
}

.nav-pills .dropdown-menu {
    border-radius: 4px
}

.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret {
    border-top-color: #3375bb;
    border-bottom-color: #3375bb;
    margin-top: 6px
}

.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #105baa;
    border-bottom-color: #105baa
}

.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret {
    border-top-color: #9aa1a6;
    border-bottom-color: #9aa1a6
}

.nav>.dropdown.active>a:hover {
    color: #183247;
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover {
    color: #fff;
    background-color: #6f7c87;
    border-color: #6f7c87
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    filter: alpha(opacity=10000);
    opacity: 100
}

.tabs-stacked .open>a:hover {
    border-color: #6f7c87
}

.tabbable {
    *zoom:1}

.tabbable:before,.tabbable:after {
    display: table;
    content: ""
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane,.pill-content>.pill-pane {
    display: none
}

.tab-content>.active,.pill-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover {
    border-color: #dcdcdc #ddd #dcdcdc #dcdcdc
}

.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover {
    border-color: #dcdcdc #dcdcdc #dcdcdc #ddd
}

.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff
}

.nav-filter {
    margin-bottom: 13px;
    margin-top: 10px
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 21.875px
}

.table th,.table td {
    padding: 8px;
    line-height: 21.875px;
    vertical-align: top;
    border-top: 1px solid #eee
}

.table th.text-right,.table td.text-right {
    text-align: right
}

.table th {
    font-weight: 700
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #eee
}

table [class*=span],.row-fluid table [class*=span] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table tbody tr.success td {
    background-color: #dff0d8
}

.table tbody tr.error td {
    background-color: #f2dede
}

.table tbody tr.warning td {
    background-color: #fcf8e3
}

.table tbody tr.info td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover td {
    background-color: #c4e3f3
}

.breadcrumb {
    margin: 20px 0 10px
}

.breadcrumb .divider {
    padding: 0 5px;
    color: #6f7c87
}

.breadcrumb a {
    margin-right: 7px;
    font-size: 14px;
    color: #2753d7
}

.breadcrumb a:hover {
    color: #2f3a43;
    text-decoration: inherit
}

.breadcrumb a:before,.breadcrumb span:before {
    content: "/";
    margin-right: 10px;
    color: #bbb;
    font-size: 16px;
    font-weight: 200;
    position: relative;
    top: 1px
}

.breadcrumb a:before:hover {
    text-decoration: none
}

.breadcrumb a:first-child:before {
    content: none
}

.breadcrumb span {
    color: #888
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 21.875px;
    color: #183247;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=2000);
    opacity: 20
}

.close:hover {
    color: #183247;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=4000);
    opacity: 40
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.alert,.errorExplanation {
    padding: 8px 35px 8px 14px;
    margin-bottom: 21.875px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
    color: #183247;
    font-weight: 600
}

.alert-heading {
    color: inherit
}

.alert-page {
    margin: 10px 0 0
}

.errorExplanation h2 {
    font-size: 1em
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px
}

.alert-success,.alert-notice {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-danger,.alert-error,.errorExplanation {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.errorExplanation.alert-danger-dark {
    background-color: #b56463;
    border-color: #9b4a49;
    color: #fff
}

.errorExplanation.credentialError ul {
    list-style: none;
    text-align: center;
    text-shadow: none
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.alert-solid {
    text-align: center;
    margin: 0;
    border-radius: 0
}

.alert-ticket-status {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
    font-size: 15px;
    font-weight: 300
}

.alert-ticket-status a {
    color: #2753d7;
    font-weight: 400
}

.alert-assume-agent {
    padding: 8px 0;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    color: #82683c;
    font-size: 13px
}

.alert-assume-agent a {
    color: #2753d7
}

.alert-assume-agent .ficon-unverified {
    color: #ffb50f;
    padding: 0 5px
}

.alert-invalid {
    text-decoration: line-through;
    color: #888;
    background: 0 0;
    border: 0;
    padding-left: 0
}

.alert-invalid-text {
    color: #b94a48;
    float: right
}

.alert-invalid-attach-text {
    color: #b94a48
}

.alert-with-close {
    position: relative;
    margin-top: 10px;
    margin-bottom: 0
}

.alert-with-close a.close {
    position: absolute;
    top: 8px;
    right: 20px;
    line-height: 18px
}

.alert-with-close a.close::before {
    content: "\00d7";
    font-size: 18px;
    font-weight: 700;
    color: #888
}

.no-padding {
    padding: 0 20px 0 10px
}

.banner {
    text-align: left;
    background-color: #3375bb;
    padding: 10px 0;
    color: #fff;
    border-bottom-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    *zoom:1;border: 1px solid #ebeef0;
    text-shadow: none
}

.banner:before,.banner:after {
    display: table;
    content: ""
}

.banner:after {
    clear: both
}

.banner a {
    color: #2753d7;
    font-size: 14px
}

.banner a:hover {
    color: #2753d7
}

.banner .banner-title {
    width: 74.6988%;
    float: left;
    margin-right: 1.20482%;
    display: inline;
    width: 60%
}

.banner .banner-nav {
    width: 24.09639%;
    float: right;
    margin-right: 0;
    *margin-left: -10px;
    display: inline;
    margin-top: 6px;
    width: 38%
}

.banner .banner-nav .welcome {
    display: block
}

.banner nav {
    text-align: right
}

.banner-title .heading {
    color: #fff;
    font-size: 20px;
    font-weight: 400
}

.banner-nav {
    font-size: 14px;
    line-height: 1.3em;
    color: #3375bb
}

.banner-nav .welcome {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-top: -20px;
    padding-bottom: 10px
}

.banner-nav a {
    color: #fff
}

.banner-nav a:hover {
    color: #fff;
    text-decoration: underline
}

.banner-nav a:after {
    content: '|';
    padding: 0 0 0 12px;
    color: #dadfe3;
    display: inline-block
}

.banner-nav b:last-child a:last-child:after {
    content: ''
}

.banner-nav a[href*="/login"]:after {
    content: '';
    padding-left: 0
}

.banner-nav a[href*="/login"]:hover {
    text-decoration: none
}

.banner-nav a[href*="/login"] b {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #fff
}

.banner-nav a[href*="/signup"] {
    border: solid 1px #97a9ba;
    background-color: #f3f5f7;
    padding: 5px 20px;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: Roboto,Helvetica,sans-serif;
    letter-spacing: 1.2;
    color: #183247
}

.banner-nav a[href*="/signup"]:after {
    content: '';
    padding-left: 0
}

.banner-nav a[href*="/signup"] b {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px
}

.banner-nav a[href*="/signup"]:hover {
    background-color: #e4e8ed;
    text-decoration: none
}

.banner-nav .banner-language-selector {
    background-color: none;
    cursor: pointer;
    padding: 0;
    margin-left: 10px;
    border-radius: 0;
    border: 0;
    margin: 7px
}

.banner-nav .banner-language-selector .language-options {
    list-style: none;
    margin-left: 0;
    margin: 0
}

.banner-nav .banner-language-selector .language-options .dropdown-toggle {
    font-size: 14px;
    color: #fff
}

.banner-nav .banner-language-selector .language-options .dropdown-toggle .caret {
    border-top-color: #fff
}

.banner-nav .banner-language-selector .language-options .dropdown-menu {
    background-color: #fff;
    min-width: 0;
    right: -13px;
    top: 35px;
    text-align: left
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a {
    color: #183247;
    text-shadow: none;
    background: #fff;
    border: 0;
    font-size: 12px;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: .2px;
    padding: 2px 20px
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a:hover {
    background-color: #f3f5f7
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a:after {
    content: ''
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a.active {
    font-weight: 500
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a .icon-dd-tick-dark {
    position: absolute;
    left: 2px
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a .ficon-eye-disabled {
    position: absolute;
    float: right;
    right: 0
}

.banner-nav .banner-language-selector .language-options .dropdown-menu a .ficon-eye-disabled:before {
    padding: 0 10px
}

.page-tabs {
    *zoom:1;background-color: #fff;
    color: #000;
    line-height: 35px;
    min-height: 17px;
    border-radius: 0;
    -moz-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
    box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
    border: 0!important
}

.page-tabs:before,.page-tabs:after {
    display: table;
    content: ""
}

.page-tabs:after {
    clear: both
}

.page-tabs,.page-tabs .nav-link a {
    border: 1px solid rgba(0,0,0,.2)
}

.page-tabs .nav-link {
    margin: -2px 0 0
}

.page-tabs .nav-link a {
    float: left;
    border-width: 0 1px 0 0;
    text-align: center;
    margin: 0 30px 0 0;
    padding: 6px;
    color: inherit;
    min-width: 80px;
    font-size: 14px;
    border: 0;
    min-width: 90px
}

.page-tabs .nav-link a:first-child {
    border-bottom-left-radius: 0
}

.page-tabs .nav-link a.active {
    text-decoration: none;
    background: 0 0;
    border-top: 3px solid #3375bb;
    padding: 3px 6px 6px;
    font-weight: 600
}

.page-tabs .nav-link a:hover {
    text-decoration: none;
    background: 0 0;
    border-top: 3px solid rgba(51,117,187,.3);
    padding: 3px 6px 6px;
    font-weight: 600
}

.page-tabs .mobile-icon-nav-menu:before {
    content: "";
    background-position: 0 -197px;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    vertical-align: text-top
}

.logo,.portal-logo {
    display: inline;
    float: left;
    margin: -3px 10px 0 -5px;
    text-align: center;
    width: auto
}

.portal-img {
    display: table-cell;
    vertical-align: middle;
    height: 50px
}

.portal-img * {
    vertical-align: middle
}

.footer {
    background-color: #3375bb;
    padding: 20px 30px;
    border: 0;
    color: #fff;
    *zoom:1;margin: 0;
    border-radius: 0
}

.footer:after {
    content: "";
    display: table;
    clear: both
}

.footer a {
    color: #fff;
    margin: 0 10px
}

.footer a:hover {
    color: inherit
}

.footer-links a {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.footer-links a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.footer-links a:before {
    content: "-";
    position: absolute;
    margin-left: -15px;
    opacity: .5
}

.footer-links a:first-child {
    margin: 0 10px 0 0
}

.footer-links a:first-child:before {
    content: none
}

.footer-links a:last-child {
    margin-right: 0
}

.copyright {
    padding: 8px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    letter-spacing: .2px;
    border-radius: 0;
    border: 0;
    background: #2e68a7
}

.copyright a {
    color: rgba(255,255,255,.5);
    padding-right: 4px
}

@media(min-width: 45em) {
    .footer-links .privacy-link {
        float:right;
        margin-left: 25px
    }

    .footer-links .cookie-link {
        float: right
    }

    .footer-links .cookie-link:before {
        content: ""
    }
}

@media(max-width: 45em) {
    .portal-img {
        display:block;
        height: auto
    }

    .portal-img img {
        max-width: 80%
    }

    .banner {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: 0;
        box-shadow: none;
        text-align: center;
        display: table;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #dadfe3
    }

    .banner a {
        float: left
    }

    .banner .banner-wrapper {
        height: 143px;
        display: table-cell;
        vertical-align: middle
    }

    .banner .banner-language-selector {
        position: relative;
        top: 4px
    }

    .banner .banner-language-selector .dropdown-menu a {
        background-color: transparent;
        border: 0
    }

    .banner .banner-title,.banner .banner-nav {
        float: none;
        width: auto;
        margin-right: auto;
        text-align: center;
        width: 100%;
        display: block;
        clear: both;
        color: #183247
    }

    .banner .banner-title .heading {
        max-width: 275px;
        margin: 0 auto;
        float: left
    }

    .banner .banner-nav {
        margin-top: 11px;
        color: #3375bb
    }

    .banner .banner-nav .welcome {
        display: block;
        margin-bottom: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        padding-top: 12px;
        padding-left: 10px;
        margin: 5px 0
    }

    .banner .banner-nav a {
        border-radius: 4px;
        padding: 1px 10px;
        padding-bottom: 3px;
        border: 1px solid #dadfe3;
        margin-left: 7px;
        font-size: 12px
    }

    .banner .banner-nav a:after {
        content: '';
        padding: 0
    }

    .banner .banner-nav a[href*="/login"],.banner .banner-nav a[href*="/signup"] {
        padding: 5px 20px
    }

    .banner-language-selector {
        color: #fff
    }

    .page-tabs {
        padding: 0;
        text-align: right;
        cursor: pointer;
        position: relative;
        z-index: 2;
        border-width: 1px 0;
        -moz-box-shadow: 0 3px 4px 0 #eee;
        -webkit-box-shadow: 0 3px 4px 0 #eee;
        box-shadow: 0 3px 4px 0 #eee
    }

    .page-tabs,.page-tabs .nav-link a:first-child {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .page-tabs .mobile-icon-nav-menu {
        z-index: 3;
        padding: 6px;
        padding-left: 6px;
        display: inline-block
    }

    .page-tabs .mobile-icon-nav-menu:hover {
        text-decoration: none
    }

    .page-tabs .mobile-icon-nav-menu:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom:1;*display: inline;
        background: 0 0;
        font-size: 20px;
        color: #6f7c87;
        content: "\f2ba"
    }

    .page-tabs .nav-link {
        display: none;
        margin-top: 10px;
        margin: 0;
        position: absolute;
        width: 100%;
        margin-top: 12px;
        -moz-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        -webkit-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        margin-left: -10px;
        background-color: #f9fbfd
    }

    .page-tabs .nav-link,.page-tabs .nav-link a.active,.page-tabs .nav-link a:hover {
        background-color: #fff
    }

    .page-tabs .nav-link a {
        float: none;
        font-weight: 400;
        border-width: 1px 0 0;
        display: block;
        min-width: auto;
        text-align: left;
        background: #f9fbfd;
        color: #183247;
        margin: 0;
        padding: 3px 16px;
        border-bottom: solid 1px rgba(24,50,71,.17);
        font-size: 16px
    }

    .page-tabs .nav-link a:last-child {
        padding-bottom: 0
    }

    .page-tabs .nav-link a:hover,.page-tabs .nav-link a.active {
        padding: 3px 16px;
        background: #dadfe3;
        border-top: 0
    }

    .logo,.portal-logo {
        display: block;
        float: none;
        margin: 0 auto;
        text-align: center
    }

    .footer {
        margin-top: 0;
        padding: 1em .5em
    }

    .footer a {
        padding-left: 10px;
        padding: 0 10px;
        margin-right: 4px;
        margin-left: 4px;
        line-height: 24px;
        display: inline-block;
        margin-bottom: 10px
    }

    .footer a,.footer a:hover {
        color: #3375bb
    }

    .footer .footer-links a {
        color: #fff
    }

    .footer-links {
        text-align: center
    }

    .footer-links a:before {
        content: none
    }
}

.help-center {
    z-index: 3;
    background-color: #f9fbfd;
    border: 0;
    color: #183247;
    *zoom:1;border-radius: 6px;
    border-bottom: 1px solid #dadfe3
}

.help-center:before,.help-center:after {
    display: table;
    content: ""
}

.help-center:after {
    clear: both
}

.help-center-sc {
    background-color: #fff;
    border: solid 1px #3375bb;
    border-radius: 0;
    padding: 2px 0
}

.help-center-sc .hc-search {
    width: 50%;
    border-right: 0
}

.help-center-sc .hc-search .hc-search-input {
    width: 88%;
    float: right
}

.help-center-sc .hc-search .hc-search-input input.special {
    padding: 0 0 3px
}

.help-center-sc .hc-search .hc-search-button {
    position: absolute;
    width: 4%;
    float: left;
    margin-left: 32px
}

.help-center-sc .hc-search .hc-search-button .btn-primary {
    background-color: #fff
}

.help-center-sc .hc-nav {
    width: 50%;
    margin: 0;
    float: right
}

.help-center-sc .hc-nav .sub-nav {
    float: right
}

.help-center-sc .hc-nav .sub-nav div {
    float: left;
    clear: right;
    padding-left: 12px
}

.help-center-sc .hc-nav .sub-nav div a {
    margin-right: 15px
}

.help-center {
    padding: 15px 0 15px 20px;
    margin-bottom: 26px
}

.hc-search {
    position: relative
}

.hc-search h2 {
    margin-bottom: 20px
}

.help-center .hc-search-form {
    padding: 0;
    border-radius: 4px;
    width: 80%;
    background: 0 0;
    padding: 0;
    border: 1px solid #dadfe3
}

.help-center .hc-search-form:focus-within {
    border: 1px solid #f4f4f4;
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.hc-search-form {
    *zoom:1}

.hc-search-form:after {
    content: "";
    display: table;
    clear: both
}

.hc-search-form.active {
    -moz-box-shadow: #aaa 0 6px 10px;
    -webkit-box-shadow: #aaa 0 6px 10px;
    box-shadow: #aaa 0 6px 10px;
    border-radius: 6px 6px 0 0
}

.hc-search-input {
    position: relative
}

.hc-search-input input,.hc-search-button .btn {
    height: 40px
}

.hc-search-input input {
    width: 100%
}

.hc-search-button .btn {
    width: 100%;
    text-transform: uppercase;
    padding: 5px
}

.hc-nav nav {
    *zoom:1}

.hc-nav nav:before,.hc-nav nav:after {
    display: table;
    content: ""
}

.hc-nav nav:after {
    clear: both
}

.new-ticket,.check-status {
    font-weight: 700
}

.new-ticket,.check-status,.contact-info {
    padding: 3px 8px 3px 2px;
    float: left;
    margin-right: 15px
}

.new-ticket:before,.check-status:before,.contact-info:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    margin-right: 5px;
    border-radius: 2em;
    margin-top: -1px;
    background-color: #dae7f3
}

.new-ticket:hover,.check-status:hover,.contact-info:hover {
    text-decoration: none
}

.mobile-icon-search:before {
    content: "";
    background-position: 0 -349px;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    vertical-align: text-top
}

.mobile-icon-nav-contact:before {
    content: "";
    background-position: 0 -153px;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    vertical-align: text-top
}

.mobile-icon-nav-newticket:before {
    content: "";
    background-position: 0 -241px;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    vertical-align: text-top
}

.mobile-icon-nav-status:before {
    content: "";
    background-position: 0 -285px;
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    vertical-align: text-top
}

.hc-search-input {
    width: 90%;
    float: left
}

.hc-search-input input.special {
    padding: 6px 13px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    border: 0;
    color: #183247;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.hc-search-button {
    position: relative;
    width: 10%;
    float: left
}

.hc-search-button:focus {
    outline: 0;
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.hc-search-button .btn {
    background-color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 0;
    padding: 10px 16px 7px 0;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.hc-search-button .btn:hover {
    text-shadow: none;
    background-color: #fff
}

.hc-search-button .btn:focus {
    outline: 0;
    box-shadow: 0 0 5px rgba(244,244,244,.6)
}

.hc-search-button .btn .hide-in-mobile {
    display: none;
    text-shadow: none
}

.hc-search-button .btn .hide-tablet {
    display: block
}

.hc-search-button .btn.btn-primary {
    border: 0;
    width: 100%;
    padding: 0;
    background-color: #fff
}

.hc-search-button .btn.btn-primary:hover {
    background-color: #fff
}

.hc-search {
    width: 68%;
    padding-right: 2%;
    border-right: 1px solid #dae7f3
}

.hc-nav {
    display: block;
    width: 100%;
    margin: 12px 0 6px;
    padding: 0
}

.hc-nav a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline;
    font-size: 14px;
    color: #3375bb;
    font-weight: 400;
    padding: 6px 0;
    margin-right: 30px;
    background: 0 0;
    border: 0;
    text-transform: capitalize
}

.hc-nav a span {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom:1;*display: inline
}

.hc-nav a span:hover {
    color: #105baa;
    text-decoration: underline
}

.hc-nav a[href*="/login"],.hc-nav a[href*="/signup"] {
    margin-right: 0;
    font-family: Roboto,Helvetica,Arial,sans-serif;
    color: #2753d7;
    font-weight: 600;
    margin: 0 2px;
    letter-spacing: .5px
}

.hc-nav a[href*="/login"]:hover,.hc-nav a[href*="/signup"]:hover {
    background-color: transparent;
    color: #105baa
}

.hc-search,.hc-nav {
    display: inline-block;
    vertical-align: middle;
    border: 0
}

.ui-state-focus {
    color: #183247
}

@media(max-width: 45em) {
    .help-center,.help-center-sc {
        border:0;
        padding: 0;
        background-color: transparent;
        position: absolute;
        width: 85%;
        margin: 0;
        z-index: 3;
        margin-top: -66px
    }

    .help-center .page,.help-center-sc .page {
        padding: 0
    }

    .help-center-sc {
        margin-left: 12px;
        margin-top: -56px
    }

    .hc-search {
        width: 57.83133%;
        float: left;
        margin-right: 1.20482%
    }

    .hc-nav {
        width: 40.96386%;
        float: right;
        margin-right: 0
    }

    .help-center .hc-search-form {
        background-color: transparent;
        border: 0;
        padding: 0;
        border-radius: 0
    }

    .help-center .hc-search {
        position: absolute;
        border-right: 0;
        width: 50%;
        background-color: #f8f9fa;
        margin-top: 2px;
        border: 1px solid #ebeef0;
        border-radius: 4px
    }

    .help-center .hc-nav {
        float: right
    }

    .help-center .hc-search-input {
        width: 100%
    }

    .help-center .hc-search-input input {
        width: 100%;
        padding-right: 15px;
        border-radius: 0;
        background: 0 0
    }

    .help-center .hc-search-button {
        width: 30px;
        position: absolute;
        right: 0;
        top: 0;
        height: 40px
    }

    .help-center .hc-search-button .btn-primary {
        height: 40px;
        border: 0;
        margin: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: 0 0
    }

    .help-center .mobile-icon-search {
        display: none
    }

    .hc-search-button .btn {
        font-size: 12px
    }

    .onfocus-hide {
        opacity: 0;
        display: none
    }

    .onfocus-mobile-button {
        border-color: rgba(244,244,244,.8);
        outline: 0;
        outline: thin dotted 9;
        -moz-box-shadow: inset 0 1px 1px rgba(244,244,244,.075);
        -webkit-box-shadow: inset 0 1px 1px rgba(244,244,244,.075);
        box-shadow: inset 0 1px 1px rgba(244,244,244,.075)
    }

    .hc-search,.onfocus-mobile {
        -moz-transition: width .2s ease;
        -o-transition: width .2s ease;
        -webkit-transition: width .2s ease;
        transition: width .2s ease
    }

    .hc-nav {
        opacity: 1;
        -moz-transition: opacity 1s ease-in-out;
        -o-transition: opacity 1s ease-in-out;
        -webkit-transition: opacity 1s ease-in-out;
        transition: opacity 1s ease-in-out;
        width: 48%
    }

    .hc-nav nav span {
        display: none
    }

    .hc-nav nav a {
        text-align: center;
        padding: 0;
        width: 20%;
        display: inline-block;
        margin-right: 16px
    }

    .help-center-sc .hc-search {
        position: absolute;
        border-right: 0;
        width: 50%;
        background-color: #f8f9fa;
        margin-top: 2px;
        border: 1px solid #ebeef0;
        border-radius: 4px;
        margin: 0;
        padding: 0;
        margin-top: 2px
    }

    .help-center-sc .hc-search .hc-search-input {
        width: 95%
    }

    .help-center-sc .hc-search input {
        padding: 6px 12px;
        background: 0 0
    }

    .help-center-sc .hc-search .hc-search-button {
        position: absolute;
        width: 20%;
        float: right;
        right: 0;
        background: 0 0
    }

    .help-center-sc .hc-search .hc-search-button .btn {
        padding: 10px 0 7px;
        background-color: #f8f9fa;
        padding: 0;
        padding-left: 0
    }

    .help-center-sc .hc-nav {
        width: 48%;
        margin: 0;
        float: right;
        margin-top: 10px
    }

    .help-center-sc .hc-nav .sub-nav {
        float: none
    }

    .help-center-sc .hc-nav .sub-nav div {
        padding-left: 6px;
        float: none
    }

    .onfocus-mobile {
        width: 95%!important
    }

    .ficon-create-ticket-new:before,.mobile-icon-nav-newticket.new-ticket:before,.ficon-ticket-status-new:before,.mobile-icon-nav-status.check-status:before {
        width: 20px
    }

    .new-ticket,.check-status,.contact-info {
        margin-right: 0
    }

    .new-ticket:before,.check-status:before,.contact-info:before {
        margin-right: 0;
        border-radius: 0;
        margin-top: 0;
        background-color: transparent
    }
}

@media(min-width: 721px) and (max-width:960px) {
    .help-center-sc .hc-search {
        width:35%
    }

    .help-center-sc .hc-search .hc-search-input input.special {
        padding: 0 0 3px 25px
    }

    .help-center-sc .hc-nav {
        width: 65%
    }

    .help-center-sc .hc-nav nav div {
        padding-left: 6px
    }
}

.attach-link-wrap {
    position: relative;
    cursor: pointer
}

.attach-link-wrap .attach-link-file,.attach-link-wrap input[type=file] {
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 26px;
    z-index: 99999;
    width: 100%;
    cursor: pointer
}

.attach-link-wrap .attach-link-file {
    width: 20px
}

.content,.content-form,.content-light {
    margin-top: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    padding: 10px 40px;
    background-color: #fff
}

.sidebar {
    background-color: #f8f9fa
}

.cs-s {
    border-top: 0
}

.cs-s h3 {
    font-size: 18px;
    border-bottom: solid 1px #f4f4f4;
    border-top: 0;
    width: 100%
}

.cs-s h3 a {
    color: #9aa1a6
}

.cs-s h3 a:hover {
    color: #7f888e
}

.ellipsis a {
    font-size: 14px;
    line-height: 1.6
}

.fc-solution-category h2,.fc-discussion-category h2 {
    font-weight: 400;
    border-bottom: 1px solid #f4f4f4
}

.fc-community-content .start-topic {
    margin-top: -25px
}

.fc-forum-list .list-lead {
    font-weight: 600
}

div#related_articles {
    margin-top: 20px
}

.see-more {
    font-size: 13px;
    color: #2753d7;
    padding-left: 30px
}

.help-text,.p-info,.info-text,.list-noinfo,.description-text {
    font-size: 12px;
    line-height: 1.9;
    color: #6f7c87
}

.item-count {
    font-size: 16px;
    color: #9aa1a6;
    font-weight: 400;
    font-family: Roboto,Helvetica,Arial,sans-serif
}

#topic-vote-up-button:nth-child(3):before {
    color: #2f3a43
}

.p-content {
    background-color: #f8f9fa;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #dadfe3;
    padding: 10px 16px
}

.p-content hr {
    margin-left: -1em;
    margin-right: -1em
}

.p-content a {
    color: #2753d7
}

.p-content form a.btn {
    color: #183247
}

.comment-by-agent .p-content {
    background-color: #f8f9fa;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: solid 1px #dadfe3;
    padding: 10px 16px
}

.c-list {
    border-bottom: 1px solid #f3f3f3
}

.c-row {
    border-top: 1px solid #f3f3f3
}

.uv-row {
    border-bottom: 1px solid #f3f3f3
}

hr.content-divider {
    margin-left: -2em;
    margin-right: -2em
}

.fc-new-ticket {
    border-right: 1px solid #dadfe3
}

.fc-new-ticket h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 16px 0 26px
}

@media(min-width: 60em) {
    .c-wrapper.no-form-selected {
        background-color:#fff
    }

    .c-wrapper.no-form-selected .fc-new-ticket {
        border-right: none
    }

    .c-wrapper.no-form-selected .sidebar {
        display: none
    }
}

.ticket-search h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 16px 0
}

.recaptcha_input_area input {
    height: auto
}

.fc-new-topic {
    border-right: 1px solid #dadfe3
}

.fc-new-topic h3 {
    margin: 20px 0
}

.fc-new-topic input {
    height: auto
}

.fc-new-topic .clearfix {
    display: none
}

.fc-new-topic #attachment-type {
    margin: 0;
    padding: 0
}

@media(max-width: 45em) {
    body {
        font-size:13px;
        line-height: 20.3125px
    }

    p {
        margin: 0 0 10.15625px
    }

    p small {
        font-size: 11px
    }

    .lead,.lead-small,.list-lead {
        line-height: 26.40625px
    }

    .lead-small {
        font-size: 14px
    }

    h1 {
        font-size: 26px;
        line-height: 40.625px
    }

    h1 small {
        font-size: 18px
    }

    h2 {
        font-size: 18px;
        line-height: 32.5px
    }

    h2 small {
        font-size: 16px
    }

    h3 {
        font-size: 18px;
        line-height: 28.4375px
    }

    h3 small {
        font-size: 13px
    }

    h4,h5,h6 {
        line-height: 20.3125px
    }

    h4 {
        font-size: 13px
    }

    h4 small {
        font-size: 11px
    }

    h5 {
        font-size: 11px
    }

    h6 {
        font-size: 10px
    }

    .page-header {
        padding-bottom: 19.3125px;
        margin: 20.3125px 0
    }

    ul,ol {
        padding: 0;
        margin: 0 0 10.15625px 15px
    }

    li {
        line-height: 20.3125px
    }

    dl {
        margin-bottom: 20.3125px
    }

    dt,dd {
        line-height: 20.3125px
    }

    dt {
        line-height: 19.3125px
    }

    dd {
        margin-left: 10.15625px
    }

    hr {
        margin: 15.625px 0
    }

    blockquote {
        margin: 0 0 20.3125px
    }

    blockquote p {
        font-size: 16px;
        font-weight: 300;
        line-height: 25.39063px
    }

    blockquote small {
        line-height: 20.3125px
    }

    .rounded-6 {
        border-radius: 0
    }

    .show-in-mobile,.hide-tablet {
        display: block
    }

    .hide-in-mobile {
        display: none
    }

    address {
        margin-bottom: 20.3125px;
        line-height: 20.3125px
    }

    .min-height-on-desktop {
        min-height: auto
    }

    .ui-datepicker.ui-widget-content {
        width: auto!important;
        left: 25px!important;
        right: 25px!important
    }

    .c-ticket-row .label {
        float: none
    }

    .agent-details {
        padding: 1em;
        margin-top: -1em;
        margin-left: -1em;
        margin-right: -1em;
        border-top-left-radius: none;
        border-top-right-radius: none
    }

    .ticket-brief {
        padding-top: 5px
    }

    .btn-signup,.btn-newticket,.btn-login {
        width: 100%
    }

    .btn-login {
        float: none;
        margin-top: 4px;
        margin-bottom: 4px
    }

    .login-form {
        max-width: none
    }

    .login-form button[type=submit] {
        width: 100%;
        margin: 15px 0
    }

    .login-form button[type=button] {
        width: 100%;
        margin-bottom: 10px
    }

    .alt-login-button {
        border-left: 0;
        padding-left: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    a.btn-signup {
        width: 100%
    }

    section#signup-container p.info-text {
        width: 100%
    }

    .alt-login-button {
        width: 100%;
        padding: 0;
        float: none;
        padding-top: 16px
    }

    .alt-login-button a.btn {
        display: inline-block;
        background-color: #fff;
        border: 1px solid #dadfe3;
        color: #183247;
        width: 30%;
        font-size: 13px;
        font-weight: 400;
        text-transform: none;
        padding: 22px 4px;
        text-align: center;
        margin-right: 10px;
        box-shadow: 0 1px 2px 0 rgba(0,0,0,.04);
        text-align: center
    }

    .alt-login-button a.btn:hover {
        color: #183247
    }

    .alt-login-button a.btn:last-child {
        margin-right: 0
    }

    .alt-login-button a.btn:before {
        display: block;
        padding-bottom: 16px;
        margin: 0 auto;
        width: 24px;
        height: 22px;
        font-size: 30px
    }

    .alt-login-button a.btn.btn-google {
        background-color: #fff;
        padding-left: 4px
    }

    .alt-login-button a.btn.btn-google:before {
        color: #d34836;
        margin: 0 auto;
        background-size: 55px 55px;
        background-position: 52% 62%
    }

    .alt-login-button a.btn.btn-twitter {
        background-color: #fff
    }

    .alt-login-button a.btn.btn-twitter:before {
        color: #24a9e6
    }

    .alt-login-button a.btn.btn-facebook {
        background-color: #fff
    }

    .alt-login-button a.btn.btn-facebook:before {
        color: #3b5998
    }

    .freshid_login .alt-login-button {
        min-height: auto
    }

    .ui-datepicker .ui-datepicker-header {
        padding: 0
    }

    .ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year {
        height: auto
    }

    .show_results {
        color: #2753d7
    }

    .login-form,.alt-login-button {
        width: auto;
        float: none;
        border: 0;
        padding: 0
    }

    .page-stamp {
        display: none
    }

    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
        float: none;
        width: auto;
        margin-right: auto;
        display: block
    }

    .page {
        padding: 10px
    }

    .page.no-header-tabs {
        min-height: 66px
    }

    .label {
        border-radius: 3px
    }

    .modal {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        width: auto!important;
        margin-left: 0!important
    }

    .modal.fade.in {
        top: 10px;
        margin-top: 0;
        border-top-left-radius: 6px
    }

    .modal-body {
        padding: 20px 20px 30px;
        height: auto;
        max-height: none
    }

    .modal-header h3 {
        min-height: 45px;
        line-height: 2.1em
    }

    .modal-header .close,.modal-header .close:focus,.modal-header .close:hover {
        left: auto;
        background: 0 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 18px;
        font-weight: 700;
        padding: 0;
        height: 50px;
        width: 50px;
        right: 0;
        top: 92%;
        left: 40%;
        background: #183247;
        border-radius: 50px;
        color: #fff
    }

    .modal-header .close:before {
        content: none;
        background: 0 0;
        width: 0;
        height: 0
    }

    .modal-footer {
        padding-bottom: 50px
    }

    .modal-footer .btn:first-child {
        display: none
    }

    .modal-footer .btn.btn-primary {
        width: 100%
    }

    #export-modal .close {
        top: 96%
    }

    .modal-backdrop {
        background-color: rgba(24,50,71,.5)
    }

    .pagination li:first-child a,.pagination li:last-child a,.pagination .active a .pagination li:first-child span,.pagination li:last-child span {
        display: block
    }

    .ellipsis {
        white-space: initial
    }

    .c-row .help-text {
        margin-left: 76px
    }

    .c-row.c-article-row .description-text,.c-row.c-article-row .help-text {
        margin-left: 36px;
        font-size: 13px
    }

    .c-row.c-ticket-row .description-text,.c-row.c-ticket-row .help-text {
        margin-left: 46px;
        font-size: 13px
    }

    input#post-submit-button {
        padding: 5px 10px
    }

    input[type=checkbox]:before {
        top: 0;
        left: -1px
    }

    .signup-wrapper {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: 100%!important
    }

    .toolbar-actions {
        margin-top: 3px;
        margin-bottom: 15px
    }

    .toolbar-actions,.topic-list .topic-labels {
        float: none
    }

    #topic-toolbar .btn {
        padding-left: 10px;
        padding-right: 10px
    }

    .cs-s {
        margin: .5em 0
    }

    .cs-s h3 {
        border-top-width: 4px
    }

    .content,.content-form,.content-light {
        margin-top: 0;
        padding: 1em
    }

    .user-comment .user-pic-thumb {
        clear: right
    }

    hr.content-divider {
        margin-left: 0;
        margin-right: 0
    }

    .main,.sidebar {
        padding: 10px 16px!important
    }
}

@media(min-width: 45em) {
    .ui-datepicker.ui-datepicker-multi {
        width:auto
    }

    .ui-datepicker-multi .ui-datepicker-group {
        float: left
    }

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 50%
    }

    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 33.3%
    }

    .ui-datepicker-multi-4 .ui-datepicker-group {
        width: 25%
    }

    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
        border-left-width: 0
    }

    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
        border-left-width: 0
    }

    .ui-datepicker-multi .ui-datepicker-buttonpane {
        clear: left
    }

    .ui-datepicker-row-break {
        clear: both;
        width: 100%;
        font-size: 0
    }

    .cs-g {
        width: 48.14815%;
        float: left;
        margin-right: 3.7037%;
        width: 46%;
        margin-bottom: 10px;
        margin-right: 4.7037%;
        clear: left
    }

    .cs-g:nth-child(even) {
        width: 48.14815%;
        float: right;
        margin-right: 0;
        clear: right;
        width: 46%;
        margin-bottom: 10px;
        float: left
    }

    .cs-g-3 {
        width: 30%;
        float: left;
        margin-right: 5%
    }

    .cs-g-3:nth-child(3n+3) {
        width: 30%;
        float: right;
        margin-right: 0
    }

    .cs-g-3:nth-child(3n+1) {
        clear: left
    }
}

@media(max-width: 60em) {
    #new_topic .related-topics {
        overflow:scroll;
        height: 100%
    }

    #new_topic .title {
        padding: 10px 0 5px
    }

    #new_topic .topic-title {
        font-size: 14px
    }

    .modal {
        top: 12%;
        margin-top: 0
    }

    .modal.fade.in {
        top: 10%
    }

    .c-wrapper {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: 0
    }

    .main,.sidebar {
        float: none;
        width: auto;
        margin-right: auto;
        border: 1px solid #dadfe3;
        -moz-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        -webkit-box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        box-shadow: 0 1px 2px 0 rgba(63,63,68,.15);
        border-radius: 6px;
        background: #fff;
        padding: 16px 26px
    }

    .main {
        margin-bottom: 20px
    }

    .signup-wrapper {
        width: 80%
    }
}

@media(min-width: 721px) and (max-width:960px) {
    #login-container {
        min-height:340px
    }

    #login-container .login-form {
        padding-right: 20px;
        float: none
    }

    .alt-login-button {
        float: left;
        margin-top: 18px;
        border: none;
        padding-left: 0
    }
}

@media(min-width: 60em) {
    .min-height-on-desktop {
        min-height:630px
    }

    .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
        height: auto
    }

    .sidebar .cs-g {
        float: none;
        width: auto;
        margin-right: auto
    }

    .sidebar .cs-g-3 {
        float: none;
        width: auto;
        margin-right: auto
    }

    .sidebar .cs-g-3 a {
        font-size: 14px;
        font-weight: 400
    }

    .help-text a {
        font-size: 13px;
        font-weight: 400;
        color: #2753d7
    }
}

.bg-0 {
    background-color: #cdebc4;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-1 {
    background-color: #ffc2c6;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-2 {
    background-color: #eed8f7;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-3 {
    background-color: #ffd8c2;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-4 {
    background-color: #d1e4ff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-5 {
    background-color: #dbd6f5;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-6 {
    background-color: #f3f1f1;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-7 {
    background-color: #ffc2c6;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-8 {
    background-color: #faea79;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

.bg-9 {
    background-color: #d1e4ff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.04);
    color: rgba(0,0,0,.3)
}

div.avatar-text {
    color: #fff;
    text-transform: uppercase;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    text-align: center
}

div.thumb {
    border-radius: 10%;
    width: 47px;
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    font-weight: 200;
    color: #638699
}

div.medium {
    border-radius: 10%;
    width: 127px;
    height: 127px;
    line-height: 127px;
    font-size: 60px;
    font-weight: 100;
    text-align: right;
    padding: 25px 20px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(255,255,255,.6);
    text-shadow: 0 0 8px #fff
}

div.small {
    border-radius: 10%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400
}

.circle {
    border-radius: 50%!important
}

.circle img {
    border-radius: 50%!important
}

img.preview_pic {
    margin-left: 0
}

img.thumb {
    width: 40px;
    height: 40px
}

img.medium {
    width: 127px;
    height: 127px
}

img.small {
    width: 25px;
    height: 25px
}

.recaptcha-frame {
    border: none;
    overflow: auto;
    max-width: 350px;
    max-height: 500px
}

#attachment-type {
    padding: 10px 12px 0
}

#attachment-type .add_attachment {
    color: #1272de;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    z-index: 1
}

#attachment-type a {
    color: #049cdb!important;
    cursor: pointer!important;
    text-decoration: none
}

#attachment-type .attachments-list-wrap {
    position: relative
}

#attachment-type .attachments-list-wrap .attachments-list-form {
    word-break: break-all
}

#attachment-type .attachments-list-wrap .attachments-list-form .item {
    font-size: 13px;
    color: #555
}

#attachment-type .attachments-list-wrap .attachments-list-form .item>span:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 175px;
    display: inline-block
}

#attachment-type .attachments-list-wrap .attachments-list-form .item .attachment-close {
    position: relative;
    top: -7px
}

#attachment-type .attachments-list-wrap .multiple-file-names-wrap {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 10px;
    padding-right: 20px
}

#attachment-type .attachments-list-wrap .multiple-file-names-wrap .attachment-close {
    position: absolute;
    left: 0;
    top: 0
}

#attachment-type .attachments-list-wrap .multiple-file-names-wrap .multiple-file-names {
    border-left: 1px #bbb solid;
    margin-left: 20px;
    padding: 0 0 0 10px;
    font-size: 13px;
    color: #555
}

#attachment-type .hidden_upload input[type=file] {
    cursor: pointer;
    height: 25px;
    opacity: 0;
    position: relative;
    right: 0;
    top: -30px;
    width: 100px;
    font-size: 0;
    z-index: 1
}

#attachment-type .attachments-wrap .attachment-close::before {
    color: #666;
    content: "×";
    font-size: 20px;
    font-weight: 700
}

#attachment-type .attachments-wrap .attachment-close {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

#attachment-type a {
    color: #000;
    text-decoration: none
}

#attachment-type .alert-text {
    color: red
}

#attachment-type .screenshot-wrapper-30 {
    padding-top: 5px
}

#attachment-type .dropdown-menu a {
    clear: both;
    color: #333!important;
    display: block;
    font-weight: 400;
    line-height: 16px;
    padding: 3px 24px;
    white-space: nowrap
}

#attachment-type input[type=file] {
    cursor: pointer;
    height: 26px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
    font-size: 0
}

#attachment-type input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

.encrypted_text.encrypted-text-field {
    background-color: #fff7ec
}

.encrypted {
    color: #f5a623
}

.encrypted-lock {
    color: #f5a623;
    float: left;
    padding: 4px 5px 0 0
}

.help-center-name {
    color: grey!important;
    text-decoration: none
}

.footer-label {
    font-size: 13px;
    padding-bottom: 8px;
    text-transform: uppercase
}

.custom-footer ul {
    list-style-type: none
}

.custom-footer li {
    padding-top: 6px
}

.footer-container {
    border-top: 1px solid #f5f5f5
}

html {
    font-family: ibm plex sans,Roboto!important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: ibm plex sans,Roboto!important;
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    font-weight: 500;
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

html,body {
    height: 100%
}

*,*:before,*:after {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: roboto,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #2d2d2d;
    background-color: #fff;
    background-image: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #3375bb;
    text-decoration: none
}

a:hover,a:focus {
    color: #1a66b7;
    text-decoration: none
}

figure {
    margin: 0
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eceeef;
    margin: 1em 0;
    padding: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 700!important;
    line-height: 1.2;
    color: inherit
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
    margin: 0 0 24px
}

h1,.h1 {
    font-size: 48px;
    font-weight: 700!important
}

@media(max-width: 767px) {
    h1,.h1 {
        font-size:48px;
        font-weight: 700
    }
}

h2,.h2 {
    font-size: 32px;
    font-weight: 700!important
}

h3,.h3 {
    font-size: 28px;
    font-weight: 700!important
}

h4,.h4 {
    font-size: 20px;
    font-weight: 700!important
}

h5,.h5 {
    font-size: 16px;
    font-weight: 700!important
}

h6,.h6 {
    font-size: 14px;
    font-weight: 700!important
}

b,strong {
    font-weight: 700
}

small,.small {
    font-size: 80%;
    font-weight: 400;
    line-height: 1
}

ul,ol {
    margin-top: 0
}

dl {
    margin-top: 0;
    margin-bottom: 24px
}

dt,dd {
    line-height: 1.5
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    border-radius: 6px;
    border: 0!important
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

.list-unstyled {
    list-style: none;
    padding-left: 0
}

.clearfix:before,.clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.hidden {
    display: none!important
}

.btn,button.btn.btn-primary,input[type=submit].btn.btn-primary,input[type=submit],input[type=reset],input[type=button],a.btn.btn-primary,button.btn-primary,.banner-nav a[href*="/login"],.redactor_btns_box .btn.btn-primary,button.btn.btn-small,input[type=submit].btn.btn-small,.article-vote .vote-up,.article-vote .vote-down,#ticket-filter-container .dropdown-toggle,#ticket-export-button {
    border-radius: 4px;
    border-width: 2px;
    border-style: solid;
    letter-spacing: 0;
    font-size: 12px;
    font-family: roboto,sans-serif;
    font-weight: 600;
    transition: all .3s ease;
    text-shadow: none;
    padding: 6px 12px;
    text-transform: uppercase;
    background-color: transparent
}

.btn,.btn:hover,.btn:focus,.btn:active,button.btn.btn-primary,button.btn.btn-primary:hover,button.btn.btn-primary:focus,button.btn.btn-primary:active,input[type=submit].btn.btn-primary,input[type=submit].btn.btn-primary:hover,input[type=submit].btn.btn-primary:focus,input[type=submit].btn.btn-primary:active,input[type=submit],input[type=submit]:hover,input[type=submit]:focus,input[type=submit]:active,input[type=reset],input[type=reset]:hover,input[type=reset]:focus,input[type=reset]:active,input[type=button],input[type=button]:hover,input[type=button]:focus,input[type=button]:active,a.btn.btn-primary,a.btn.btn-primary:hover,a.btn.btn-primary:focus,a.btn.btn-primary:active,button.btn-primary,button.btn-primary:hover,button.btn-primary:focus,button.btn-primary:active,.banner-nav a[href*="/login"],.banner-nav a[href*="/login"]:hover,.banner-nav a[href*="/login"]:focus,.banner-nav a[href*="/login"]:active,.redactor_btns_box .btn.btn-primary,.redactor_btns_box .btn.btn-primary:hover,.redactor_btns_box .btn.btn-primary:focus,.redactor_btns_box .btn.btn-primary:active,button.btn.btn-small,button.btn.btn-small:hover,button.btn.btn-small:focus,button.btn.btn-small:active,input[type=submit].btn.btn-small,input[type=submit].btn.btn-small:hover,input[type=submit].btn.btn-small:focus,input[type=submit].btn.btn-small:active,.article-vote .vote-up,.article-vote .vote-up:hover,.article-vote .vote-up:focus,.article-vote .vote-up:active,.article-vote .vote-down,.article-vote .vote-down:hover,.article-vote .vote-down:focus,.article-vote .vote-down:active,#ticket-filter-container .dropdown-toggle,#ticket-filter-container .dropdown-toggle:hover,#ticket-filter-container .dropdown-toggle:focus,#ticket-filter-container .dropdown-toggle:active,#ticket-export-button,#ticket-export-button:hover,#ticket-export-button:focus,#ticket-export-button:active {
    color: #3375bb;
    border-color: #3375bb;
    background-color: transparent
}

.btn-primary,.btn-primary:hover,.btn-primary:active,.btn-primary:focus,button.btn.btn-primary,button.btn.btn-primary:hover,button.btn.btn-primary:active,button.btn.btn-primary:focus,input[type=submit].btn.btn-primary,input[type=submit].btn.btn-primary:hover,input[type=submit].btn.btn-primary:active,input[type=submit].btn.btn-primary:focus,input[type=submit],input[type=submit]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=button].btn-primary,input[type=button].btn-primary:hover,input[type=button].btn-primary:active,input[type=button].btn-primary:focus,a.btn.btn-primary,a.btn.btn-primary:hover,a.btn.btn-primary:active,a.btn.btn-primary:focus,button.btn-primary,button.btn-primary:hover,button.btn-primary:active,button.btn-primary:focus,.banner-nav a[href*="/login"],.banner-nav a[href*="/login"]:hover,.banner-nav a[href*="/login"]:active,.banner-nav a[href*="/login"]:focus,.redactor_btns_box .btn.btn-primary,.redactor_btns_box .btn.btn-primary:hover,.redactor_btns_box .btn.btn-primary:active,.redactor_btns_box .btn.btn-primary:focus,input[type=submit].btn.btn-small,input[type=submit].btn.btn-small:hover,input[type=submit].btn.btn-small:active,input[type=submit].btn.btn-small:focus,.hc-search-button .btn.btn-primary,.hc-search-button .btn.btn-primary:hover,.hc-search-button .btn.btn-primary:active,.hc-search-button .btn.btn-primary:focus {
    border-color: #3375bb;
    background-color: #3375bb;
    color: #fff
}

.btn.disabled,.btn[disabled] {
    background-color: #e8e8e8!important;
    border-color: #e8e8e8!important;
    text-shadow: none!important
}

.hc-search-button .btn.btn-primary {
    padding: 6px 12px
}

.btn-group>.btn {
    margin-left: -2px
}

.dropdown-toggle.btn,.dropdown-toggle.btn b {
    color: #3375bb!important;
    font-size: 12px!important;
    font-weight: 600!important
}

.article-vote .vote-up:before,.article-vote .vote-down:before {
    height: auto;
    width: auto;
    background: 0 0;
    font-size: 14px;
    color: #3375bb
}

.article-vote .vote-up:before {
    content: "\f164"
}

.article-vote .vote-down:before {
    content: "\f165"
}

.article-vote .vote-up:before,.article-vote .vote-down:before,.hc-search-input:before {
    display: inline-block;
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vote-down-container:before {
    display: none
}

.btn-facebook:before,.btn-twitter:before,.btn-linkedin:before {
    display: inline-block;
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: -1px;
    margin: 0 4px 0 0;
    width: auto;
    height: auto;
    background: 0 0;
    vertical-align: middle;
    font-size: 14px
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active {
    color: #e0e0e0;
    background-color: #2d4373;
    border-color: #2a3f6c
}

.btn-facebook:active {
    background-image: none
}

.btn-facebook:before {
    content: "\f230"
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2
}

.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active {
    color: #e0e0e0;
    background-color: #0c85d0;
    border-color: #0b7fc6
}

.btn-twitter:active {
    background-image: none
}

.btn-twitter:before {
    content: "\f099"
}

.btn-block {
    display: block
}

.dropdown {
    display: block
}

.dropdown-toggle.help-text {
    font-size: 11px!important
}

.dropdown-toggle.help-text .caret {
    margin-top: 0!important
}

.dropdown-toggle {
    display: flex!important;
    align-items: center!important
}

.dropdown .caret {
    margin-left: 10px
}

.topbar {
    margin-bottom: 24px;
    width: 100%;
    background-color: #fff;
    color: #2d2d2d;
    font-size: 14px
}

@media(min-width: 768px) {
    .topbar {
        margin-bottom:48px
    }
}

.topbar__inner {
    margin: 0 auto;
    width: 100%
}

@media(min-width: 768px) {
    .topbar__inner {
        display:table
    }
}

.topbar__col {
    position: relative;
    padding: 12px 0
}

@media(min-width: 768px) {
    .topbar__col {
        display:table-cell;
        vertical-align: middle
    }
}

.topbar__link {
    color: #3375bb
}

.topbar__link:hover,.topbar__link:active,.topbar__link:focus {
    color: #1a66b7
}

.topbar__controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column
}

@media(max-width: 768px) {
    .topbar__link {
        margin-top:16px
    }
}

@media(min-width: 768px) {
    .topbar__controls {
        flex-direction:row
    }
}

@media(min-width: 768px) {
    .topbar__controls>*+* {
        margin-left:15px
    }
}

@media(max-width: 767px) {
    .topbar__collapse {
        display:none;
        padding-bottom: 24px
    }
}

@media(min-width: 768px) {
    .topbar__collapse {
        display:block!important
    }
}

@media(max-width: 767px) {
    .topbar__menu {
        padding:0
    }
}

.topbar__controls>b {
    margin-left: 8px
}

.topbar__tab-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0
}

.topbar__tab-item:first-child {
    display: none
}

.footer-container .container-inner {
    padding-top: 24px;
    border-top: 1px solid #fff
}

.footer-container {
    padding: 24px 0;
    color: #999;
    font-size: 14px;
    line-height: 1.1
}

.footer-container__inner {
    margin: 0 auto;
    width: 100%
}

@media(min-width: 768px) {
    .footer-container__inner {
        display:table
    }
}

.footer-container__col {
    position: relative
}

@media(min-width: 768px) {
    .footer-container__col {
        display:table-cell;
        vertical-align: top
    }
}

@media(min-width: 768px) {
    .footer-container__col--social-links {
        text-align:right
    }
}

.footer-social-link {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: #999;
    vertical-align: middle;
    font-size: 24px!important;
    line-height: 24px!important
}

.footer-social-link+.footer-social-link {
    margin: 0 0 0 10px
}

.footer-container__copyright a {
    color: #999
}

select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],#catalog-container .catalog-sidebar .search-div .special {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #555;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 2px solid #eceeef;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

select:focus,textarea:focus,input:focus[type=text],input:focus[type=password],input:focus[type=datetime],input:focus[type=datetime-local],input:focus[type=date],input:focus[type=month],input:focus[type=time],input:focus[type=week],input:focus[type=number],input:focus[type=email],input:focus[type=url],input:focus[type=search],input:focus[type=tel],input:focus[type=color],#catalog-container .catalog-sidebar .search-div .special:focus {
    border-color: #9ed5e7;
    outline: 0;
    box-shadow: 0 0 2px #9ed5e7
}

select::-moz-placeholder,textarea::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=datetime]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=color]::-moz-placeholder,#catalog-container .catalog-sidebar .search-div .special::-moz-placeholder {
    color: #999;
    opacity: 1
}

select:-ms-input-placeholder,textarea:-ms-input-placeholder,input:-ms-input-placeholder[type=text],input:-ms-input-placeholder[type=password],input:-ms-input-placeholder[type=datetime],input:-ms-input-placeholder[type=datetime-local],input:-ms-input-placeholder[type=date],input:-ms-input-placeholder[type=month],input:-ms-input-placeholder[type=time],input:-ms-input-placeholder[type=week],input:-ms-input-placeholder[type=number],input:-ms-input-placeholder[type=email],input:-ms-input-placeholder[type=url],input:-ms-input-placeholder[type=search],input:-ms-input-placeholder[type=tel],input:-ms-input-placeholder[type=color],#catalog-container .catalog-sidebar .search-div .special:-ms-input-placeholder {
    color: #999
}

select::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=datetime]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=color]::-webkit-input-placeholder,#catalog-container .catalog-sidebar .search-div .special::-webkit-input-placeholder {
    color: #999
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 12px;
    font-weight: 600
}

input[type=search] {
    box-sizing: border-box
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

select,.select2-container .select2-choice {
    height: 38px
}

.select2-container .select2-choice .select2-arrow b:after {
    top: 50%;
    transform: translateY(-50%)
}

output {
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.5;
    color: #555
}

textarea {
    height: 114px;
    resize: vertical
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
        line-height:38px
    }
}

.control-group {
    margin-bottom: 24px
}

.control-group:before,.control-group:after {
    display: table;
    content: ""
}

.control-group:after {
    clear: both
}

.control-group.required>label:after {
    margin-left: 2px;
    color: #ff5252;
    content: "*"
}

#name_field {
    padding-top: 24px
}

.help-block,.control-group p {
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 90%;
    color: #6d6d6d
}

.form-portal .control-label,.form-portal .controls,.form-portal .form-actions {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0
}

.control-label {
    padding-top: 0;
    margin-bottom: 12px
}

.error {
    color: #ff5252
}

.redactor_box {
    margin-bottom: 24px;
    border: 2px solid #eceeef;
    border-radius: 4px
}

.redactor_editor,.redactor_editor:focus {
    font-family: roboto,sans-serif!important;
    font-size: 16px!important
}

.redactor_toolbar {
    width: 100%!important;
    margin: 0!important;
    background: #f7f7f7!important;
    border-radius: none!important
}

#errorExplanation ul,.errorExplanation ul {
    margin-left: 20px
}

[rel=tmpClipboard] {
    display: none
}

.recaptchatable #recaptcha_response_field {
    display: inline-block;
    height: auto
}

.info-data:empty {
    display: none
}

.date_time_box input[type=text] {
    display: inline-block;
    width: 100px!important;
    padding: 0!important;
    border-left: 0!important
}

.date_time_box {
    width: 100%;
    height: auto;
    padding: 6px 12px;
    border: 2px solid #eceeef;
    border-radius: 4px;
    box-shadow: none!important
}

.date_time_box .datepair.time {
    margin-left: 12px!important
}

.container {
    padding-left: 15px;
    padding-right: 15px
}

.container-inner {
    max-width: 1100px;
    margin: 0 auto
}

*,*:before,*:after {
    box-sizing: border-box
}

html,body {
    height: 100%
}

html {
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: roboto,sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #2d2d2d;
    background-color: #fff;
    background-image: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

input,button,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #3375bb;
    text-decoration: none
}

a:hover,a:focus {
    color: #1a66b7;
    text-decoration: none
}

figure {
    margin: 0
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0;
    border: 0;
    border-top: 1px solid #eceeef
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: inherit
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,ul,ol {
    margin: 0 0 24px
}

h1,.h1 {
    font-size: 41px
}

h2,.h2 {
    font-size: 34px
}

h3,.h3 {
    font-size: 28px
}

h4,.h4 {
    font-size: 20px
}

h5,.h5 {
    font-size: 16px
}

h6,.h6 {
    font-size: 14px
}

b,strong {
    font-weight: 600
}

small,.small {
    font-size: 80%;
    font-weight: 400;
    line-height: 1
}

li {
    line-height: 1.5
}

dl {
    margin-top: 0;
    margin-bottom: 24px
}

dt,dd {
    margin-bottom: 12px;
    line-height: 1.5
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal:before,.dl-horizontal:after {
    display: table;
    content: ""
}

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 30%;
        padding-right: 15px;
        clear: both
    }
}

.dl-horizontal dd {
    margin-left: 0
}

@media(min-width: 768px) {
    .dl-horizontal dd {
        float:right;
        width: 70%
    }
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    font-family: ibm plex sans,sans-serif;
    font-style: italic;
    background-color: #f7f7f9;
    border-left: 5px solid #eceeef
}

blockquote.is-colored {
    border-left: 5px solid #3375bb
}

blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
    margin-bottom: 0
}

address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 1.5
}

.clearfix:before,.clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

ul.unstyled,ol.unstyled {
    margin-left: 0!important;
    list-style: none
}

.hidden {
    display: none!important
}

.heading {
    font-family: ibm plex sans,Roboto,sans-sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: inherit
}

pre[class*=language-]:before,pre[class*=language-]:after {
    display: none
}

ul.unstyled li a:hover,ol.unstyled li a:hover {
    color: #1a66b7
}

main {
    padding-bottom: 40px;
    max-width: 1100px;
    margin: 0 auto
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.column {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.column--xs-1 {
    width: 8.33333%
}

.column--xs-2 {
    width: 16.66667%
}

.column--xs-3 {
    width: 25%
}

.column--xs-4 {
    width: 33.33333%
}

.column--xs-5 {
    width: 41.66667%
}

.column--xs-6 {
    width: 50%
}

.column--xs-7 {
    width: 58.33333%
}

.column--xs-8 {
    width: 66.66667%
}

.column--xs-9 {
    width: 75%
}

.column--xs-10 {
    width: 83.33333%
}

.column--xs-11 {
    width: 91.66667%
}

.column--xs-12 {
    width: 100%
}

.column--xs-pull-0 {
    right: auto
}

.column--xs-pull-1 {
    right: 8.33333%
}

.column--xs-pull-2 {
    right: 16.66667%
}

.column--xs-pull-3 {
    right: 25%
}

.column--xs-pull-4 {
    right: 33.33333%
}

.column--xs-pull-5 {
    right: 41.66667%
}

.column--xs-pull-6 {
    right: 50%
}

.column--xs-pull-7 {
    right: 58.33333%
}

.column--xs-pull-8 {
    right: 66.66667%
}

.column--xs-pull-9 {
    right: 75%
}

.column--xs-pull-10 {
    right: 83.33333%
}

.column--xs-pull-11 {
    right: 91.66667%
}

.column--xs-pull-12 {
    right: 100%
}

.column--xs-push-0 {
    left: auto
}

.column--xs-push-1 {
    left: 8.33333%
}

.column--xs-push-2 {
    left: 16.66667%
}

.column--xs-push-3 {
    left: 25%
}

.column--xs-push-4 {
    left: 33.33333%
}

.column--xs-push-5 {
    left: 41.66667%
}

.column--xs-push-6 {
    left: 50%
}

.column--xs-push-7 {
    left: 58.33333%
}

.column--xs-push-8 {
    left: 66.66667%
}

.column--xs-push-9 {
    left: 75%
}

.column--xs-push-10 {
    left: 83.33333%
}

.column--xs-push-11 {
    left: 91.66667%
}

.column--xs-push-12 {
    left: 100%
}

.column--xs-offset-0 {
    margin-left: 0%
}

.column--xs-offset-1 {
    margin-left: 8.33333%
}

.column--xs-offset-2 {
    margin-left: 16.66667%
}

.column--xs-offset-3 {
    margin-left: 25%
}

.column--xs-offset-4 {
    margin-left: 33.33333%
}

.column--xs-offset-5 {
    margin-left: 41.66667%
}

.column--xs-offset-6 {
    margin-left: 50%
}

.column--xs-offset-7 {
    margin-left: 58.33333%
}

.column--xs-offset-8 {
    margin-left: 66.66667%
}

.column--xs-offset-9 {
    margin-left: 75%
}

.column--xs-offset-10 {
    margin-left: 83.33333%
}

.column--xs-offset-11 {
    margin-left: 91.66667%
}

.column--xs-offset-12 {
    margin-left: 100%
}

@media(min-width: 768px) {
    .column--sm-1 {
        width:8.33333%
    }

    .column--sm-2 {
        width: 16.66667%
    }

    .column--sm-3 {
        width: 25%
    }

    .column--sm-4 {
        width: 33.33333%
    }

    .column--sm-5 {
        width: 41.66667%
    }

    .column--sm-6 {
        width: 50%
    }

    .column--sm-7 {
        width: 58.33333%
    }

    .column--sm-8 {
        width: 66.66667%
    }

    .column--sm-9 {
        width: 75%
    }

    .column--sm-10 {
        width: 83.33333%
    }

    .column--sm-11 {
        width: 91.66667%
    }

    .column--sm-12 {
        width: 100%
    }

    .column--sm-pull-0 {
        right: auto
    }

    .column--sm-pull-1 {
        right: 8.33333%
    }

    .column--sm-pull-2 {
        right: 16.66667%
    }

    .column--sm-pull-3 {
        right: 25%
    }

    .column--sm-pull-4 {
        right: 33.33333%
    }

    .column--sm-pull-5 {
        right: 41.66667%
    }

    .column--sm-pull-6 {
        right: 50%
    }

    .column--sm-pull-7 {
        right: 58.33333%
    }

    .column--sm-pull-8 {
        right: 66.66667%
    }

    .column--sm-pull-9 {
        right: 75%
    }

    .column--sm-pull-10 {
        right: 83.33333%
    }

    .column--sm-pull-11 {
        right: 91.66667%
    }

    .column--sm-pull-12 {
        right: 100%
    }

    .column--sm-push-0 {
        left: auto
    }

    .column--sm-push-1 {
        left: 8.33333%
    }

    .column--sm-push-2 {
        left: 16.66667%
    }

    .column--sm-push-3 {
        left: 25%
    }

    .column--sm-push-4 {
        left: 33.33333%
    }

    .column--sm-push-5 {
        left: 41.66667%
    }

    .column--sm-push-6 {
        left: 50%
    }

    .column--sm-push-7 {
        left: 58.33333%
    }

    .column--sm-push-8 {
        left: 66.66667%
    }

    .column--sm-push-9 {
        left: 75%
    }

    .column--sm-push-10 {
        left: 83.33333%
    }

    .column--sm-push-11 {
        left: 91.66667%
    }

    .column--sm-push-12 {
        left: 100%
    }

    .column--sm-offset-0 {
        margin-left: 0%
    }

    .column--sm-offset-1 {
        margin-left: 8.33333%
    }

    .column--sm-offset-2 {
        margin-left: 16.66667%
    }

    .column--sm-offset-3 {
        margin-left: 25%
    }

    .column--sm-offset-4 {
        margin-left: 33.33333%
    }

    .column--sm-offset-5 {
        margin-left: 41.66667%
    }

    .column--sm-offset-6 {
        margin-left: 50%
    }

    .column--sm-offset-7 {
        margin-left: 58.33333%
    }

    .column--sm-offset-8 {
        margin-left: 66.66667%
    }

    .column--sm-offset-9 {
        margin-left: 75%
    }

    .column--sm-offset-10 {
        margin-left: 83.33333%
    }

    .column--sm-offset-11 {
        margin-left: 91.66667%
    }

    .column--sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {
    .column--md-1 {
        width:8.33333%
    }

    .column--md-2 {
        width: 16.66667%
    }

    .column--md-3 {
        width: 25%
    }

    .column--md-4 {
        width: 33.33333%
    }

    .column--md-5 {
        width: 41.66667%
    }

    .column--md-6 {
        width: 50%
    }

    .column--md-7 {
        width: 58.33333%
    }

    .column--md-8 {
        width: 66.66667%
    }

    .column--md-9 {
        width: 75%
    }

    .column--md-10 {
        width: 83.33333%
    }

    .column--md-11 {
        width: 91.66667%
    }

    .column--md-12 {
        width: 100%
    }

    .column--md-pull-0 {
        right: auto
    }

    .column--md-pull-1 {
        right: 8.33333%
    }

    .column--md-pull-2 {
        right: 16.66667%
    }

    .column--md-pull-3 {
        right: 25%
    }

    .column--md-pull-4 {
        right: 33.33333%
    }

    .column--md-pull-5 {
        right: 41.66667%
    }

    .column--md-pull-6 {
        right: 50%
    }

    .column--md-pull-7 {
        right: 58.33333%
    }

    .column--md-pull-8 {
        right: 66.66667%
    }

    .column--md-pull-9 {
        right: 75%
    }

    .column--md-pull-10 {
        right: 83.33333%
    }

    .column--md-pull-11 {
        right: 91.66667%
    }

    .column--md-pull-12 {
        right: 100%
    }

    .column--md-push-0 {
        left: auto
    }

    .column--md-push-1 {
        left: 8.33333%
    }

    .column--md-push-2 {
        left: 16.66667%
    }

    .column--md-push-3 {
        left: 25%
    }

    .column--md-push-4 {
        left: 33.33333%
    }

    .column--md-push-5 {
        left: 41.66667%
    }

    .column--md-push-6 {
        left: 50%
    }

    .column--md-push-7 {
        left: 58.33333%
    }

    .column--md-push-8 {
        left: 66.66667%
    }

    .column--md-push-9 {
        left: 75%
    }

    .column--md-push-10 {
        left: 83.33333%
    }

    .column--md-push-11 {
        left: 91.66667%
    }

    .column--md-push-12 {
        left: 100%
    }

    .column--md-offset-0 {
        margin-left: 0%
    }

    .column--md-offset-1 {
        margin-left: 8.33333%
    }

    .column--md-offset-2 {
        margin-left: 16.66667%
    }

    .column--md-offset-3 {
        margin-left: 25%
    }

    .column--md-offset-4 {
        margin-left: 33.33333%
    }

    .column--md-offset-5 {
        margin-left: 41.66667%
    }

    .column--md-offset-6 {
        margin-left: 50%
    }

    .column--md-offset-7 {
        margin-left: 58.33333%
    }

    .column--md-offset-8 {
        margin-left: 66.66667%
    }

    .column--md-offset-9 {
        margin-left: 75%
    }

    .column--md-offset-10 {
        margin-left: 83.33333%
    }

    .column--md-offset-11 {
        margin-left: 91.66667%
    }

    .column--md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {
    .column--lg-1 {
        width:8.33333%
    }

    .column--lg-2 {
        width: 16.66667%
    }

    .column--lg-3 {
        width: 25%
    }

    .column--lg-4 {
        width: 33.33333%
    }

    .column--lg-5 {
        width: 41.66667%
    }

    .column--lg-6 {
        width: 50%
    }

    .column--lg-7 {
        width: 58.33333%
    }

    .column--lg-8 {
        width: 66.66667%
    }

    .column--lg-9 {
        width: 75%
    }

    .column--lg-10 {
        width: 83.33333%
    }

    .column--lg-11 {
        width: 91.66667%
    }

    .column--lg-12 {
        width: 100%
    }

    .column--lg-pull-0 {
        right: auto
    }

    .column--lg-pull-1 {
        right: 8.33333%
    }

    .column--lg-pull-2 {
        right: 16.66667%
    }

    .column--lg-pull-3 {
        right: 25%
    }

    .column--lg-pull-4 {
        right: 33.33333%
    }

    .column--lg-pull-5 {
        right: 41.66667%
    }

    .column--lg-pull-6 {
        right: 50%
    }

    .column--lg-pull-7 {
        right: 58.33333%
    }

    .column--lg-pull-8 {
        right: 66.66667%
    }

    .column--lg-pull-9 {
        right: 75%
    }

    .column--lg-pull-10 {
        right: 83.33333%
    }

    .column--lg-pull-11 {
        right: 91.66667%
    }

    .column--lg-pull-12 {
        right: 100%
    }

    .column--lg-push-0 {
        left: auto
    }

    .column--lg-push-1 {
        left: 8.33333%
    }

    .column--lg-push-2 {
        left: 16.66667%
    }

    .column--lg-push-3 {
        left: 25%
    }

    .column--lg-push-4 {
        left: 33.33333%
    }

    .column--lg-push-5 {
        left: 41.66667%
    }

    .column--lg-push-6 {
        left: 50%
    }

    .column--lg-push-7 {
        left: 58.33333%
    }

    .column--lg-push-8 {
        left: 66.66667%
    }

    .column--lg-push-9 {
        left: 75%
    }

    .column--lg-push-10 {
        left: 83.33333%
    }

    .column--lg-push-11 {
        left: 91.66667%
    }

    .column--lg-push-12 {
        left: 100%
    }

    .column--lg-offset-0 {
        margin-left: 0%
    }

    .column--lg-offset-1 {
        margin-left: 8.33333%
    }

    .column--lg-offset-2 {
        margin-left: 16.66667%
    }

    .column--lg-offset-3 {
        margin-left: 25%
    }

    .column--lg-offset-4 {
        margin-left: 33.33333%
    }

    .column--lg-offset-5 {
        margin-left: 41.66667%
    }

    .column--lg-offset-6 {
        margin-left: 50%
    }

    .column--lg-offset-7 {
        margin-left: 58.33333%
    }

    .column--lg-offset-8 {
        margin-left: 66.66667%
    }

    .column--lg-offset-9 {
        margin-left: 75%
    }

    .column--lg-offset-10 {
        margin-left: 83.33333%
    }

    .column--lg-offset-11 {
        margin-left: 91.66667%
    }

    .column--lg-offset-12 {
        margin-left: 100%
    }
}

.ask-the-community {
    color: #fff;
    background-color: #3375bb;
    padding: 24px 16px 12px;
    border-radius: 4px;
    border: 1px solid transparent
}

.ask-the-community__button {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.ask-the-community__button:hover,.ask-the-community__button:focus,.ask-the-community__button:active {
    color: #e0e0e0;
    background-color: transparent;
    border-color: #e0e0e0
}

.ask-the-community__button:active {
    background-image: none
}

.lines-button {
    background-color: transparent;
    padding: 7.5px 0 7.5px 7.5px;
    transition: .3s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px;
    border: 0
}

@media(max-width: 767px) {
    .lines-button {
        float:right
    }
}

@media(min-width: 768px) {
    .lines-button {
        display:none
    }
}

.lines-button:hover {
    opacity: 1
}

.lines-button:active {
    transition: 0;
    box-shadow: none;
    outline: 0
}

.lines-button:focus {
    outline: 0
}

.lines {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #2d2d2d;
    border-radius: 2px;
    transition: .3s;
    position: relative
}

.lines:before,.lines:after {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #2d2d2d;
    border-radius: 2px;
    transition: .3s;
    position: absolute;
    left: 0;
    content: '';
    transform-origin: 2.14286px center
}

.lines:before {
    top: 7.5px
}

.lines:after {
    top: -7.5px
}

.csstransforms3d .lines-button.is-active {
    transform: scale3d(.8,.8,.8)
}

.csstransforms3d .lines-button.is-active .lines {
    background: 0 0
}

.csstransforms3d .lines-button.is-active .lines:before,.csstransforms3d .lines-button.is-active .lines:after {
    transform-origin: 50% 50%;
    top: 0;
    width: 30px
}

.csstransforms3d .lines-button.is-active .lines:before {
    transform: rotate3d(0,0,1,45deg)
}

.csstransforms3d .lines-button.is-active .lines:after {
    transform: rotate3d(0,0,1,-45deg)
}

.logo-wrapper {
    display: inline-block;
    vertical-align: middle
}

.logo img {
    display: block;
    max-height: 40px
}

.meta {
    color: #979797;
    font-size: 14px
}

.meta__item {
    display: inline-block;
    margin-right: 6px
}

.meta__item+.meta__item:before {
    margin-right: 6px;
    content: "\2022";
    font-size: 10px
}

.meta--profile {
    margin-bottom: 0
}

.avatar {
    position: relative;
    display: inline-block
}

.user-pointer-bottom:before,.user-pointer-bottom:after {
    display: none
}

.user-pic-thumb {
    border: none;
    margin-right: 0;
    margin-left: 0;
    padding: 0;
    width: 40px;
    height: 40px
}

.attachment-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
    font-size: 14px
}

.attachment-list__item {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px
}

.attachment-list__item:last-child {
    margin-bottom: 0
}

.attachment-list__icon {
    position: absolute;
    left: 0;
    top: 4px
}

.attach-link-wrap {
    color: #3375bb;
    background-color: transparent;
    border-color: #3375bb
}

.attach-link-wrap:hover,.attach-link-wrap:focus,.attach-link-wrap:active {
    color: #1a66b7;
    background-color: transparent;
    border-color: #1a66b7
}

.attach-link-wrap:active {
    background-image: none
}

.wicon-paper-clip {
    display: none
}

.form-actions {
    border-top: 0;
    padding-top: 0
}

.alert {
    margin: 0
}

#notice {
    width: 100%;
    margin-top: 0;
    border-width: 0 0 1px;
    border-radius: 0
}

.sidebar .btn {
    color: #fff;
    background-color: #3375bb;
    border-color: #3375bb
}

.sidebar .btn:hover,.sidebar .btn:focus,.sidebar .btn:active {
    color: #e0e0e0;
    background-color: #057aa1;
    border-color: #1a66b7
}

.sidebar .btn:active {
    background-image: none
}

.lead,.lead-small,.list-lead {
    font-family: roboto,sans-serif;
    font-weight: 400
}

.login-alternate {
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef;
    padding-bottom: 24px
}

.auth-title {
    font-weight: 600
}

@media(max-width: 767px) {
    .auth-wrapper {
        border-top:2px solid #eceeef;
        padding-top: 24px
    }
}

@media(min-width: 768px) {
    .auth-wrapper {
        border-left:2px solid #eceeef
    }
}

@media(min-width: 768px) {
    .auth-item {
        padding-left:15px
    }
}

@media(min-width: 768px) {
    .signup-page {
        margin-bottom:48px
    }
}

.signup-page__title {
    font-size: 28px
}

@media(min-width: 768px) {
    .signup-page__title {
        font-size:34px
    }
}

@media(min-width: 992px) {
    .signup-page__title {
        font-size:41px
    }
}

#signup-container {
    border: 0
}

.forum-topics {
    margin-bottom: 24px;
    padding-left: 0;
    margin-left: 0;
    margin-top: 0;
    list-style: none
}

.forum-topics__item {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #eceeef
}

@media(min-width: 768px) {
    .forum-topics__item {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

.forum-topics__pin {
    color: #2d2d2d
}

@media(max-width: 767px) {
    .forum-topics__link {
        display:block;
        margin-bottom: 12px
    }
}

@media(min-width: 768px) {
    .forum-topics__link {
        width:60%;
        padding-right: 15px
    }
}

.forum-topics__labels {
    display: inline-block
}

@media(min-width: 768px) {
    .forum-topics__author {
        width:8%
    }
}

.forum-topics__meta {
    font-size: 12px
}

@media(min-width: 768px) {
    .forum-topics__meta {
        width:40%;
        text-align: right
    }
}

.forum-category-list {
    padding-left: 0;
    list-style: none
}

.forum-category-list-item {
    position: relative;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .forum-category-list-item {
        display:table;
        height: 240px
    }
}

.forum-category-list-item__title {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 20px
}

.forum-category-list-item__link {
    display: block;
    padding: 24px 15px;
    border-radius: 4px;
    background-color: #3375bb;
    color: #fff;
    text-align: center;
    font-weight: 600;
    transition: all .3s ease
}

@media(min-width: 768px) {
    .forum-category-list-item__link {
        display:table-cell;
        vertical-align: middle
    }
}

.forum-category-list-item__link:active,.forum-category-list-item__link:focus,.forum-category-list-item__link:hover {
    background-color: #3375bb;
    color: #fff;
    text-decoration: none
}

.forum-category-list-item__meta {
    transition: all .3s ease
}

.discussions-category-list-page__title {
    margin-bottom: 48px
}

.forum-list {
    padding-left: 0;
    list-style: none;
    margin-top: 0;
    margin-left: 0
}

.forum-list-item {
    margin-bottom: 48px
}

.forum-list-item__title {
    border-bottom: 2px solid #2d2d2d;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.forum-list-item__link {
    color: inherit
}

.forum-category-name {
    font-weight: 600
}

.forum-filters {
    margin-bottom: 12px;
    border-bottom: 2px solid #eceeef
}

.forum-filters .nav-filter {
    margin-top: 0;
    margin-bottom: 24px;
    padding-left: 0
}

.forum-filters .nav-pills>.active>a,.forum-filters .nav-pills>.active>a:hover {
    box-shadow: none
}

.forum-filters .nav-pills>.active>a:first-of-type,.forum-filters .nav-pills>.active>a:hover:first-of-type {
    margin-left: 0!important;
    color: inherit
}

.popular-topics {
    margin-bottom: 24px
}

.popular-topics__title {
    font-weight: 600;
    margin-bottom: 6px
}

.popular-topics__desc {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #2d2d2d
}

.popular-topic-list {
    padding-left: 0;
    list-style: none
}

@media(min-width: 768px) {
    .popular-topic-list {
        display:flex;
        flex-wrap: wrap
    }
}

.popular-topic-item {
    float: none;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .popular-topic-item {
        display:flex
    }
}

.popular-topic-item__inner {
    display: block;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 2px solid #eceeef
}

.popular-topic-item__title {
    font-size: 14px;
    margin-bottom: 6px
}

.popular-topic-item__info {
    font-size: 12px
}

.my-topics {
    margin-bottom: 24px
}

.my-topics__title {
    font-weight: 600;
    margin-bottom: 6px
}

.my-topics__desc {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #2d2d2d
}

.my-topic-list {
    padding-left: 0;
    list-style: none
}

.my-topic-item {
    float: none;
    margin-bottom: 12px
}

.my-topic-item__inner {
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 2px solid #eceeef
}

.my-topic-item__title {
    font-size: 14px;
    margin-bottom: 6px
}

.my-topic-item__info {
    font-size: 12px
}

@media(min-width: 768px) {
    .new-topic-page {
        margin-bottom:48px
    }
}

.new-topic-title {
    font-size: 28px
}

@media(min-width: 768px) {
    .new-topic-title {
        font-size:34px
    }
}

@media(min-width: 992px) {
    .new-topic-title {
        font-size:41px
    }
}

.new-topic-form {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .topic-page {
        margin-bottom:48px
    }
}

.topic {
    position: relative;
    margin-bottom: 24px
}

.topic__body {
    padding-bottom: 24px;
    border-bottom: 2px solid #eceeef
}

.topic .topic-labels {
    margin-bottom: 12px
}

.topic .topic-labels .label {
    padding: 6px 12px;
    font-size: 11px
}

.topic__title {
    padding-right: 18px;
    font-size: 28px
}

@media(min-width: 768px) {
    .topic__title {
        font-size:34px
    }
}

@media(min-width: 992px) {
    .topic__title {
        font-size:41px
    }
}

.topic__meta {
    margin-bottom: 24px
}

.topic__text ul,.topic__text ol {
    margin-left: 20px
}

.topic__text ul {
    list-style-type: disc
}

.topic__text ul ul {
    list-style-type: circle
}

.topic__text ol {
    list-style-type: decimal
}

.topic-callout {
    padding: 12px 15px;
    background-color: #eceeef
}

@media(max-width: 767px) {
    .topic-callout {
        margin-top:24px
    }
}

.topic-callout__title {
    font-weight: 600;
    font-size: 16px
}

.topic__voting {
    font-size: 14px;
    padding-top: 24px
}

.topic__voting hr {
    display: none
}

@media(max-width: 480px) {
    .topic__voting #topic-voted-information {
        display:block;
        padding-bottom: 12px
    }
}

.topic__voting #topic-vote-up-button:nth-child(3):before {
    display: none;
    margin-left: 0
}

.related-topics {
    margin-bottom: 12px
}

.related-topics .list-lead {
    margin-top: 0;
    margin-bottom: 12px
}

.related-topics ul {
    list-style: none;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 12px
}

.related-topics ul li {
    width: 100%;
    margin-right: 0;
    float: none;
    margin-bottom: 8px
}

.related-topics .ellipsis a {
    font-size: 16px;
    line-height: 1.5
}

.discussions-menu {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef
}

.discussions-menu a {
    display: inline-block;
    margin-bottom: 24px;
    margin-left: 16px
}

#ticket-sub-toolbar .dropdown .caret {
    margin-right: 0
}

#ticket-toolbar {
    display: flex;
    flex-wrap: wrap
}

#ticket-sort {
    margin-right: 0
}

#ticket-sub-toolbar .dropdown .caret {
    margin-top: 6px
}

.ticket-toolbar {
    margin-top: 0;
    margin-bottom: 16px
}

.ticket-toolbar a {
    font-weight: 600
}

#ticket-filters {
    margin-bottom: 16px;
    margin-right: 16px
}

#ticket-sub-toolbar {
    margin-bottom: 16px
}

#ticket-export-button {
    display: inline-block!important
}

.c-row.c-ticket-row .status-source {
    margin-right: 16px
}

.ticket-page {
    margin-bottom: 48px
}

.ticket {
    position: relative
}

.ticket__id {
    margin-bottom: 12px;
    font-weight: 600
}

.ticket__subject {
    font-size: 28px
}

@media(min-width: 992px) {
    .ticket__subject {
        font-weight:300;
        font-size: 34px
    }
}

.ticket__user {
    margin-bottom: 24px
}

.ticket__attachments {
    margin-bottom: 24px
}

.ticket__content {
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef;
    padding-bottom: 24px
}

.ticket__desc * {
    font-family: roboto,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important
}

.ticket__desc ul,.ticket__desc ol {
    margin-left: 20px;
    padding-left: 0!important
}

.ticket__desc ul {
    list-style-type: disc
}

.ticket__desc ul ul {
    list-style-type: circle
}

.ticket__desc ol {
    list-style-type: decimal
}

.ticket__sidebar {
    margin-bottom: 24px;
    padding: 24px 12px 0;
    border: 2px solid #eceeef;
    border-radius: 4px;
    font-size: 14px
}

.ticket__sidebar dd {
    margin-bottom: 12px
}

.ticket__details h3 {
    font-weight: 400
}

.toolbar-actions {
    position: static;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 24px
}

#ticket-sidebar-details .control-label {
    margin-top: 0
}

.new-ticket-page {
    margin-bottom: 48px
}

.new-ticket-title {
    font-size: 28px
}

@media(min-width: 768px) {
    .new-ticket-title {
        font-size:34px
    }
}

@media(min-width: 992px) {
    .new-ticket-title {
        font-size:41px
    }
}

.new-ticket-form {
    margin-bottom: 24px
}

.max-search-content {
    display: none;
    max-height: 72px
}

.label {
    padding: 2px 6px;
    font-size: 10px;
    color: #fff;
    border-radius: 4px;
    text-shadow: none;
    margin-right: 0
}

.breadcrumbs {
    padding: 8px 0;
    margin-bottom: 24px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px
}

.breadcrumbs>li {
    display: inline-block
}

.breadcrumbs>li+li:before {
    content: "› ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumbs--search-result {
    margin: 0;
    padding-top: 0
}

.help-center-name {
    display: inline-block;
    font-style: 'Montserrat','Roboto',sans-serif;
    font-weight: 700px;
    vertical-align: middle;
    margin: 0;
    color: inherit
}

@media(max-width: 767px) {
    .help-center-name {
        display:none
    }
}

.banner-language-selector {
    float: none!important;
    margin-top: 0
}

.banner-language-selector .language-options {
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0
}

@media(max-width: 767px) {
    .banner-language-selector .language-options .dropdown-toggle {
        display:block;
        text-align: center;
        padding-right: 12px!important
    }
}

.banner-language-selector .language-options .dropdown-toggle {
    margin-bottom: 0
}

.banner-language-selector .language-options .dropdown .caret {
    margin-left: 4px;
    margin-right: 0
}

.welcome {
    display: none!important
}

.hc-search-input {
    position: relative;
    width: 100%
}

.hc-search-input:before {
    display: inline-block;
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    color: #2d2d2d;
    content: '\f002'
}

.hc-search-button {
    display: none
}

.hc-search-input input[type=text] {
    border: 1px solid #caced3;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    color: #444;
    line-height: 1;
    transition: border .3s ease
}

.hc-search-input input[type=text]::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

.hc-search-input input[type=text]:-ms-input-placeholder {
    color: #ccc
}

.hc-search-input input[type=text]::-webkit-input-placeholder {
    color: #ccc
}

.search-box {
    position: relative;
    z-index: 2
}

.search-box--hero-unit {
    margin-right: auto;
    margin-bottom: 48px;
    margin-left: auto;
    padding-top: 24px;
    max-width: 720px
}

@media(min-width: 768px) {
    .search-box--hero-unit {
        margin-bottom:72px
    }
}

.search-box--hero-unit .hc-search-input input[type=text] {
    padding: 0 20px 0 55px;
    height: 60px;
    font-size: 20px
}

.search-box--hero-unit .hc-search-input:before {
    left: 10px;
    margin-top: -11px;
    font-size: 22px
}

.search-box--small {
    margin-bottom: 48px
}

.search-box--small .hc-search-input:before {
    left: 0;
    margin-top: -8px;
    font-size: 16px
}

.search-box--small .hc-search-input input[type=text] {
    padding-left: 36px
}

.match {
    background-color: transparent
}

.search-results-page {
    margin-bottom: 48px
}

.search-results-count {
    font-size: 20px
}

.search-result {
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef
}

.search-result__title {
    margin-bottom: 12px;
    font-weight: 600
}

.search-result__description,#new-ticket-search {
    margin-bottom: 12px;
    font-size: 14px
}

.search-result__description .match,#new-ticket-search .match {
    padding: 0 3px;
    border-radius: 3px;
    background-color: #fff3ca;
    font-weight: 600;
    font-style: normal
}

.search-result__meta {
    margin-bottom: 12px
}

.search-results-filters {
    margin-bottom: 24px
}

.search-results-filters .nav-filter {
    margin-top: 0;
    margin-bottom: 0
}

.search-results-filters .nav-pills>li>a {
    padding: 12px 15px;
    border-radius: 4px
}

.search-results-filters .nav-pills>.active>a,.search-results-filters .nav-pills>.active>a:hover {
    box-shadow: none;
    background-color: #3375bb;
    color: #fff
}

@media(min-width: 768px) {
    .search-results-filters .nav-pills>li {
        float:none;
        margin-bottom: 12px
    }
}

.header {
    margin-bottom: 24px
}

.header h1 {
    padding-bottom: 24px;
    border-bottom: 1px solid #eceeef
}

.header-description {
    margin-bottom: 48px;
    color: #979797
}

.category h2 {
    padding-bottom: 24px;
    border-bottom: 1px solid #eceeef
}

.category h2 a {
    color: inherit
}

.category-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.category-list>li {
    position: relative;
    display: flex;
    float: none;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .category-list>li {
        height:150px
    }
}

.category-list>li a {
    display: flex;
    width: 100%;
    float: none;
    align-items: center;
    justify-content: center;
    padding: 24px 15px;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: #3375bb;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    transition: all .3s ease
}

.category-list>li a:hover {
    background-color: #1a66b7;
    color: #e0e0e0;
    text-decoration: none
}

.knowledge-base-title {
    font-size: 34px
}

@media(min-width: 992px) {
    .knowledge-base-title {
        margin-bottom:48px
    }
}

.category-tree .folder:nth-child(2n+1),.folder-tree .folder:nth-child(2n+1) {
    clear: left
}

.folder {
    margin-bottom: 24px
}

.folder h1,.folder h2 {
    padding-bottom: 24px;
    border-bottom: 1px solid #eceeef;
    font-weight: 300
}

.folder h3 {
    font-weight: 300
}

.folder h3 a {
    color: inherit
}

.folder-description {
    margin-bottom: 48px;
    color: #979797
}

.folder-header {
    position: relative
}

.folder-title {
    padding-right: 120px
}

.article-column {
    position: static
}

.article-info {
    font-size: 14px
}

@media(max-width: 767px) {
    .article-info {
        margin-bottom:24px;
        text-transform: uppercase;
        font-weight: 600
    }
}

@media(min-width: 768px) {
    .article-info {
        position:absolute;
        top: 0;
        left: 0;
        padding-right: 15px;
        padding-left: 15px;
        width: 16.66667%
    }
}

@media(max-width: 767px) {
    .article-info__item {
        display:inline-block;
        margin-right: 10px;
        vertical-align: middle
    }
}

.article-meta {
    display: table;
    margin-bottom: 24px;
    width: 100%;
    list-style: none;
    padding-left: 0
}

@media(min-width: 768px) {
    .article-meta {
        margin-bottom:24px
    }
}

.article-meta time {
    color: #979797
}

@media(max-width: 1199px) {
    .article-meta__item {
        display:inline-block;
        vertical-align: middle
    }
}

.article-meta__item--author {
    text-transform: uppercase
}

@media(max-width: 767px) {
    .article-meta__item--author {
        margin-right:10px
    }
}

@media(max-width: 767px) {
    .article-author-name {
        display:inline-block;
        vertical-align: middle
    }
}

@media(min-width: 768px) {
    .article-author-name {
        font-weight:600
    }
}

.article-author-name a {
    color: #2d2d2d
}

.article__body {
    margin-bottom: 24px
}

.article__body ul,.article__body ol {
    margin-left: 20px
}

.article__body ul,.article__body ol {
    margin-top: 12px
}

.article__body li {
    margin-bottom: 12px
}

.article__body ul {
    list-style-type: disc
}

.article__body ul ul {
    list-style-type: circle
}

.article__body ol {
    list-style-type: decimal
}

.article-vote {
    position: relative;
    padding: 24px 12px;
    border: 2px solid #eceeef;
    border-radius: 4px
}

.article-vote-controls__item {
    color: #3375bb;
    background-color: transparent;
    border-color: #3375bb
}

.article-vote-controls__item:hover,.article-vote-controls__item:focus,.article-vote-controls__item:active {
    color: #1a66b7;
    background-color: transparent;
    border-color: #1a66b7
}

.article-vote-controls__item:active {
    background-image: none
}

.article-vote-controls__item--voted {
    border-color: #141414;
    color: #141414
}

.article-vote-up,.article-vote-down {
    width: 30px;
    height: 30px;
    padding-right: 0!important;
    padding-left: 0!important
}

.article-vote-up:before,.article-vote-down:before {
    position: relative;
    top: -1px
}

@media(max-width: 767px) {
    .article-avatar {
        display:inline-block;
        vertical-align: middle
    }
}

@media(min-width: 768px) {
    .article-avatar {
        display:block
    }
}

.article-avatar img {
    width: 30px;
    border-radius: 100%
}

@media(min-width: 768px) {
    .article-avatar img {
        margin-bottom:12px;
        width: 80px
    }
}

.article-vote-question {
    float: left;
    margin-right: 15px
}

.article-vote-controls {
    white-space: nowrap
}

.article-vote-count {
    display: block;
    color: #979797;
    font-weight: 300;
    font-size: 12px
}

.article-share {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .article-share {
        position:absolute;
        top: 0;
        right: 0;
        float: none;
        padding-right: 15px;
        width: 16.66667%;
        text-align: right
    }

    .article-share .share {
        display: inline-block
    }
}

.article-footer {
    margin-bottom: 24px
}

.article-attachments {
    margin-bottom: 24px
}

.article-more-questions {
    margin-bottom: 24px
}

.article-more-questions:empty {
    display: none
}

.article-more-questions a {
    white-space: nowrap
}

.article-page {
    margin-bottom: 48px
}

.article {
    position: relative
}

.article__title {
    font-size: 28px;
    font-weight: 700
}

@media(min-width: 768px) {
    .article__title {
        font-size:34px;
        margin-bottom: 24px
    }
}

@media(min-width: 992px) {
    .article__title {
        font-size:41px
    }
}

.article-meta__col {
    display: table-cell;
    vertical-align: top
}

.article__attachments {
    margin-bottom: 24px
}

.article-sidebar {
    padding-top: 24px;
    border-top: 2px solid #eceeef
}

@media(max-width: 767px) {
    .article-sidebar {
        padding-top:24px;
        border-top: 2px solid #eceeef
    }
}

.articles {
    list-style: none;
    padding-left: 0
}

.articles__item {
    margin-bottom: 12px
}

.comments__list {
    padding-left: 0;
    list-style: none
}

.comments__list+section.lead {
    font-size: 16px;
    color: #979797;
    font-weight: 400
}

.comment__body * {
    font-family: roboto,sans-serif!important;
    font-size: 16px!important;
    line-height: 1.5!important
}

.comment__body ul,.comment__body ol {
    margin-left: 20px;
    padding-left: 0!important
}

.comment__body ul {
    list-style-type: disc
}

.comment__body ul ul {
    list-style-type: circle
}

.comment__body ol {
    list-style-type: decimal
}

.comment {
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef;
    padding-bottom: 24px
}

.comment__inner {
    position: relative;
    padding-right: 52px
}

.comments__content {
    position: relative;
    padding-right: 12px
}

.comment__header {
    position: relative;
    margin-bottom: 24px
}

.comment-form {
    position: relative;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .comment-form {
        padding-left:52px
    }
}

.comment-form__avatar {
    position: absolute;
    top: 0;
    left: 0
}

@media(max-width: 767px) {
    .comment-form__avatar {
        display:none
    }
}

.comment-form__body {
    margin-bottom: 24px
}

.share {
    list-style: none;
    padding-left: 0
}

.share li {
    position: relative;
    margin-bottom: 4px
}

.intro-title {
    color: inherit;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 26px
}

.scroll-to-top {
    position: fixed;
    right: 30px;
    bottom: -50px;
    z-index: 3;
    font-size: 32px!important;
    line-height: 45px!important;
    text-align: center;
    border: 2px solid #3375bb;
    border-radius: 4px;
    transition: bottom .4s cubic-bezier(.175,.885,.32,1.275);
    width: 50px;
    height: 50px
}

.scroll-to-top:focus,.scroll-to-top:active {
    outline: 0
}

.scroll-to-top.is-active {
    bottom: 30px
}

.scroll-to-top:hover {
    color: #1a66b7;
    border-color: #1a66b7
}

@media(max-width: 767px) {
    .scroll-to-top {
        display:none
    }
}

.custom-blocks {
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media(min-width: 768px) {
    .custom-blocks {
        margin-bottom:48px
    }
}

.custom-block {
    display: flex;
    float: none;
    text-align: center;
    padding: 0 16px
}

.custom-block a {
    width: 100%;
    transition: color .3s ease
}

.custom-block a:hover {
    text-decoration: none
}

.custom-block a:hover svg path {
    fill: #1a66b7;
    transition: fill .3s ease
}

.custom-block svg path {
    fill: #222
}

.custom-block img,.custom-block svg {
    margin-bottom: 24px;
    max-width: 100%
}

.custom-block__title {
    font-size: 16px;
    margin-bottom: 24px
}

.note {
    position: relative;
    padding: 0 20px;
    border-left: 4px solid transparent;
    margin-bottom: 24px;
    color: #606060
}

.note p:last-child {
    margin-bottom: 0
}

.note-title {
    margin-top: 0;
    margin-bottom: 12px
}

.note-default,.note--default {
    border-color: #777
}

.note-default .note-title,.note--default .note-title {
    color: #777
}

.note-info,.note--info {
    border-color: #5bc0de
}

.note-info .note-title,.note--info .note-title {
    color: #5bc0de
}

.note-warning,.note--warning {
    border-color: #ffcd40
}

.note-warning .note-title,.note--warning .note-title {
    color: #ffcd40
}

.note-success,.note--success {
    border-color: #29b473
}

.note-success:before,.note--success:before {
    color: #29b473
}

.note-success .note-title,.note--success .note-title {
    color: #29b473
}

.note-danger,.note--danger {
    border-color: #ff5252
}

.note-danger:before,.note--danger:before {
    color: #ff5252
}

.note-danger .note-title,.note--danger .note-title {
    color: #ff5252
}

.pagination {
    margin: 0;
    text-align: left
}

.pagination ul {
    display: inline-block;
    margin: 0 0 12px;
    padding-left: 0;
    width: 100%;
    box-shadow: none
}

.pagination ul>li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 12px
}

.pagination ul>li>a,.pagination ul>li>span {
    position: relative;
    display: block;
    padding: 6px 16px;
    border-width: 2px!important;
    border-color: #3375bb;
    border-radius: 4px;
    background-color: transparent;
    color: #3375bb;
    text-decoration: none;
    line-height: 1.5
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span,.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    border-radius: 4px
}

.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>li>span:hover,.pagination ul>li>span:focus {
    border-color: #3375bb;
    background-color: #3375bb;
    color: #fff
}

.pagination ul>.active>a,.pagination ul>.active>a:hover,.pagination ul>.active>a:focus {
    z-index: 2;
    border-color: #3375bb;
    background-color: #3375bb;
    color: #fff;
    cursor: default
}

.pagination ul>.disabled>a {
    color: #ddd;
    border-color: #ddd
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none!important
}

.visible-sm {
    display: none!important
}

.visible-md {
    display: none!important
}

.visible-lg {
    display: none!important
}

@media(max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row!important
    }

    th.visible-xs,td.visible-xs {
        display: table-cell!important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row!important
    }

    th.visible-sm,td.visible-sm {
        display: table-cell!important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row!important
    }

    th.visible-md,td.visible-md {
        display: table-cell!important
    }
}

@media(min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row!important
    }

    th.visible-lg,td.visible-lg {
        display: table-cell!important
    }
}

@media(max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media(min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.avatar-span .info-data {
    padding-top: 6px
}

.avatar-span {
    padding-right: 30px
}

.avatar-span .default-pic {
    cursor: pointer;
    color: #3375bb;
    background-color: transparent;
    border-color: #3375bb
}

.avatar-span .default-pic:hover,.avatar-span .default-pic:focus,.avatar-span .default-pic:active {
    color: #1a66b7;
    background-color: transparent;
    border-color: #1a66b7
}

.avatar-span .default-pic:active {
    background-image: none
}

@media(max-width: 991px) {
    .avatar-span {
        width:100%
    }
}

.omega ul.unstyled {
    margin-left: 0
}

@media(max-width: 991px) {
    .omega {
        width:100%
    }
}

.sidebar.content br {
    display: none
}

.sidebar.content .required {
    margin-bottom: 12px
}

.sidebar.content div.error {
    padding-top: 0;
    margin-top: -6px;
    margin-bottom: 12px
}

#profile-edit .profile-heading .heading,#profile-edit .sidebar h3 {
    margin-top: 0;
    font-size: 28px;
    color: inherit;
    text-transform: none;
    cursor: none;
    background: 0 0
}

@media(max-width: 991px) {
    .sidebar {
        width:100%;
        min-height: inherit!important;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

#profile-edit .btm-border,.btm-border {
    display: none;
    border: none
}

#profile-edit {
    position: relative
}

#profile-edit .profile-heading {
    position: absolute;
    margin-top: 0
}

#profile-edit .content {
    background-color: transparent
}

#profile-edit .password_cont {
    padding-bottom: 0;
    border-bottom: none
}

#pwd_change_form {
    display: block
}

#current_password {
    margin-top: 0
}

.password-submit #cancel_pwd_btn {
    display: none
}

.password_cont .password-submit {
    float: left;
    width: auto
}

#profile-edit .control-group .controls {
    width: 100%
}

#profile-edit .sidebar {
    padding: 0;
    border-left: 0
}

#change-password .password_cont form input.has-error {
    color: #fff;
    background-color: #3375bb;
    border-color: #3375bb;
    border-color: #fff!important;
    box-shadow: none!important
}

#change-password .password_cont form input.has-error:hover,#change-password .password_cont form input.has-error:focus,#change-password .password_cont form input.has-error:active {
    color: #e0e0e0;
    background-color: #057aa1;
    border-color: #1a66b7
}

#change-password .password_cont form input.has-error:active {
    background-image: none
}

.default-pic {
    cursor: pointer
}

#profile-edit .main .form-portal input[type=text] {
    width: 100%;
    font-size: 16px!important
}

#profile-edit .main .form-portal .form-actions {
    border-top: 0
}

.form-actions {
    border-top: 0
}

#profile-edit .main .form-portal .form-actions {
    padding-top: 11px;
    margin-top: 11px;
    margin-bottom: 22px;
    text-align: left;
    border-top: 0
}

.password_cont h3,.password_cont form {
    padding-left: 0
}

.entry-info {
    display: flex;
    font-size: 14px
}

.entry-info__avatar {
    padding-right: 12px
}

.layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #fff
}

.layout__content {
    flex: 1 0 auto;
    width: 100%
}

.layout__content:after {
    content: '\00a0';
    display: block;
    height: 0;
    visibility: hidden
}

.layout__header,.layout__footer {
    flex: none
}

.footer-submit-ticket {
    padding: 48px 16px 24px;
    margin-bottom: 48px;
    text-align: center;
    background-color: #eceeef;
    border-radius: 4px
}

.footer-submit-ticket__title {
    font-size: 28px
}

.footer-submit-ticket__subtitle {
    font-size: 28px;
    color: #606060
}

.footer-submit-ticket__btn:empty {
    display: none
}

.footer-submit-ticket__btn .btn {
    padding: 9px 18px
}

@media(min-width: 768px) {
    .recent-articles-and-posts-columns {
        display:flex
    }
}

.recent-articles-and-posts {
    display: flex;
    flex-direction: column;
    float: none;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .recent-articles-and-posts:first-child {
        padding-right:30px
    }
}

@media(max-width: 767px) {
    .recent-articles-and-posts+.recent-articles-and-posts {
        border-top:2px solid #eceeef;
        padding-top: 48px
    }
}

@media(min-width: 768px) {
    .recent-articles-and-posts+.recent-articles-and-posts {
        border-left:2px solid #eceeef;
        padding-left: 30px
    }
}

.recent-articles-and-posts__title {
    font-weight: 600
}

.recent-articles-and-posts__list {
    padding-left: 0;
    list-style: none
}

@media(min-width: 768px) {
    .recent-articles-and-posts-item:nth-child(4n+1) {
        clear:left
    }
}

.discussions-menu {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 24px;
    border-bottom: 2px solid #eceeef
}

.discussions-menu a {
    display: inline-block;
    margin-bottom: 24px;
    margin-left: 16px
}

ul.ui-autocomplete {
    display: block;
    background: #fff;
    padding-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    font-size: 16px;
    overflow: hidden;
    border-color: #efefef
}

ul.ui-autocomplete .match {
    font-weight: 600;
    background-color: transparent
}

ul.ui-autocomplete .label {
    color: #979797;
    background-color: transparent
}

ul.ui-autocomplete li.article-item,ul.ui-autocomplete li.topic-item,ul.ui-autocomplete li.ticket-item,ul.ui-autocomplete li.note-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px
}

ul.ui-autocomplete li.article-item a,ul.ui-autocomplete li.topic-item a,ul.ui-autocomplete li.ticket-item a,ul.ui-autocomplete li.note-item a {
    color: #2d2d2d
}

ul.ui-autocomplete li.article-item:before,ul.ui-autocomplete li.topic-item:before,ul.ui-autocomplete li.ticket-item:before,ul.ui-autocomplete li.note-item:before {
    display: none
}

.ui-autocomplete li:last-child {
    border-bottom: 0
}

.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    background-color: #f3f3f3
}

.ui-state-focus a,.ui-widget-content .ui-state-focus a,.ui-widget-header .ui-state-focus a {
    color: #2d2d2d
}

.announcements-list {
    margin-bottom: 24px
}

.announcements-list-item+.announcements-list-item {
    border-top: 1px solid #eceeef;
    padding-top: 24px
}

#article-author {
    display: none
}

.vote-feedback {
    margin-left: 0
}

.vote-up,.vote-down {
    color: #2d2d2d;
    background-color: #eceeef;
    border-color: #eceeef
}

.vote-up:hover,.vote-up:focus,.vote-up:active,.vote-down:hover,.vote-down:focus,.vote-down:active {
    color: #0e0e0e;
    background-color: #d0d5d8;
    border-color: #cbd0d3
}

.vote-up:active,.vote-down:active {
    background-image: none
}

.vote-down:before {
    display: none
}

#vote-feedback-container,.article-vote {
    margin-bottom: 0;
    margin-bottom: 24px;
    position: relative;
    padding: 24px 12px;
    border: 2px solid #eceeef;
    border-radius: 4px
}

#vote-feedback-container .lead {
    font-weight: 400
}

.sol-feedback-message {
    display: block
}

.related-articles h3 {
    margin-bottom: 12px
}

@media(min-width: 768px) {
    .related-articles h3 {
        margin-top:12px
    }
}

.related-articles ul {
    list-style: none;
    padding-left: 0
}

.related-articles ul>li {
    margin-bottom: 8px
}

.related-articles ul>li a {
    color: #2d2d2d;
    border-bottom: 1px solid #eceeef;
    padding-bottom: 1px
}

.accordion {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding-top: 0;
    margin-bottom: 24px
}

.accordion__item-title {
    position: relative;
    font-size: 20px;
    padding: 15px 20px 15px 52px;
    cursor: pointer
}

.accordion__item-title:not(.accordion__item-title--active) {
    border-bottom: 1px solid #ddd
}

.accordion__item-title:before {
    content: '';
    position: absolute
}

.accordion__item-content {
    display: none;
    padding: 20px;
    border-bottom: 1px solid #ddd
}

.accordion__item-content p:last-child {
    margin-bottom: 0
}

.accordion__item:last-child .accordion__item-title {
    border-bottom: none
}

.accordion--default .accordion__item-title:before {
    left: 22px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid #3375bb;
    border-left: 2px solid #3375bb;
    transform: rotate(-45deg);
    transition: transform .3s
}

.accordion--default .accordion__item-title--active {
    background-color: #f0f0f0
}

.accordion--default .accordion__item-title--active:before {
    transform: rotate(135deg);
    transition: transform .3s
}

.accordion--colored .accordion__item-title {
    transition: background-color .3s
}

.accordion--colored .accordion__item-title:before,.accordion--colored .accordion__item-title:after {
    top: 50%
}

.accordion--colored .accordion__item-title:before {
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-color: #777;
    left: 20px
}

.accordion--colored .accordion__item-title:after {
    content: '';
    position: absolute;
    left: 24px;
    width: 2px;
    height: 10px;
    margin-top: -5px;
    background-color: #777
}

.accordion--colored .accordion__item-title--active {
    background-color: #3375bb;
    color: #fff;
    transition: background-color .3s
}

.accordion--colored .accordion__item-title--active:before {
    background-color: #fff
}

.accordion--colored .accordion__item-title--active:after {
    display: none
}

img.fr-bordered {
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: 4px
}

.image-with-shadow {
    box-shadow: 0 5px 15px 2px #555
}

.image-with-lightbox {
    cursor: pointer
}

.image-overlay {
    position: relative
}

.image-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.3)
}

.image-with-video-icon {
    position: relative;
    display: block
}

.image-with-video-icon img {
    width: 100%
}

.image-with-video-icon:before {
    content: '';
    font-size: 0;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 60px;
    border-color: transparent transparent transparent #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: transform .6s ease;
    z-index: 3
}

.image-with-video-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 2
}

.image-with-video-icon:active:before,.image-with-video-icon:hover:before {
    transform: translate(-50%,-50%) scale(1.1)
}

img.fr-rounded {
    border-radius: 100%;
    background-clip: padding-box
}

.callout {
    padding: 24px 20px;
    margin-bottom: 24px;
    background-color: #eceeef;
    border-left-width: 5px;
    border-left-style: solid
}

.callout p:last-child {
    margin-bottom: 0
}

.callout--transparent {
    background-color: transparent;
    border-width: 1px;
    border-color: #dedede;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.14)
}

.callout--success {
    background-color: rgba(0,202,26,.23);
    color: #2d2d2d;
    border-color: #5cb85c
}

.callout--success .callout__title {
    color: #5cb85c
}

.callout--info {
    color: #2d2d2d;
    background-color: #daf1f8;
    border-color: #5bc0de
}

.callout--info .callout__title {
    color: #5bc0de
}

.callout--warning {
    color: #2d2d2d;
    background-color: #fceedb;
    border-color: #f0ad4e
}

.callout--warning .callout__title {
    color: #f0ad4e
}

.callout--danger {
    color: #2d2d2d;
    background-color: #f4cecd;
    border-color: #d9534f
}

.callout--danger .callout__title {
    color: #ff1515
}

.callout--primary {
    color: #fff;
    background-color: #46ccf9;
    border-color: #3375bb
}

.callout--primary .callout__title {
    color: #fff
}

.callout--dashed {
    border-width: 1px;
    border-style: dashed
}

.list-colored,.list-bullet {
    counter-reset: list;
    list-style-type: none!important;
    padding-left: 0!important;
    margin-left: 0!important
}

.list-colored li {
    position: relative;
    padding-left: 42px;
    counter-increment: list;
    margin-bottom: 16px!important
}

.list-colored li:before {
    position: absolute;
    top: -3px;
    left: 0;
    content: counter(list);
    text-align: center;
    font-size: 14px;
    width: 30px;
    height: 30px;
    background-color: #3375bb;
    border-radius: 50%;
    z-index: 1;
    color: #fff;
    line-height: 30px
}

.list-colored ol {
    counter-reset: list;
    list-style-type: none;
    margin-bottom: 14px
}

.list-bullet li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.list-bullet li:before {
    position: absolute;
    left: 0;
    top: -2px;
    font-family: fontawesome;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    content: "";
    color: #3375bb
}

.list-bullet ul {
    list-style: none;
    margin-bottom: 14px
}

.table,.article__body table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
    background-color: transparent;
    border-top: 1px solid #ddd
}

.table td,.table th,.article__body table td,.article__body table th {
    text-align: left;
    padding: 8px;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: 5px
}

.table td[class*=col-],.table th[class*=col-],.article__body table td[class*=col-],.article__body table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table thead th,.article__body table thead th {
    vertical-align: bottom
}

.table tbody+tbody,.article__body table tbody+tbody {
    border-top: 1px solid #ddd
}

.table caption,.article__body table caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

.table col[class*=col-],.article__body table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td,.article__body table>thead>tr>th,.article__body table>thead>tr>td,.article__body table>tbody>tr>th,.article__body table>tbody>tr>td,.article__body table>tfoot>tr>th,.article__body table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.5;
    vertical-align: top
}

.table .table,.article__body table .table {
    background-color: #fff
}

.table-color-header th {
    background-color: #3375bb;
    color: #fff
}

.table-hover tbody tr:hover {
    background-color: #eceeef;
    color: inherit
}

.fr-thick {
    border-width: 2px
}

.fr-highlighted {
    border: 1px double #ff5252
}

.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.article__body .fr-no-borders,.fr-no-borders thead th,.fr-no-borders tbody td {
    border-style: none
}

.article__body .fr-dashed-borders,.fr-dashed-borders thead th,.fr-dashed-borders tbody td {
    border: 1px dashed #ddd;
    border-top: 1px dashed #ddd
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 18px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }
}

.tabs {
    margin-bottom: 24px
}

.tab {
    display: block;
    border: 1px solid #ddd;
    padding: 30px;
    margin-top: -1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.tab p:last-child {
    margin-bottom: 0
}

@media(min-width: 768px) {
    .tab {
        border-top-left-radius:4px;
        border-top-right-radius: 4px
    }
}

.tab:nth-child(2) {
    border-top-left-radius: 0
}

.tabs-link {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 8px 30px;
    color: #2d2d2d;
    font-weight: 600;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: transparent
}

.tabs-link:hover {
    color: #3375bb
}

@media(max-width: 767px) {
    .tabs-link {
        border-top-color:#ddd;
        border-left-color: #ddd;
        border-right-color: #ddd
    }

    .tabs-link:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

@media(min-width: 768px) {
    .tabs-link {
        display:inline-block
    }
}

.is-hidden {
    display: none
}

.tabs-link.is-active {
    border-color: #ddd;
    color: #3375bb;
    cursor: pointer
}

.tabs-link.is-active:hover {
    color: #3375bb;
    cursor: default
}

@media(min-width: 768px) {
    .tabs-link.is-active {
        border-bottom:1px solid #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }
}

.tabs--colored-1 .tab {
    background-color: #f7f7f9!important
}

.tabs--colored-1 .tabs-link.is-active {
    background-color: #f7f7f9;
    border-bottom-color: #f7f7f9
}

.tabs--colored-2 .tabs-link:hover {
    color: #3375bb
}

.tabs--colored-2 .tabs-link.is-active {
    background-color: #3375bb;
    color: #fff;
    border-color: #3375bb
}

.tabs--colored-2 .tabs-link.is-active:hover {
    color: #fff
}

.tabs--colored-2 .tab {
    background-color: #f7f7f9!important
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-primary {
    background-color: #78dafa
}

.text-info {
    background-color: #5bc0de
}

.text-warning {
    background-color: #ffcd40
}

.text-danger {
    background-color: #ff5252
}

.text-success {
    background-color: #29b473
}

.fr-text-gray {
    color: #aaa
}

.fr-text-uppercase {
    text-transform: uppercase
}

.fr-text-bordered {
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef
}

.fr-text-spaced {
    letter-spacing: 1px
}

.fr-video,.embed,.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 1
}

.fr-video img,.embed img,.embed-responsive img {
    width: 100%
}

.fr-video iframe,.fr-video embed,.fr-video object,.fr-video video,.embed iframe,.embed embed,.embed object,.embed video,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.fr-video:focus,.embed:focus,.embed-responsive:focus {
    outline: none!important
}

.embed-responsive--16by9 {
    padding-bottom: 56.25%
}

.embed-responsive--4by3 {
    padding-bottom: 75%
}