/* Troopsy branding preserved from the existing theme; functional templates use HESK 3.7.13. */
.attach .btn-full {
background-color: #333;
    color: #ffd700;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.btn--blue-border {
width: auto;
    padding: 0 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    border: 1px solid #fff7cc;
    color: #333;
    font-weight: bold;
    background-color: #ffd700;
    border-radius: 100px;
}

.form-group label {
display: block;
    margin-bottom: 4px;
    color: #333;
    font-weight: bold;
}

.form input.form-control, .form textarea.form-control {
height: 40px;
    width: 100%;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 25px;
    background-color: #eaeaea;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .1px;
    -webkit-appearance: none;
    outline: 0;
    color: #333;
    transition: all 250ms ease;
    border: 0;
}

.ticket__body_block {
background-color: #dfdfdf;
    margin-bottom: 24px;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(38, 40, 42, .1);
    padding: 15px 24px 24px;
    text-align: justify;
    border-radius: 25px;
}

.ticket__params .params--block .row .title {
color: #333;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.breadcrumbs {
margin-bottom: 0;
    background-color: #333333;
}

.breadcrumbs__inner a {
display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: inherit;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: .1px;
    color: #ffd700
}

.breadcrumbs__inner a:hover {
color: #b39800
}

.breadcrumbs__inner .icon {
fill: #ffd700;
    font-size: 8px;
    margin: 0 .4em 0 .5em
}

.breadcrumbs__inner .last {
color: #fff7cc
}

.search__form {
background-color: transparant;
    padding: 16px
}

.search__form .form-group input {
width: 100%;
    height: 56px;
    padding: 17px 16px 17px 56px;
    background-color: #333;
    border-color: transparent;
    font-size: 14px;
    transition: all .3s ease;
    border-radius: 100px;
    color: #ffd700
}

.search__form .form-group input:-ms-input-placeholder {
line-height: 1.57;
    letter-spacing: .1px;
    color: #fff7cc
}

.search__form .form-group input::placeholder {
line-height: 1.57;
    letter-spacing: .1px;
    color: #fff7cc
}

.search__form .form-group .icon-search {
font-size: 20px;
    fill: #ffd700
}

.cust-help .lightgrey {
color: #333
}

.cust-help .header {
border-bottom: none;
    background-color: #111111
}

.cust-help .header__inner {
display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 0
}

.tabbed__head {
margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tabbed__head .tabbed__head_tabs li.current {
color: #ffd700;
    background-color: #333;
    box-shadow: 0 4px 8px 0 rgba(38, 40, 42, .3)
}

.tabbed__tabs .tabbed__tabs_tab.is-visible {
display: -ms-flexbox;
    display: flex;
    border-radius: 25px;
}

.icon-in-circle {
width: 40px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffd700;
    border-radius: 50%
}

.icon-in-circle .icon {
fill: #333;
    font-size: 20px
}

.navlink {
display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 344px;
    margin: 16px;
    padding: 16px;
    box-shadow: 0 4px 8px 0 rgba(38, 40, 42, .3);
    background-color: #333;
    letter-spacing: .1px;
    color: #fff7cc;
    transition: none;
    border-radius: 100px;
}

.navlink .navlink__title {
font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: #ffd700
}

.article .block__head {
padding: 20px 0;
    border-bottom: 0;
    background-color: transparent;
    color: #333 !important;
    font-weight: bold;
}

.article__heading {
margin: 12px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #333;
    letter-spacing: .1px;
    text-align: center
}

.preview {
display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 24px 16px;
    border-bottom: none;
    background-color: #cccccc;
    border-radius: 25px;
}

.preview:hover {
background-color: #dfdfdf
}

.preview:hover .icon-in-circle .icon {
fill: #ccad00
}

.preview .preview__title {
margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    letter-spacing: .11px;
    color: #333
}

.preview__text p {
margin-top: 8px;
    color: #444;
}

.form-submit-ticket {
margin-bottom: 24px;
    padding: 24px 32px 56px;
    border-radius: 2px;
    background-color: #dfdfdf;
    border-radius: 25px;
}

.param .label.required {
margin-right: 16px;
    color: #333;
    font-weight: bold
}

.param--attach .label {
margin-right: 22px;
    color: #333;
    font-weight: bold;
}

.form-footer .btn {
min-width: 240px;
    height: 56px;
    background-color: #333;
    color: #ffd700;
    border-radius: 50px;
}

.wrapper {
display: -ms-flexbox;
    display: flex;
    flex: 1 0 auto;
    width: 100%;
    font-family: Lato, Arial, sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: .1px;
    background-color: #fff;
}

.main__content {
-ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #eaeaea
}

.article .block__head .h-3 {
color: #333!important;
    font-weight: bold;
}

.dropzone {
min-height: inherit;
    padding: 0;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-color: #eaeaea;
    background-color: #eaeaea;
}