@charset "UTF-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body,html{
    height:100%
}
body{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before{
    content:'';
    content:none
}
q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a{
    text-decoration:none;
    color:#2c70a2;
    transition:color 250ms ease
}
a:hover{
    color:#56036d;    
    text-decoration:none
}
.footer a{
    text-decoration:underline!important;
    color:#2c70a2
}
.footer a:hover{
    text-decoration:none!important
}
.icon-01-normal-knowledge-b{
    width:1.2em;
    height:1em;
    fill:none
}
.icon-01-normal-team{
    width:1.41em;
    height:1em;
    fill:#fff
}
.icon-01-normal-tickets{
    width:.82em;
    height:1em;
    fill:#fff
}
.icon-actions{
    width:1.23em;
    height:1em;
    fill:#2c70a2
}
.icon-add{
    width:1em;
    height:1em;
    fill:#2c70a2
}
.icon-anonymize{
    width:.88em;
    height:1em;
    fill:#c5cad4
}
.icon-assign-no{
    width:.96em;
    height:1em;
    fill:#26282a
}
.icon-assign-plus{
    width:1em;
    height:1em;
    fill:#26282a
}
.icon-assign{
    width:.86em;
    height:1em;
    fill:#26282a
}
.icon-attach{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-back{
    width:3.33em;
    height:1em;
    fill:#26282a
}
.icon-calendar{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-categories{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-chevron-down{
    width:1.33em;
    height:1em;
    fill:#26282a
}
.icon-chevron-left{
    width:1em;
    height:1em;
    fill:initial
}
.icon-chevron-right{
    width:1em;
    height:1em;
    fill:initial
}
.icon-close-mobile{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-close{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-cross{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-delete{
    width:.94em;
    height:1em;
    fill:#c5cad4
}
.icon-dismiss{
    width:1em;
    height:1em;
    fill:#2c70a2
}
.icon-document{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-down{
    width:1.33em;
    height:1em;
    fill:#26282a
}
.icon-edit-ticket{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-edit{
    width:1em;
    height:1em;
    fill:#2c70a2
}
.icon-export{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-eye-close{
    width:1.33em;
    height:1em;
    fill:#c5cad4
}
.icon-eye-open{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-filters{
    width:1em;
    height:1em;
    fill:#2c70a2
}
.icon-folder{
    width:1.22em;
    height:1em;
    fill:#959eb0
}
.icon-info{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-inquiries{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-knowledge{
    width:1.2em;
    height:1em;
    fill:#fff
}
.icon-label{
    width:1.33em;
    height:1em;
    fill:#959eb0
}
.icon-lock{
    width:.88em;
    height:1em;
    fill:#c5cad4
}
.icon-log-out{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-mail-small{
    width:1.14em;
    height:1em;
    fill:#c5cad4
}
.icon-mail{
    width:1.22em;
    height:1em;
    fill:#c5cad4
}
.icon-menu-mobile{
    width:1.14em;
    height:1em;
    fill:#fff
}
.icon-menu{
    width:1.43em;
    height:1em;
    fill:#fff
}
.icon-merge{
    width:1em;
    height:1em;
    fill:#26282a
}
.icon-modules{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-move-to{
    width:1em;
    height:1em;
    fill:#26282a
}
.icon-no-photo{
    width:.68em;
    height:1em;
    fill:#fff
}
.icon-note{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-notes-2{
    width:1em;
    height:1em;
    fill:none
}
.icon-notification{
    width:.91em;
    height:1em;
    fill:#c5cad4
}
.icon-pause{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-pin{
    width:.63em;
    height:1em;
    fill:#959eb0
}
.icon-print{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-priority{
    width:1em;
    height:1em;
    fill:#26282a
}
.icon-refresh{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-reports{
    width:1.22em;
    height:1em;
    fill:#fff
}
.icon-search-type-knowledge{
    width:1.2em;
    height:1em;
    fill:#fff
}
.icon-search-type-team{
    width:1.41em;
    height:1em;
    fill:#fff
}
.icon-search-type-templates{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-search-type-tickets{
    width:.82em;
    height:1em;
    fill:#fff
}
.icon-search{
    width:1em;
    height:1em;
    fill:#c5cad4
}
.icon-select{
    width:.5em;
    height:1em;
    fill:#959eb0
}
.icon-settings{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-smile-bad{
    width:1em;
    height:1em;
    fill:#969eb0
}
.icon-smile-good{
    width:1em;
    height:1em;
    fill:#969eb0
}
.icon-smile-neutral{
    width:1em;
    height:1em;
    fill:#969eb0
}
.icon-star-filled{
    width:5.6em;
    height:1em;
    fill:#eeb707
}
.icon-star-stroke{
    width:5.6em;
    height:1em;
    fill:#dfe4ec
}
.icon-status{
    width:.88em;
    height:1em;
    fill:#26282a
}
.icon-submit-ticket{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-support{
    width:1em;
    height:1em;
    fill:#959eb0
}
.icon-tag{
    width:1.33em;
    height:1em;
    fill:#c5cad4
}
.icon-team{
    width:1.41em;
    height:1em;
    fill:#fff
}
.icon-templates{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-thumb-up{
    width:1em;
    height:1em;
    fill:#969eb0
}
.icon-thumb-down{
    width:1em;
    height:1em;
    fill:#969eb0
}
.icon-tick{
    width:1.38em;
    height:1em;
    fill:#56036d
}
.icon-tickets{
    width:.82em;
    height:1em;
    fill:#fff
}
.icon-tools{
    width:1em;
    height:1em;
    fill:#fff
}
.icon-warning{
    width:1em;
    height:1em;
    fill:initial
}
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{
    visibility:visible!important;
    background:#f2f2f2!important;
    background:rgba(0,0,0,.06)!important;
    border:0 none!important;
    box-shadow:inset 0 0 12px 4px #fff
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{
    content:'!';
    visibility:hidden
}
.selectize-control.plugin-drag_drop .ui-sortable-helper{
    box-shadow:0 2px 5px rgba(0,0,0,.2)
}
.selectize-dropdown-header{
    position:relative;
    padding:5px 8px;
    border-bottom:1px solid #d0d0d0;
    background:#f8f8f8;
    border-radius:3px 3px 0 0
}
.selectize-dropdown-header-close{
    position:absolute;
    right:8px;
    top:50%;
    color:#303030;
    opacity:.4;
    margin-top:-12px;
    line-height:20px;
    font-size:20px!important
}
.selectize-dropdown-header-close:hover{
    color:#000
}
.selectize-dropdown.plugin-optgroup_columns .optgroup{
    border-right:1px solid #f2f2f2;
    border-top:0 none;
    float:left;
    box-sizing:border-box
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{
    border-right:0 none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before{
    display:none
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header{
    border-top:0 none
}
.selectize-control.plugin-remove_button [data-value]{
    position:relative;
    padding-right:24px!important
}
.selectize-control.plugin-remove_button [data-value] .remove{
    z-index:1;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:17px;
    text-align:center;
    font-weight:700;
    font-size:12px;
    color:inherit;
    text-decoration:none;
    vertical-align:middle;
    display:inline-block;
    padding:2px 0 0;
    border-left:1px solid #d0d0d0;
    border-radius:0 2px 2px 0;
    box-sizing:border-box
}
.selectize-control.plugin-remove_button [data-value] .remove:hover{
    background:rgba(0,0,0,.05)
}
.selectize-control.plugin-remove_button [data-value].active .remove{
    border-left-color:#cacaca
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover{
    background:0 0
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove{
    border-left-color:#fff
}
.selectize-control.plugin-remove_button .remove-single{
    position:absolute;
    right:0;
    top:0;
    font-size:23px
}
.selectize-control{
    position:relative
}
.selectize-dropdown,.selectize-input,.selectize-input input{
    color:#56036d    font-family:inherit;
    font-size:13px;
    line-height:18px;
    -webkit-font-smoothing:inherit
}
.selectize-control.single .selectize-input.input-active,.selectize-input{
    background:#fff;
    cursor:text;
    display:inline-block
}
.selectize-input{
    border:1px solid #d0d0d0;
    padding:8px;
    display:inline-block;
    width:100%;
    overflow:hidden;
    position:relative;
    z-index:1;
    box-sizing:border-box;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.1);
    border-radius:3px
}
.selectize-input.full{
    background-color:#fff
}
.selectize-input.disabled,.selectize-input.disabled *{
    cursor:default!important
}
.selectize-input.focus{
    box-shadow:inset 0 1px 2px rgba(0,0,0,.15)
}
.selectize-input.dropdown-active{
    border-radius:3px 3px 0 0
}
.selectize-input>*{
    vertical-align:baseline;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1
}
.selectize-control.multi .selectize-input>div{
    cursor:pointer;
    margin:0 3px 3px 0;
    padding:2px 6px;
    background:#f2f2f2;
    color:#303030;
    border:0 solid #d0d0d0
}
.selectize-control.multi .selectize-input>div.active{
    background:#e8e8e8;
    color:#303030;
    border:0 solid #cacaca
}
.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{
    color:#7d7d7d;
    background:#fff;
    border:0 solid #fff
}
.selectize-input>input{
    display:inline-block!important;
    padding:0!important;
    min-height:0!important;
    max-height:none!important;
    max-width:100%!important;
    margin:0 2px 0 0!important;
    text-indent:0!important;
    border:0 none!important;
    background:0 0!important;
    line-height:inherit!important;
    -webkit-user-select:auto!important;
    box-shadow:none!important
}
.selectize-input>input::-ms-clear{
    display:none
}
.selectize-input>input:focus{
    outline:0!important
}
.selectize-input::after{
    content:' ';
    display:block;
    clear:left
}
.selectize-input.dropdown-active::before{
    content:' ';
    display:block;
    position:absolute;
    background:#f0f0f0;
    height:1px;
    bottom:0;
    left:0;
    right:0
}
.selectize-dropdown{
    position:absolute;
    z-index:10;
    border:1px solid #d0d0d0;
    background:#fff;
    margin:-1px 0 0;
    border-top:0 none;
    box-sizing:border-box;
    box-shadow:0 1px 3px rgba(0,0,0,.1);
    border-radius:0 0 3px 3px
}
.selectize-dropdown [data-selectable]{
    cursor:pointer;
    overflow:hidden
}
.selectize-dropdown [data-selectable] .highlight{
    background:rgba(125,168,208,.2);
    border-radius:1px
}
.selectize-dropdown .optgroup-header,.selectize-dropdown .option{
    padding:5px 8px
}
.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{
    cursor:inherit;
    opacity:.5
}
.selectize-dropdown [data-selectable].option{
    opacity:1
}
.selectize-dropdown .optgroup:first-child .optgroup-header{
    border-top:0 none
}
.selectize-dropdown .optgroup-header{
    color:#303030;
    background:#fff;
    cursor:default
}
.selectize-dropdown .active{
    background-color:#f5fafd;
    color:#495c68
}
.selectize-dropdown .active.create{
    color:#495c68
}
.selectize-dropdown .create{
    color:rgba(48,48,48,.5)
}
.selectize-dropdown-content{
    overflow-y:auto;
    overflow-x:hidden;
    max-height:200px;
    -webkit-overflow-scrolling:touch
}
.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{
    cursor:pointer
}
.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{
    cursor:text
}
.selectize-control.single .selectize-input:after{
    content:' ';
    display:block;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-3px;
    width:0;
    height:0;
    border-style:solid;
    border-width:5px 5px 0;
    border-color:gray transparent transparent
}
.selectize-control.single .selectize-input.dropdown-active:after{
    margin-top:-4px;
    border-width:0 5px 5px;
    border-color:transparent transparent gray
}
.selectize-control.rtl.single .selectize-input:after{
    left:15px;
    right:auto
}
.selectize-control.rtl .selectize-input>input{
    margin:0 4px 0 -2px!important
}
.selectize-control .selectize-input.disabled{
    opacity:.5;
    background-color:#fafafa
}
.selectize-input{
    padding:11px 12px;
    width:auto!important;
    border:solid 1px #d4d6e3;
    transition:all 250ms ease
}
.selectize-input.input-active{
    border:solid 1px #2c70a2!important
}
.selectize-input:hover,.selectize-input.dropdown-active:hover{
    border:solid 1px #56036d!important;
    background-color:#2c70a2!important;
    color:#fff
}
.selectize-control.input-tags{
    line-height:1;
    margin-left:24px
}
.selectize-control.multi .selectize-input>div{
    margin:0 6px 0 0;
    padding:0;
    background:0 0;
    color:#26282a;
    border:none
}
.selectize-control{
    display:-ms-flexbox;
    display:flex
}
.selectize-control .selectize-input{
    border-radius:2px;
    border:solid 1px #2c70a2;
    box-shadow:none;
    min-width:100px;
    padding:0 30px 0 12px;
    height:40px;
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-align:center;
    align-items:center;
    transition:all 250ms ease;
    z-index:8
}
.selectize-control .selectize-input:after{
    border:none!important;
    background:transparent url(../img/chevron-down.svg) no-repeat center;
    width:8px!important;
    height:8px!important;
    opacity:.25!important;
    transition:all 250ms ease
}
.selectize-control .selectize-input.focus::after{
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.selectize-control .selectize-dropdown{
    box-shadow:0 2px 5px 0 rgba(38,40,42,.3);
    border:none
}
.selectize-control .selectize-dropdown .option{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:40px;
    padding:0 32px 0 16px;
    color:#56036d
}
.selectize-control .selectize-dropdown .option.active{
    background-color:#2c70a2;
    color:#fff
}
.selectize-dropdown{
    width:auto!important
}
.selectize-dropdown .optgroup-header,.selectize-dropdown [data-selectable]{
    white-space:nowrap
}
.selectize-control.isError .selectize-input{
    border:solid 1px #e64342!important
}
.datepicker--cells{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.datepicker--cell{
    border-radius:4px;
    box-sizing:border-box;
    cursor:pointer;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:32px;
    z-index:1
}
.datepicker--cell.-focus-{
    background:#f0f0f0
}
.datepicker--cell.-current-{
    color:#4eb5e6
}
.datepicker--cell.-current-.-focus-{
    color:#4a4a4a
}
.datepicker--cell.-current-.-in-range-{
    color:#4eb5e6
}
.datepicker--cell.-in-range-{
    background:rgba(92,196,239,.1);
    color:#4a4a4a;
    border-radius:0
}
.datepicker--cell.-in-range-.-focus-{
    background-color:rgba(92,196,239,.2)
}
.datepicker--cell.-disabled-{
    cursor:default;
    color:#aeaeae
}
.datepicker--cell.-disabled-.-focus-{
    color:#aeaeae
}
.datepicker--cell.-disabled-.-in-range-{
    color:#a1a1a1
}
.datepicker--cell.-disabled-.-current-.-focus-{
    color:#aeaeae
}
.datepicker--cell.-range-from-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:4px 0 0 4px
}
.datepicker--cell.-range-to-{
    border:1px solid rgba(92,196,239,.5);
    background-color:rgba(92,196,239,.1);
    border-radius:0 4px 4px 0
}
.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{
    color:#fff;
    background:#5cc4ef
}
.datepicker--cell.-range-from-.-range-to-{
    border-radius:4px
}
.datepicker--cell.-selected-{
    border:none
}
.datepicker--cell.-selected-.-focus-{
    background:#45bced
}
.datepicker--cell:empty{
    cursor:default
}
.datepicker--days-names{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:8px 0 3px
}
.datepicker--day-name{
    color:#ff9a19;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex:1;
    flex:1;
    text-align:center;
    text-transform:uppercase;
    font-size:.8em
}
.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{
    display:none
}
.datepicker--cell-day{
    width:14.28571%
}
.datepicker--cells-months{
    height:170px
}
.datepicker--cell-month{
    width:33.33%;
    height:25%
}
.datepicker--cells-years,.datepicker--years{
    height:170px
}
.datepicker--cell-year{
    width:25%;
    height:33.33%
}
.datepickers-container{
    position:absolute;
    left:0;
    top:0
}
@media print{
    .datepickers-container{
        display:none
    }
}
.datepicker{
    background:#fff;
    border:1px solid #dbdbdb;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    border-radius:4px;
    box-sizing:content-box;
    font-family:Tahoma,sans-serif;
    font-size:14px;
    color:#56036d    width:250px;
    position:absolute;
    left:-100000px;
    opacity:0;
    transition:opacity .3s ease,transform .3s ease,left 0 .3s;
    z-index:100
}
.datepicker.-from-top-{
    -ms-transform:translateY(-8px);
    transform:translateY(-8px)
}
.datepicker.-from-right-{
    -ms-transform:translateX(8px);
    transform:translateX(8px)
}
.datepicker.-from-bottom-{
    -ms-transform:translateY(8px);
    transform:translateY(8px)
}
.datepicker.-from-left-{
    -ms-transform:translateX(-8px);
    transform:translateX(-8px)
}
.datepicker.active{
    opacity:1;
    -ms-transform:translate(0);
    transform:translate(0);
    transition:opacity .3s ease,transform .3s ease,left 0 0
}
.datepicker-inline .datepicker{
    border-color:#d7d7d7;
    box-shadow:none;
    position:static;
    left:auto;
    right:auto;
    opacity:1;
    -ms-transform:none;
    transform:none
}
.datepicker--content{
    box-sizing:content-box;
    padding:4px
}
.datepicker--pointer{
    position:absolute;
    background:#fff;
    border-top:1px solid #dbdbdb;
    border-right:1px solid #dbdbdb;
    width:10px;
    height:10px;
    z-index:-1
}
.datepicker--nav-action:hover,.datepicker--nav-title:hover{
    background:#f0f0f0
}
.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{
    top:calc(100% - 4px);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{
    right:calc(100% - 4px);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg)
}
.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{
    bottom:calc(100% - 4px);
    -ms-transform:rotate(315deg);
    transform:rotate(315deg)
}
.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{
    left:calc(100% - 4px);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{
    left:10px
}
.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{
    right:10px
}
.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{
    left:calc(50% - 10px / 2)
}
.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{
    top:10px
}
.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{
    bottom:10px
}
.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{
    top:calc(50% - 10px / 2)
}
.datepicker--body.active{
    display:block
}
.datepicker--nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    border-bottom:1px solid #efefef;
    min-height:32px;
    padding:4px
}
.-only-timepicker- .datepicker--nav{
    display:none
}
.datepicker--nav-action,.datepicker--nav-title{
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.datepicker--nav-action{
    width:32px;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.datepicker--nav-action.-disabled-{
    visibility:hidden
}
.datepicker--nav-action svg{
    width:32px;
    height:32px
}
.datepicker--nav-action path{
    fill:none;
    stroke:#9c9c9c;
    stroke-width:2px
}
.datepicker--nav-title{
    border-radius:4px;
    padding:0 8px
}
.datepicker--buttons,.datepicker--time{
    border-top:1px solid #efefef;
    padding:4px
}
.datepicker--nav-title i{
    font-style:normal;
    color:#9c9c9c;
    margin-left:5px
}
.datepicker--nav-title.-disabled-{
    cursor:default;
    background:0 0
}
.datepicker--buttons{
    display:-ms-flexbox;
    display:flex
}
.datepicker--button{
    color:#4eb5e6;
    cursor:pointer;
    border-radius:4px;
    -ms-flex:1;
    flex:1;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    height:32px
}
.datepicker--button:hover{
    color:#4a4a4a;
    background:#f0f0f0
}
.datepicker--time{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.datepicker--time.-am-pm- .datepicker--time-sliders{
    -ms-flex:0 1 138px;
    flex:0 1 138px;
    max-width:138px
}
.-only-timepicker- .datepicker--time{
    border-top:none
}
.datepicker--time-sliders{
    -ms-flex:0 1 153px;
    flex:0 1 153px;
    margin-right:10px;
    max-width:153px
}
.datepicker--time-label{
    display:none;
    font-size:12px
}
.datepicker--time-current{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex:1;
    flex:1;
    font-size:14px;
    text-align:center;
    margin:0 0 0 10px
}
.datepicker--time-current-colon{
    margin:0 2px 3px;
    line-height:1
}
.datepicker--time-current-hours,.datepicker--time-current-minutes{
    line-height:1;
    font-size:19px;
    font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;
    position:relative;
    z-index:1
}
.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{
    content:'';
    background:#f0f0f0;
    border-radius:4px;
    position:absolute;
    left:-2px;
    top:-3px;
    right:-2px;
    bottom:-2px;
    z-index:-1;
    opacity:0
}
.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{
    opacity:1
}
.datepicker--time-current-ampm{
    text-transform:uppercase;
    -ms-flex-item-align:end;
    align-self:flex-end;
    color:#9c9c9c;
    margin-left:6px;
    font-size:11px;
    margin-bottom:1px
}
.datepicker--time-row{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    font-size:11px;
    height:17px;
    background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}
.datepicker--time-row:first-child{
    margin-bottom:4px
}
.datepicker--time-row input[type=range]{
    background:0 0;
    cursor:pointer;
    -ms-flex:1;
    flex:1;
    height:100%;
    padding:0;
    margin:0;
    -webkit-appearance:none
}
.datepicker--time-row input[type=range]::-ms-tooltip{
    display:none
}
.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-moz-range-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:hover::-ms-thumb{
    border-color:#b8b8b8
}
.datepicker--time-row input[type=range]:focus{
    outline:0
}
.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-moz-range-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]:focus::-ms-thumb{
    background:#5cc4ef;
    border-color:#5cc4ef
}
.datepicker--time-row input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s;
    margin-top:-6px
}
.datepicker--time-row input[type=range]::-moz-range-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s
}
.datepicker--time-row input[type=range]::-ms-thumb{
    box-sizing:border-box;
    height:12px;
    width:12px;
    border-radius:3px;
    border:1px solid #dedede;
    background:#fff;
    cursor:pointer;
    transition:background .2s
}
.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-moz-range-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-track{
    border:none;
    height:1px;
    cursor:pointer;
    color:transparent;
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-fill-lower{
    background:0 0
}
.datepicker--time-row input[type=range]::-ms-fill-upper{
    background:0 0
}
.datepicker--time-row span{
    padding:0 12px
}
.datepicker--time-icon{
    color:#9c9c9c;
    border:1px solid;
    border-radius:50%;
    font-size:16px;
    position:relative;
    margin:0 5px -1px 0;
    width:1em;
    height:1em
}
.datepicker--time-icon:after,.datepicker--time-icon:before{
    content:'';
    background:currentColor;
    position:absolute
}
.datepicker--time-icon:after{
    height:.4em;
    width:1px;
    left:calc(50% - 1px);
    top:calc(50% + 1px);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%)
}
.datepicker--time-icon:before{
    width:.4em;
    height:1px;
    top:calc(50% + 1px);
    left:calc(50% - 1px)
}
.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{
    color:#bbb
}
.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{
    color:#c5c5c5
}
.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{
    color:#dedede
}
.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{
    color:#fff;
    background:#a2ddf6
}
.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{
    background:#8ad5f4
}
.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.1);
    color:#ccc
}
.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{
    background-color:rgba(92,196,239,.2)
}
.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{
    background:0 0;
    border:none
}
@font-face{
    font-family:Lato;
    src:url(../fonts/Lato-Regular.eot);
    src:url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Regular.woff2) format("woff2"),url(../fonts/Lato-Regular.woff) format("woff"),url(../fonts/Lato-Regular.ttf) format("truetype"),url(https://www.hesk.com/demo/theme/hesk3/customer/fonts/Lato-Regular.svg#Lato-Regular) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Lato;
    src:url(../fonts/Lato-Bold.eot);
    src:url(../fonts/Lato-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Bold.woff2) format("woff2"),url(../fonts/Lato-Bold.woff) format("woff"),url(../fonts/Lato-Bold.ttf) format("truetype"),url(https://www.hesk.com/demo/theme/hesk3/customer/fonts/Lato-Bold.svg#Lato-Bold) format("svg");
    font-weight:700;
    font-style:normal
}
html{
    box-sizing:border-box
}
*,::after,::before{
    box-sizing:inherit
}
:root{
    font-family:Lato,Arial,sans-serif;
    line-height:1.57
}
:root *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-overflow-scrolling:touch
}
img{
    max-width:100%
}
picture img,picture source{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center
}
.m0{
    margin:0!important
}
.mt0{
    margin-top:0!important
}
.mr0{
    margin-right:0!important
}
.mb0{
    margin-bottom:0!important
}
.ml0{
    margin-left:0!important
}
.p0{
    padding:0!important
}
.pt0{
    padding-top:0!important
}
.pr0{
    padding-right:0!important
}
.pb0{
    padding-bottom:0!important
}
.pl0{
    padding-left:0!important
}
.mt2{
    margin-top:24px
}
.ml1{
    margin-left:12px
}
.bg-absolute{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    background-color:#fcfcfc
}
.bg-absolute img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center bottom
}
img{
    border:0
}
img:not([src]):not([srcset]){
    visibility:hidden
}
.lazyload{
    animation-name:fade;
    animation-duration:1s
}
@keyframes fade{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.overflow-y-scroll{
    overflow-y:auto
}
.overflow-x-scroll{
    overflow-x:auto;
    overflow-y:hidden
}
.icon{
    transition:all .3s ease
}
.icon-chevron-down{
    font-size:8px
}
.link{
    text-decoration:underline!important;
    color:#1776ea
}
.link:hover{
    text-decoration:none!important;
    color:#2c70a2
}
.d-flex{
    display:-ms-flexbox;
    display:flex
}
.d-flex-center{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.justify-content-center{
    -ms-flex-pack:center;
    justify-content:center
}
.font-weight-bold{
    font-weight:700
}
.text-center{
    text-align:center
}
.c_battleship-grey{
    color:#6b7480
}
.badge{
    position:absolute;
    right:0;
    top:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:16px;
    height:16px;
    background-color:#38bc7d;
    font-size:8px;
    font-weight:600;
    line-height:1;
    letter-spacing:.1px;
    text-align:center;
    color:#fff;
    border-radius:50%
}
.dropdown,.dropdown-select,.with-label{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    cursor:pointer
}
.dropdown .icon-chevron-down,.dropdown-select .icon-chevron-down,.with-label .icon-chevron-down{
    fill:#002d73
}
.dropdown label,.dropdown-select label,.with-label label{
    cursor:pointer;
    color:#56036d    white-space:nowrap
}
.dropdown .label,.dropdown-select .label,.with-label .label{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#56036d    cursor:pointer
}
.dropdown .label .icon-chevron-down,.dropdown-select .label .icon-chevron-down,.with-label .label .icon-chevron-down{
    -ms-flex-preferred-size:8px;
    flex-basis:8px;
    -ms-flex-negative:0;
    flex-shrink:0
}
.dropdown-select.active .icon-chevron-down,.dropdown.active .icon-chevron-down,.with-label.active .icon-chevron-down{
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.dropdown-select.left .dropdown-list,.dropdown.left .dropdown-list,.with-label.left .dropdown-list{
    left:0
}
.dropdown-select.center .dropdown-list,.dropdown.center .dropdown-list,.with-label.center .dropdown-list{
    left:50%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.dropdown-select.right .dropdown-list,.dropdown.right .dropdown-list,.with-label.right .dropdown-list{
    right:0
}
.dropdown-select.priority[data-value=low] span,.dropdown.priority[data-value=low] span,.with-label.priority[data-value=low] span{
    padding-left:24px;
    background:url(../img/label-low.svg) no-repeat left center
}
.dropdown-select.priority[data-value=medium] span,.dropdown.priority[data-value=medium] span,.with-label.priority[data-value=medium] span{
    padding-left:24px;
    background:url(../img/label-medium.svg) no-repeat left center
}
.dropdown-select.priority[data-value=high] span,.dropdown.priority[data-value=high] span,.with-label.priority[data-value=high] span{
    padding-left:24px;
    background:url(../img/label-high.svg) no-repeat left center
}
.dropdown-select.priority[data-value=critical] span,.dropdown.priority[data-value=critical] span,.with-label.priority[data-value=critical] span{
    padding-left:24px;
    background:url(../img/label-critical.svg) no-repeat left center
}
.dropdown-select.priority [data-option=low],.dropdown.priority [data-option=low],.with-label.priority [data-option=low]{
    padding-left:47px;
    background:url(../img/label-low.svg) no-repeat 21px center
}
.dropdown-select.priority [data-option=medium],.dropdown.priority [data-option=medium],.with-label.priority [data-option=medium]{
    padding-left:47px;
    background:url(../img/label-medium.svg) no-repeat 21px center
}
.dropdown-select.priority [data-option=high],.dropdown.priority [data-option=high],.with-label.priority [data-option=high]{
    padding-left:47px;
    background:url(../img/label-high.svg) no-repeat 21px center
}
.dropdown-select.priority [data-option=critical],.dropdown.priority [data-option=critical],.with-label.priority [data-option=critical]{
    padding-left:47px;
    background:url(../img/label-critical.svg) no-repeat 21px center
}
.dropdown-select>span,.dropdown>span,.with-label>span{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.dropdown select,.dropdown-select select,.with-label select{
    display:none
}
.dropdown .icon-chevron-down,.dropdown-select .icon-chevron-down,.with-label .icon-chevron-down{
    margin-top:1px;
    width:8px;
    height:8px;
    margin-left:8px;
    transition:all 100ms ease
}
.dropdown .dropdown-list,.dropdown-select .dropdown-list,.with-label .dropdown-list{
    display:none;
    border-radius:2px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,0.1);
    background-color:#fff;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    top:100%;
    z-index:100;
    border:1px solid #2c70a2
}
.dropdown .dropdown-list .separator,.dropdown-select .dropdown-list .separator,.with-label .dropdown-list .separator{
    height:1px;
    background-color:#dfe4ec
}
.dropdown .dropdown-list>li,.dropdown-select .dropdown-list>li,.with-label .dropdown-list>li{
    height:40px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap;
    padding:0 16px;
    color:#56036d
}
.dropdown .dropdown-list>li{
    padding:0
}
.dropdown .dropdown-list>li.selected,.dropdown-select .dropdown-list>li.selected,.with-label .dropdown-list>li.selected{
}
.dropdown .dropdown-list>li a,.dropdown-select .dropdown-list>li a,.with-label .dropdown-list>li a{
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#56036d
}
.dropdown .dropdown-list>li a{
    padding:0 16px!important
}
.dropdown .dropdown-list>li:hover a,.dropdown-select .dropdown-list>li:hover a,.with-label .dropdown-list>li:hover a{
    color:#fff
}
.dropdown .dropdown-list>li a:hover,.dropdown-select .dropdown-list>li a:hover,.with-label .dropdown-list>li a:hover{
    color:#fff
}
.dropdown .dropdown-list>li svg,.dropdown-select .dropdown-list>li svg,.with-label .dropdown-list>li svg{
    transition:all 100ms ease;
    fill:#959eb0;
    margin-right:8px;
    width:16px;
    height:16px
}
.dropdown .dropdown-list>li:hover,.dropdown-select .dropdown-list>li:hover,.with-label .dropdown-list>li:hover{
    background-color:#2c70a2;
    color:#fff!important
}
.dropdown .dropdown-list>li:hover svg,.dropdown-select .dropdown-list>li:hover svg,.with-label .dropdown-list>li:hover svg{
    fill:#fff!important
}
.accordion .accordion-title{
    cursor:pointer
}
.accordion .accordion-body{
    display:none
}
.accordion.visible .accordion-title svg{
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
body.noscroll{
    width:100%;
    height:100%!important;
    position:fixed;
    top:0;
    bottom:0;
    overflow:hidden
}
.modal{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:30;
    background-color:rgba(38,40,42,0.8);
    text-align:center;
    display:none
}
.modal::before{
    content:"";
    display:inline-block;
    height:100%;
    margin-left:-.05em;
    vertical-align:middle
}
.modal .modal__body{
    padding:40px 24px;
    box-shadow:0 8px 16px 0 rgba(38,40,42,0.1);
    background-color:#fff;
    margin:auto;
    display:inline-block;
    position:relative;
    width:440px;
    vertical-align:middle
}
.modal .modal__body .modal__close{
    position:absolute;
    width:32px;
    height:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    top:0;
    right:0;
    cursor:pointer
}
.modal .modal__body .modal__close .icon-close{
    width:8px;
    height:8px
}
.modal .modal__body .modal__close:hover .icon-close{
    fill:#002d73
}
.modal .modal__body h3{
    font-family:"Lato",Arial,sans-serif;
    font-size:18px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.22;
    letter-spacing:.1px;
    text-align:center
}
.modal .modal__body .modal__description{
    margin-top:24px;
    font-family:"Lato",Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    text-align:center
}
.modal .modal__body .modal__buttons{
    margin-top:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.modal .modal__body .modal__buttons button{
    min-width:176px
}
@media screen and (max-width: 899px){
    .modal .modal__body{
        width:90%
    }
    .modal .modal__body .btn{
        height:40px!important
    }
    .modal .modal__body .modal__buttons{
        -ms-flex-pack:center;
        justify-content:center;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .modal .modal__body .modal__buttons .btn{
        margin:0 8px 16px
    }
}
.dropdown.priority .low{
    fill:#959eb0!important
}
.dropdown.priority .medium{
    fill:#38bc7d!important
}
.dropdown.priority .hight{
    fill:#ffc200!important
}
.dropdown.priority .critical{
    fill:#e64342!important
}
.nowrap{
    white-space:nowrap
}
button{
    font-family:Lato,Arial,sans-serif;
    color:#26282a
}
.btn{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    height:32px;
    padding:5px 12px;
    background-color:transparent;
    border:none;
    outline:0;
    cursor:pointer;
    font-size:13px;
    font-weight:400;
    border-radius:2px;
    transition:all 250ms ease
}
.btn>.icon+span,.btn>span+.icon{
    margin-left:8px
}
.btn .icon{
    fill:currentColor
}
@media screen and (max-width:900px){
    .btn{
        cursor:default
    }
}
.btn-transparent{
    background-color:#fff;
    border:1px solid #c5cad4;
    font-size:14px;
    font-weight:400;
    letter-spacing:.1px;
    color:#6b7480
}
.btn.cancel{
    width:120px;
    height:40px;
    border:1px solid #56036d    color:#56036d
}
.btn-empty{
    padding:0
}
.btn-full{
    min-width:152px;
    height:40px;
    background-color:#2c70a2;
    color:#fff;
    font-weight:600;
    transition:all 250ms ease;
    text-decoration:none;
    border:1px solid #56036d
}
.notification a.btn-full{
    color:#fff!important;
    text-decoration:none!important;
    width:152px
}
.btn-full:hover{
    background-color:#56036d
}
.btn-full.disabled,.btn-full:disabled{
    width:auto;
    border-color:#f0f2f5;
    background-color:#f0f2f5;
    color:#959eb0
}
.btn--blue{
    color:#2c70a2
}
.btn--blue .icon{
    fill:currentColor
}
.btn-border{
    min-width:152px;
    height:40px;
    border:1px solid #56036d    color:#56036d    padding:0
}
.btn--blue-border{
    width:auto;
    padding:0 16px;
    display:-ms-inline-flexbox;
    display:inline-flex;
    height:48px;
    border:1px solid #2c70a2;
    color:#2c70a2;
    font-weight:600;
    background-color:#fff
}
.btn--blue-border:hover{
    border-color:#56036d    color:#fff;
    background-color:#2c70a2
}
.btn-banner{
    width:176px;
    background-color:#f0f2f5;
    color:#56036d    font-weight:600
}
[ripple]{
    position:relative;
    overflow:hidden
}
[ripple]::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:10
}
[ripple] .ripple--container{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
[ripple] .ripple--container span{
    -ms-transform:scale(0);
    transform:scale(0);
    border-radius:100%;
    position:absolute;
    opacity:.23;
    background-color:#fff;
    animation:ripple .5s
}
.btn--blue-border .ripple--container span,.btn-border .ripple--container span{
    background-color:rgba(141,156,183,.1);
    opacity:1
}
@keyframes ripple{
    to{
        opacity:0;
        transform:scale(2)
    }
}
@media (max-width:900px){
    .btn--blue-border,.btn-full{
        height:32px!important
    }
}
::-webkit-input-placeholder{
    color:#959eb0
}
::-moz-placeholder{
    color:#959eb0
}
:-ms-input-placeholder{
    color:#959eb0
}
:-moz-placeholder{
    color:#959eb0
}
input{
    outline:0
}
input::-ms-clear{
    display:none
}
.form{
    font-size:14px
}
.form .checkbox-custom{
    padding:0
}
.form textarea.form-control{
    height:155px;
    resize:none;
    font-family:Lato,Arial,sans-serif
}
.form.invalid .error-message{
    display:block
}
.form.invalid .form-control.isError{
    border-color:#e64342
}
.form__title{
    margin-bottom:1.5rem;
    font-size:1.5rem;
    line-height:1.33
}
.input-group{
    position:relative
}
.input-group-append--icon{
    position:absolute;
    right:17px;
    top:0;
    bottom:0;
    margin:auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    background-color:transparent;
    border:none;
    z-index:3;
    cursor:pointer
}
.input-group-append--icon:hover .icon{
    fill:#2c70a2
}
.input-group-append--icon .icon{
    fill:#c5cad4;
    font-size:12px
}
.input-group-append--icon .icon-eye-close{
    font-size:12px
}
.form-group{
    position:relative;
    margin-bottom:16px
}
.form-group label{
    display:block;
    margin-bottom:4px;
    color:#2c70a2
}
.isError > label{
    color:#e64342
}
.form-group .form-control__error{
    display:none;
    margin-top:12px;
    padding:9px;
    color:#e64342;
    text-align:center;
    background-color:rgba(230,67,66,.05)
}
.form-group.error .form-control__error{
    display:block
}
.form-group.error input{
    border-color:#e64342
}
.form input.form-control,.form textarea.form-control{
    height:40px;
    width:100%;
    padding:4px 12px;
    font-size:14px;
    border-radius:2px;
    border:solid 1px #2c70a2;
    background-color:#f3faff;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:.1px;
    -webkit-appearance:none;
    outline:0;
    color:#0e212f;
    transition:all 250ms ease
}
.form input.form-control:-ms-input-placeholder,.form textarea.form-control:-ms-input-placeholder{
    color:#959eb0
}
.form input.form-control::placeholder,.form textarea.form-control::placeholder{
    color:#959eb0
}
.form input.form-control:hover,.form textarea.form-control:hover{
    border-color:#959eb0
}
.form input.form-control:focus,.form textarea.form-control:focus{
    color:#0e212f!important;
    border-color:#56036d    outline:0;
    box-shadow:none
}
.error-message{
    display:none;
    padding:9px;
    color:#e64342;
    text-align:center;
    background-color:rgba(230,67,66,.05)
}
.invalid-feedback{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    margin-top:.2rem;
    font-size:12px
}
.invalid .form-control{
    border-color:#e64342
}
.invalid .invalid-feedback{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    color:#e64342
}
.form__submit{
    margin-top:24px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.form__search{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 16px 0 32px;
    position:relative;
    background-color:#fff;
    position:relative;
    box-sizing:border-box
}
.form__search .search--type{
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#959eb0;
    margin-right:4px;
    display:none;
    text-transform:capitalize;
    cursor:pointer
}
.form__search .form__search_type{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    padding:9px 16px 24px;
    z-index:1;
    display:none
}
.form__search .form__search_type h5{
    margin-left:8px;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#26282a
}
.form__search .form__search_type .type--list{
    margin:8px -16px 0
}
.form__search .form__search_type .type--list li{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#56036d    height:40px;
    transition:all 250ms ease;
    padding:0 16px;
    cursor:pointer
}
.form__search .form__search_type .type--list li:hover{
    background-color:#f5f8ff
}
.form__search .form__search_type .type--list li:last-child{
    margin-bottom:0
}
.form__search .form__search_type .type--list li .icon{
    margin-right:8px;
    fill:#959eb0;
    transition:all 250ms ease
}
.form__search .form__search_results{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    padding:8px 24px 0;
    z-index:1;
    display:none
}
.form__search .form__search_results h5{
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:.1px;
    color:#6b7480
}
.form__search .form__search_results .results--list{
    margin:0 -24px
}
.form__search .form__search_results .results--list li{
    height:40px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#26282a;
    transition:all 250ms ease;
    padding:0 24px
}
.form__search .form__search_results .results--list li>:last-child{
    overflow:hidden;
    text-overflow:ellipsis;
    margin-right:0
}
.form__search .form__search_results .results--list li:hover{
    background-color:#f5f8ff
}
.form__search .form__search_results .results--list li a,.form__search .form__search_results .results--list li span{
    margin-right:16px;
    white-space:nowrap
}
.form__search .form__search_results .results--list li a{
    color:#2c70a2;
    transition:all 250ms ease
}
.form__search .form__search_results .results--list li a:hover{
    color:#56036d
}
.form__search .form__search_results .results--list li b{
    background-color:#fff5d0
}
.form__search.focus .icon-search{
    fill:#56036d!important
}
.form__search.value .icon-search{
    fill:#56036d!important
}
.form__search.value .search-clear{
    opacity:1!important
}
.form__search input{
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#26282a
}
.form__search button[type=submit]{
    margin-right:8px
}
.form__search .icon-search{
    font-size:19.7px
}
.form__search .form__control{
    background-color:transparent;
    width:100%;
    border:none;
    height:70%;
    cursor:pointer
}
.form__search .form__control::-webkit-input-placeholder{
    color:#959eb0;
    transition:all 250ms ease
}
.form__search .form__control::-moz-placeholder{
    color:#959eb0;
    transition:all 250ms ease
}
.form__search .form__control:-ms-input-placeholder{
    color:#959eb0;
    transition:all 250ms ease
}
.form__search .form__control:-moz-placeholder{
    color:#959eb0;
    transition:all 250ms ease
}
.form__search .form__control:hover::-webkit-input-placeholder{
    color:#6b7480
}
.form__search .form__control:hover::-moz-placeholder{
    color:#6b7480
}
.form__search .form__control:hover:-ms-input-placeholder{
    color:#6b7480
}
.form__search .form__control:hover:-moz-placeholder{
    color:#6b7480
}
.form__search.type .form__control{
    cursor:initial
}
.checkbox-custom{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    min-height:16px
}
.checkbox-custom [type=checkbox]:checked,.checkbox-custom [type=checkbox]:not(:checked){
    position:absolute;
    left:-9999px
}
.checkbox-custom [type=checkbox]+label{
    transition:all 250ms ease
}
.checkbox-custom [type=checkbox]:not(:checked)+label{
    position:relative;
    padding-left:24px;
    cursor:pointer;
    line-height:1.2;
    letter-spacing:normal;
    color:#2c70a2
}
.checkbox-custom [type=checkbox]:checked+label{
    position:relative;
    padding-left:24px;
    cursor:pointer;
    line-height:1.2;
    letter-spacing:normal;
    color:#56036d
}
.checkbox-custom [type=checkbox]:checked+label:before,.checkbox-custom [type=checkbox]:not(:checked)+label:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    border-radius:2px;
    background:#fff;
    border:1px solid #2c70a2
}
.checkbox-custom [type=checkbox]:checked+label:after,.checkbox-custom [type=checkbox]:not(:checked)+label:after{
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    top:2px;
    left:2px;
    transition:all .2s ease;
    background-image:url("data:image/svg+xml;
    charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8'%3E%3Cpath fill='%23133e5e' fill-rule='evenodd' d='M9.043 0L3.246 5.128 1.623 3.692 0 5.128 3.246 8l7.42-6.564z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center
}
.checkbox-custom [type=checkbox]:not(:checked)+label:after{
    opacity:0;
    -ms-transform:scale(0);
    transform:scale(0)
}
.checkbox-custom [type=checkbox]:checked+label:after{
    opacity:1;
    -ms-transform:scale(1);
    transform:scale(1)
}
.checkbox-custom [type=checkbox]:disabled:checked+label:before,.checkbox-custom [type=checkbox]:disabled:not(:checked)+label:before{
    border-color:#ccc;
    background-color:#eee
}
.checkbox-custom [type=checkbox]:disabled:checked+label:after{
    background:#aaa
}
.invalid .checkbox-custom [type=checkbox]:not(:checked):required+label:before{
    border-color:#e64342
}
.radio-custom{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    min-height:16px
}
.radio-custom [type=radio]:checked,.radio-custom [type=radio]:not(:checked){
    position:absolute;
    left:-9999px
}
.radio-custom [type=radio]:checked+label,.radio-custom [type=radio]:not(:checked)+label{
    position:relative;
    padding-left:24px;
    cursor:pointer;
    line-height:1.2;
    letter-spacing:normal;
    color:#2c70a2
}
.radio-custom [type=radio]:checked+label:before,.radio-custom [type=radio]:not(:checked)+label:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:16px;
    height:16px;
    border-radius:2px;
    background:#fff;
    border-radius:50%;
    border:1px solid #56036d
}
.radio-custom [type=radio]:checked+label:after,.radio-custom [type=radio]:not(:checked)+label:after{
    content:"";
    width:8px;
    height:8px;
    position:absolute;
    top:4px;
    left:4px;
    transition:all .2s ease;
    background-color:#56036d    border-radius:50%
}
.radio-custom [type=radio]:not(:checked)+label:after{
    opacity:0;
    -ms-transform:scale(0);
    transform:scale(0)
}
.radio-custom [type=radio]:checked+label:after{
    opacity:1;
    -ms-transform:scale(1);
    transform:scale(1)
}
.radio-custom [type=radio]:disabled:checked+label:before,.radio-custom [type=radio]:disabled:not(:checked)+label:before{
    border-color:#ccc;
    background-color:#eee
}
.radio-custom [type=radio]:disabled:checked+label:after{
    background:#aaa
}
.invalid .radio-custom [type=radio]:not(:checked):required+label:before{
    border-color:#e64342
}
.select-custom{
    position:relative;
    height:32px;
    color:inherit
}
.select-custom select{
    display:none
}
.select-selected{
    max-width:200px
}
.select-selected:after{
    position:absolute;
    content:"";
    top:12px;
    right:10px;
    width:10px;
    height:6px;
    background-image:url("data:image/svg+xml;
    charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath fill='%2326282A' fill-rule='evenodd' d='M4.303 5.07l3.553-3.552a.434.434 0 0 0 .128-.309A.434.434 0 0 0 7.856.9L7.595.64a.437.437 0 0 0-.618 0L3.994 3.622 1.007.635a.434.434 0 0 0-.618 0L.128.897A.434.434 0 0 0 0 1.206c0 .117.045.226.128.309L3.684 5.07a.434.434 0 0 0 .31.127.434.434 0 0 0 .31-.127z'/%3E%3C/svg%3E");
    background-size:10px 6px;
    background-repeat:no-repeat
}
.select-selected.select-arrow-active:after{
    -ms-transform:scaleY(-1);
    transform:scaleY(-1);
    filter:FlipY;
    -ms-filter:FlipY
}
.select-items div,.select-selected{
    padding:8px;
    line-height:1;
    cursor:pointer
}
.select-items{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:5;
    padding:6px 0 12px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff
}
.select-hide{
    display:none
}
.same-as-selected,.select-items div:hover{
    color:#2c70a2
}
.select-custom--stretched{
    box-shadow:none
}
.select-custom--stretched .select-selected{
    width:100%
}
.select--priority .select-selected{
    padding-left:24px
}
.select--priority .select-selected[data-value=critical]+div+select+.priority-label{
    background-color:#e64342
}
.select--priority .select-selected[data-value=low]+div+select+.priority-label{
    background-color:#959eb0
}
.select--priority .select-selected[data-value=medium]+div+select+.priority-label{
    background-color:#38bc7d
}
.select--priority .select-selected[data-value=high]+div+select+.priority-label{
    background-color:#ffc200
}
.priority-label{
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    left:0;
    display:inline-block;
    width:16px;
    height:12px;
    border-top-left-radius:2px;
    border-bottom-left-radius:2px
}
.priority-label:after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:6px 4px 6px 0;
    border-color:transparent #fff transparent transparent
}
.switch-checkbox{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.switch-checkbox input[type=checkbox]{
    display:none
}
.switch-checkbox .switch-checkbox__bullet{
    width:32px;
    height:16px;
    background-color:#fff;
    border:1px solid #dfe4ec;
    border-radius:8px;
    transition:all 250ms ease;
    position:relative
}
.switch-checkbox .switch-checkbox__bullet i{
    display:block;
    width:14px;
    height:14px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.16);
    background-color:#fff;
    border-radius:50%;
    position:absolute;
    top:0;
    left:0;
    right:initial;
    transition:all 250ms ease
}
.switch-checkbox .switch-checkbox__bullet i svg{
    width:8px;
    height:8px;
    position:absolute;
    left:50%;
    top:50%;
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    transition:all 250ms ease
}
.switch-checkbox .switch-checkbox__bullet i svg.icon-tick{
    opacity:0
}
.switch-checkbox input[type=checkbox]:checked+.switch-checkbox__bullet{
    background-color:#56036d    border-color:#56036d
}
.switch-checkbox input[type=checkbox]:checked+.switch-checkbox__bullet i{
    left:100%;
    -ms-transform:translateX(-100%);
    transform:translateX(-100%)
}
.switch-checkbox input[type=checkbox]:checked+.switch-checkbox__bullet i .icon-close{
    opacity:0
}
.switch-checkbox input[type=checkbox]:checked+.switch-checkbox__bullet i .icon-tick{
    opacity:1
}
.switch-checkbox span{
    margin-left:16px;
    transition:all 250ms ease;
    line-height:1.2
}
.switch-checkbox a{
    margin-left:16px;
    transition:all 250ms ease;
    color:#2c70a2;
    line-height:1.2
}
.switch-checkbox a:hover{
    color:#56036d
}
.block--attach{
    margin-top:8px;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#2c70a2;
    transition:all 250ms ease;
    cursor:pointer!important
}
.block--attach input[type=file]{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    cursor:pointer!important
}
.block--attach .icon-attach{
    width:16px;
    height:16px;
    fill:#2c70a2;
    margin-right:8px
}
.block--attach:hover{
    color:#56036d
}
.block--attach:hover .icon-attach{
    fill:#56036d
}
@media screen and (max-width:900px){
    .form__search .form__search_results .results--list li{
        font-size:13px
    }
}
.main__content.ticket{
    padding:23px 32px 50px 16px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.main__content.ticket .icon-chevron-down{
    margin-top:1px
}
@media screen and (max-width:900px){
    .main__content.ticket{
        padding:16px 12px 24px;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .main__content.ticket .ticket__body{
        margin:0 0 16px;
        padding-top:72px
    }
    .main__content.ticket .ticket__body .block--head{
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .main__content.ticket .ticket__body .block--head time{
        margin-left:0;
        margin-bottom:8px
    }
    .main__content.ticket .ticket__body .block--head .more{
        margin-left:0
    }
    .main__content.ticket .block--submit{
        -ms-flex-pack:justify;
        justify-content:space-between;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .main__content.ticket .block--submit .btn{
        height:40px!important;
        margin:0 auto 16px
    }
    .main__content.ticket .block--submit .btn-full{
        -ms-flex-order:1;
        order:1
    }
    .main__content.ticket .block--submit .btn-border{
        -ms-flex-order:2;
        order:2
    }
    .main__content.ticket .block--submit::before{
        content:"";
        -ms-flex-order:3;
        order:3;
        width:100%;
        height:0
    }
    .main__content.ticket .block--submit .submit-us{
        -ms-flex-order:4;
        order:4;
        margin:0 auto
    }
    .main__content.ticket .block--submit .submit-us .dropdown-list{
        top:calc(100% + 8px);
        left:50%;
        -ms-transform:translateX(-50%);
        transform:translateX(-50%)
    }
    .main__content.ticket .ticket__params{
        width:100%
    }
    .main__content.ticket .ticket__params .params--bar{
        position:absolute;
        top:72px;
        left:12px;
        right:12px
    }
}
.ticket__body{
    -ms-flex-positive:1;
    flex-grow:1;
    margin-right:24px;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word
}
.ticket__body_block{
    background-color:#fff;
    margin-bottom:24px;
    border-radius:2px;
    box-shadow:0 2px 4px 0 rgba(38,40,42,.1);
    padding:15px 24px 24px;
    text-align:justify
}
.ticket__body_block.response{
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#f8fffc
}
.ticket__body_block h1{
    font-size:24px;
    font-weight:700;
    line-height:1.17;
    letter-spacing:.12px;
    color:#56036d    padding-bottom:14px
}
.ticket__body_block h2{
    font-size:24px;
    font-weight:700;
    line-height:1.17;
    letter-spacing:.12px;
    color:#56036d
}
.ticket__body_block h3{
    font-family:Lato,Arial,sans-serif;
    font-size:18px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.22;
    letter-spacing:.1px
}
.ticket__body_block p>a{
    color:#2c70a2
}
.ticket__body_block p>a:hover{
    color:#56036d
}
.ticket__body_block .block--head{
    display:-ms-flexbox;
    display:flex;
    margin-top:0;
    -ms-flex-align:center;
    align-items:center;
    font-family:"Lato",Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px
}
.ticket__body_block.original-message .block--head{
    margin-top:16px!important
}
.ticket__body_block .block--head .contact{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative
}
.ticket__body_block .block--head .contact>span{
    color:#2c70a2
}
.ticket__body_block .block--head .contact b{
    margin:0 4px;
    font-weight:700;
    color:#222
}
.ticket__body_block .block--head .contact time{
    margin:0 4px
}
.ticket__body_block .block--head .contact .dropdown{
    margin-left:8px;
    cursor:pointer;
    position:static
}
.ticket__body_block .block--head .contact .dropdown span{
    font-weight:700
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li{
    padding:0 12px;
    font-family:"Lato",Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li:nth-child(1),.ticket__body_block .block--head .contact .dropdown .dropdown-list li:nth-child(2){
    background-color:transparent!important;
    cursor:auto
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .title{
    color:#959eb0;
    margin-right:8px;
    min-width:36px
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li .value{
    font-weight:400;
    color:#26282a
}
.ticket__body_block .block--head .contact .dropdown .dropdown-list li a{
    color:#002d73
}
.ticket__body_block .block--head .contact .icon-chevron-down{
    width:8px;
    height:8px
}
.ticket__body_block .block--head time{
    margin:0 10px;
    color:#2c70a2
}
.ticket__body_block .block--head .more{
    margin-left:auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    cursor:default;
    margin-right:-24px;
    padding-right:24px
}
.ticket__body_block .block--head .more span{
    color:#959eb0
}
.ticket__body_block .block--head .more .icon-chevron-down{
    fill:#959eb0;
    width:8px;
    height:8px
}
.ticket__body_block .block--head .more a{
    color:#959eb0
}
.ticket__body_block .block--head .more a svg{
    width:16px;
    height:16px;
    fill:#959eb0;
    margin-right:10px;
    vertical-align:text-bottom
}
.ticket__body_block .block--head .more a:hover{
    color:#002d73
}
.ticket__body_block .block--head .more a:hover svg{
    fill:#002d73
}
.ticket__body_block .block--head .more label:hover>span{
    color:#002d73
}
.ticket__body_block .block--head .more label:hover>svg{
    fill:#002d73
}
.ticket__body_block .block--head .more .dropdown-list a{
    color:#002d73;
    -ms-flex-pack:normal;
    justify-content:normal
}
.ticket__body_block .block--description{
    margin:16px 0;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.71;
    letter-spacing:.1px;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word
}
.ticket__body_block .block--description p,.ticket__body_block .block--description ul{
    margin:0 0 28px
}
.ticket__body_block .block--description p:last-child,.ticket__body_block .block--description ul:last-child{
    margin:0
}
.ticket__body_block .block--description ul.list{
    list-style-type:disc;
    padding-left:30px
}
.ticket__body_block .block--uploads{
    color:#9c9c9c;
    margin-top:26px;
    display:block;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px
}
.ticket__body_block .block--uploads+.block--uploads{
    margin-top:16px
}
.ticket__body_block .block--uploads .icon-attach{
    width:16px;
    height:16px;
    fill:#9c9c9c;
    margin:0 3px;
    vertical-align:text-bottom
}
.ticket__body_block .block--uploads a{
    color:#2c70a2;
    transition:all 250ms ease
}
.ticket__body_block .block--uploads a:hover{
    color:#56036d
}
.ticket__body_block .block--suggested{
    margin-top:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    -ms-flex-align:baseline;
    align-items:baseline
}
.ticket__body_block .block--suggested b{
    font-weight:700;
    margin-bottom:8px
}
.ticket__body_block .block--suggested a{
    color:#2c70a2;
    transition:all 250ms ease
}
.ticket__body_block .block--suggested a:hover{
    color:#56036d
}
.ticket__body_block .block--timer{
    height:48px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.ticket__body_block .block--timer span{
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#959eb0
}
.ticket__body_block .block--timer b{
    margin:0 26px 0 8px;
    font-weight:700
}
.ticket__body_block .block--timer a{
    width:32px;
    height:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    margin-right:8px
}
.ticket__body_block .block--timer a svg{
    width:16px;
    height:16px;
    fill:#959eb0;
    transition:all 250ms ease
}
.ticket__body_block .block--timer a:hover svg{
    fill:#56036d
}
.ticket__body_block .block--message{
    margin-top:16px;
    height:119px;
    border-radius:2px;
    border:solid 1px #d4d6e3;
    background-color:#fff;
    position:relative;
    overflow:hidden
}
.ticket__body_block .block--message .scroll-textarea{
    width:100%;
    height:119px
}
.ticket__body_block .block--message textarea{
    outline:0;
    border:none;
    width:100%;
    min-height:100%;
    background:0 0;
    padding:8px 12px;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.71;
    letter-spacing:.1px;
    resize:none
}
.ticket__body_block .block--message .placeholder{
    position:absolute;
    top:8px;
    left:12px;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    z-index:0;
    letter-spacing:.1px;
    color:#959eb0
}
.ticket__body_block .block--message .placeholder a{
    color:#2c70a2;
    transition:all 250ms ease
}
.ticket__body_block .block--message .placeholder a:hover{
    color:#56036d
}
.ticket__body_block .block--attach-list{
    margin-top:16px
}
.ticket__body_block .block--attach-list div{
    width:284px;
    height:32px;
    padding-left:8px;
    border-radius:2px;
    background-color:#f5f8ff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    position:relative;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:4px
}
.ticket__body_block .block--attach-list div i{
    width:32px;
    height:32px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer
}
.ticket__body_block .block--attach-list div i svg{
    width:7px;
    height:7px;
    fill:#c5cad4
}
.ticket__body_block .block--attach-list div i:hover svg{
    width:7px;
    height:7px;
    fill:#959eb0
}
.ticket__body_block .block--checkboxs{
    margin-top:24px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    border-bottom:1px solid #dfe4ec
}
.ticket__body_block .block--checkboxs .checkbox-custom{
    margin-bottom:16px;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    margin-right:40px
}
.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select{
    margin-left:6px
}
.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select li,.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select>span{
    color:#959eb0;
    transition:all 250ms ease
}
.ticket__body_block .block--checkboxs .checkbox-custom .dropdown-select svg{
    fill:#959eb0
}
.ticket__body_block .block--checkboxs .checkbox-custom label{
    color:#959eb0;
    transition:all 250ms ease;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label{
    color:#56036d
}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label::before{
    border-color:#56036d
}
.ticket__body_block .block--checkboxs .checkbox-custom input[type=checkbox]:checked+label svg{
    fill:#56036d
}
.ticket__body_block .block--checkboxs .checkbox-custom.checked .dropdown-select li,.ticket__body_block .block--checkboxs .checkbox-custom.checked .dropdown-select>span{
    color:#56036d
}
.ticket__body_block .block--submit{
    margin-top:24px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.ticket__body_block .block--submit button{
    margin-right:24px
}
.ticket__body_block .block--submit .submit-us{
    margin-left:auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#2c70a2
}
.ticket__body_block .block--submit .submit-us span{
    margin-left:6px;
    color:#2c70a2
}
.ticket__body_block .block--submit .submit-us .icon-chevron-down{
    width:8px;
    height:8px;
    margin-left:4px;
    fill:#2c70a2
}
.ticket__body_block .block--submit .submit-us .dropdown-list{
    left:calc(100% + 8px);
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.ticket__replies{
    margin:-8px 0 16px
}
.ticket__replies .ticket__replies_link{
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#2c70a2;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    margin-left:24px;
    cursor:pointer;
    transition:all 250ms ease
}
.ticket__replies .ticket__replies_link:hover{
    color:#56036d
}
.ticket__replies .ticket__replies_link:hover .icon-chevron-down{
    fill:#56036d
}
.ticket__replies .ticket__replies_link b{
    font-weight:700;
    margin-left:6px
}
.ticket__replies .ticket__replies_link .icon-chevron-down{
    margin-left:8px;
    width:8px;
    height:8px;
    fill:#2c70a2;
    transition:all 250ms ease
}
.ticket__replies .ticket__replies_link.visible .icon-chevron-down{
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.ticket__replies .ticket__replies_list{
    padding-top:16px;
    display:none
}
.ticket__params{
    width:320px;
    -ms-flex-negative:0;
    flex-shrink:0;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word
}
.ticket__params .params--bar{
    height:48px;
    border-radius:2px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-left:16px
}
.ticket__params .params--bar a{
    width:48px;
    height:48px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.ticket__params .params--bar a svg{
    width:16px;
    height:16px;
    fill:#959eb0
}
.ticket__params .params--bar a:hover svg{
    fill:#56036d
}
.ticket__params .params--bar .dropdown{
    width:65px;
    height:48px;
    box-sizing:content-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    border-left:1px solid #dfe4ec
}
.ticket__params .params--bar .dropdown label{
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.ticket__params .params--bar .dropdown label svg{
    width:16px;
    height:16px;
    fill:#959eb0;
    transition:all 250ms ease;
    margin:0
}
.ticket__params .params--bar .dropdown:hover svg{
    fill:#56036d
}
.ticket__params .params--bar .dropdown .dropdown-list li a{
    -ms-flex-pack:start;
    justify-content:flex-start
}
.ticket__params .params--bar .dropdown .dropdown-list li svg{
    margin-right:8px
}
.ticket__params .params--block{
    border-radius:2px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    margin-top:16px
}
.ticket__params .params--block.params{
    padding:25px 16px
}
.ticket__params .params--block.params .title{
    width:135px
}
.ticket__params .params--block.params .icon-label{
    width:16px;
    height:16px;
    margin-right:8px
}
.ticket__params .params--block.params [data-value=low] .icon-label{
    fill:#959eb0
}
.ticket__params .params--block.contacts .title,.ticket__params .params--block.details .title,.ticket__params .params--block.history .title{
    width:106px
}
.ticket__params .params--block .row{
    display:-ms-flexbox;
    display:flex;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    margin-top:8px;
    padding-bottom:8px;
    border-bottom:1px solid #9caabb
}
.ticket__params .params--block .row:last-child{
    margin-bottom:0
}
.ticket__params .params--block .row .title{
    color:#2c70a2;
    -ms-flex-negative:0;
    flex-shrink:0
}
.ticket__params .params--block h4{
    height:40px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    margin:0;
    padding:8px 16px 0
}
.ticket__params .params--block h4 .icon-chevron-down{
    width:8px;
    height:8px;
    fill:#c5cad4
}
.ticket__params .params--block .accordion-body{
    padding:16px
}
.main__content.notifications{
    padding:40px 32px 32px 16px
}
.main__content.notifications h2{
    padding-left:16px;
    font-size:18px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.22;
    letter-spacing:.1px
}
.main__content.notifications .notifications__list{
    margin-top:16px;
    width:100%;
    max-width:496px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    background-color:#fff;
    padding:8px
}
.main__content.notifications .notifications__list li{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    padding:16px
}
.main__content.notifications .notifications__list li:nth-child(odd){
    background-color:#f9fafd
}
.main__content.notifications .notifications__list li.new{
    border-left:2px solid #2c70a2
}
.main__content.notifications .notifications__list li.new h5{
    font-weight:700
}
.main__content.notifications .notifications__list li h5{
    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    margin-right:16px
}
.main__content.notifications .notifications__list li h5 a{
    color:#56036d
}
.main__content.notifications .notifications__list li time{
    font-size:10px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:normal;
    letter-spacing:.1px;
    text-align:right;
    color:#6b7480
}
.main__content.notifications .pagination-wrap{
    width:100%;
    max-width:496px;
    margin:24px 0 0
}
.footer{
    margin-top:16px;
    padding:10px 16px 16px;
    color:#56036d
}
.pagination-wrap{
    margin:24px auto 16px
}
.pagination{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.pagination a{
    color:#56036d    transition:all 250ms ease
}
.pagination a:hover{
    background-color:#f1f2f5
}
.pagination__nav-btn{
    margin:0 5px
}
.pagination__list{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.pagination__item.is-current .pagination__link{
    background-color:#dfe4ec
}
.pagination__stroke{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:32px;
    height:32px;
    border-radius:2px;
    font-size:12px;
    font-weight:500;
    letter-spacing:normal;
    text-align:center;
    color:#56036d
}
.pagination__link{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:32px;
    height:32px;
    border-radius:2px;
    font-size:12px;
    font-weight:500;
    letter-spacing:normal;
    text-align:center;
    color:#56036d
}
.pagination__amount{
    margin-top:24px;
    text-align:center;
    font-weight:700
}
.breadcrumbs{
    margin-bottom:0
}
.breadcrumbs__inner{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:12px 0;
    font-size:12px
}
.breadcrumbs__inner a{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    font-size:inherit;
    font-weight:400;
    line-height:1.5;
    letter-spacing:.1px;
    color:#2c70a2
}
.breadcrumbs__inner a:hover{
    color:#56036d
}
.breadcrumbs__inner .icon{
    fill:currentColor;
    font-size:8px;
    margin:0 .4em 0 .5em
}
.search__title{
    margin:20px 0 16px;
    font-size:24px;
    font-weight:700;
    line-height:1.17;
    letter-spacing:.12px;
    color:#56036d    text-align:center
}
.search__form{
    background-color:#2c70a2;
    padding:16px
}
.search__form .form-group{
    position:relative;
    margin:0 auto;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    max-width:752px
}
.search__form .form-group input{
    width:100%;
    height:56px;
    padding:17px 16px 17px 56px;
    background-color:#fff;
    border-color:transparent;
    font-size:14px;
    transition:all .3s ease
}
.search__form .form-group input:-ms-input-placeholder{
    line-height:1.57;
    letter-spacing:.1px;
    color:#6b7480
}
.search__form .form-group input::placeholder{
    line-height:1.57;
    letter-spacing:.1px;
    color:#637892
}
.search__form .form-group input:focus,.search__form .form-group input:hover{
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1)
}
.search__form .form-group .icon-search{
    font-size:20px;
    fill:#2c70a2
}
.search__form .search__submit{
    padding:0;
    position:absolute;
    top:0;
    bottom:0;
    left:24px;
    margin:auto
}
.form-group{
    position:relative
}
.form-group .search-clear{
    width:32px;
    height:32px;
    position:absolute;
    top:calc(50% - 16px);
    right:12px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    z-index:1;
    opacity:0;
    transition:all 250ms ease
}
.form-group .search-clear .icon{
    width:16px;
    height:16px;
    fill:#c5cad4
}
.form-group .search-clear:hover .icon{
    fill:#56036d
}
.alert{
    margin-top:24px;
    border:solid 1px #2c70a2;
    background-color:#f5f8ff
}
.alert .icon-warning{
    fill:#2c70a2;
    font-size:22px
}
.alert.warning{
    border:solid 1px #f3e3a7;
    background-color:#fff5d0
}
.alert.warning .icon-warning{
    fill:#eeb707
}
.alert.success{
    border:solid 1px #9fe4c3;
    background-color:#e5fff2
}
.alert.success .icon-warning{
    fill:#38bc7d
}
.alert.danger{
    border:solid 1px #f38b8b;
    background-color:#fdf5f5
}
.alert.danger .icon-warning{
    fill:#e64342
}
.alert.danger .alert__title{
    color:#e64342
}
.alert.none{
    border:none;
    background-color:#fff
}
.alert.none .icon-warning{
    fill:#000
}
.alert__inner{
    padding:24px
}
.alert__head{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.alert__head .icon+.alert__title{
    margin-left:12px
}
.alert__title{
    font-size:14px;
    font-weight:700;
    letter-spacing:.1px;
    color:#26282a
}
.alert__descr{
    margin-top:12px
}
.cust-help .lightgrey{
    color:#2c70a2
}
.cust-help .highlighted{
    background-color:#e5fff2
}
.cust-help .italic{
    font-style:italic
}
.cust-help .ml-1{
    margin-left:8px
}
.cust-help .h-3{
    font-size:18px;
    font-weight:700;
    line-height:1.22;
    letter-spacing:.13px;
    color:#56036d
}
.cust-help .text-center{
    text-align:center
}
.cust-help .text-bold{
    font-weight:700
}
.cust-help .wrapper{
    margin:0!important;
    background-color:#fff
}
.cust-help .header{
    border-bottom:1px solid #92a8b6;
    background-color:#56036d
}
.cust-help .header .dropdown-select .label{
    color:#fff;
    letter-spacing:.1px
}
.cust-help .header .dropdown-select .label .icon{
    fill:currentColor
}
.cust-help .header__logo{
    font-size:18px;
    font-weight:900;
    line-height:normal;
    color:#edf6fb
}
.cust-help .header__inner{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-align:center;
    align-items:center;
    padding:13px 0
}
.cust-help .contr{
    max-width:1070px;
    width:100%;
    margin:0 auto;
    padding:0 15px
}
.cust-help .btn:hover .icon{
    fill:#56036d
}
.tabbed__head{
    margin:0;
    border-bottom:2px solid #d5ebf7;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
.tabbed__head .tabbed__head_tabs{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:end;
    align-items:flex-end
}
.tabbed__head .tabbed__head_tabs li{
    min-width:150px;
    padding:6px 16px;
    text-align:center;
    cursor:pointer;
    font-size:14px;
    font-weight:700;
    line-height:1.57;
    letter-spacing:.1px;
    color:#56036d    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-bottom:2px solid #d5ebf7;
    transition:all 250ms ease;
    margin-bottom:-2px;
    background-color:rgba(0,0,0,.08)
}
.tabbed__head .tabbed__head_tabs li:not(.current):hover{
    background-color:#2c70a2;
    color:#fff;
    border-bottom:2px solid #56036d
}
.tabbed__head .tabbed__head_tabs li b{
    font-weight:700;
    margin-left:6px
}
.tabbed__head .tabbed__head_tabs li.current{
    border-bottom-color:#2c70a2;
    color:#2c70a2;
    background-color:#fff;
    box-shadow:0 4px 8px 0 rgba(38,40,42,.3)
}
.tabbed__tabs .tabbed__tabs_tab{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    display:none;
    background-color:#fff;
    box-shadow:0 4px 8px 0 rgba(0,41,89,.3)
}
.tabbed__tabs .tabbed__tabs_tab.is-visible{
    display:-ms-flexbox;
    display:flex
}
.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:#2c70a2;
    border-radius:50%
}
.icon-in-circle .icon{
    fill:#fff;
    font-size:20px
}
.nav{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:16px 0
}
.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:#fff;
    letter-spacing:.1px;
    color:#2c70a2;
    transition:none
}
.navlink:hover{
    box-shadow:0 2px 3px 0 rgba(38,40,42,.4);
    transition:none;
    background-color:#fff
}
.navlink .navlink__title{
    font-size:14px;
    font-weight:700;
    line-height:1.5;
    color:#2c70a2
}
.navlink .navlink__descr{
    font-size:12px
}
.navlink .icon-in-circle{
    margin-right:12px
}
.navlink:hover>.icon-in-circle{
    background-color:#56036d
}
.navlink:hover>.icon-in-circle .icon{
    transition:none;
    fill:#fff
}
.navlink-condensed{
    margin:8px;
    padding:8px;
    box-shadow:0 2px 5px 0 rgba(38,40,42,.1)
}
.navlink-condensed:hover{
    box-shadow:0 4px 6px 0 rgba(38,40,42,.1)
}
.select__title{
    margin:0 0 24px;
    font-size:20px;
    font-weight:700;
    line-height:1.17;
    letter-spacing:.12px;
    color:#56036d    text-align:center
}
.article{
    margin-top:44px;
    margin-bottom:30px
}
.article .block__head{
    padding:20px 0;
    border-bottom:1px solid #2c70a2;
    background-color:#2c70a2;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.3);
    color:#fff!important
}
.article__heading{
    margin:12px 0;
    font-size:20px;
    font-weight:700;
    line-height:1.4;
    color:#2c70a2;
    letter-spacing:.1px;
    text-align:center
}
.article__heading a{
    color:inherit
}
.article__heading a .icon-in-circle+span{
    margin-left:8px
}
.article__footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    margin:32px 0 8px
}
.article__footer .link{
    height:40px;
    font-size:13px;
    font-weight:600;
    text-align:center;
    color:#2c70a2
}
.btn-toggler{
    display:none
}
.btn-toggler.is-opened{
    -ms-transform:scaleY(-1);
    transform:scaleY(-1)
}
.btn-toggler .icon{
    width:10px!important;
    height:10px!important
}
@media screen and (max-width:768px){
    .ticket--article .ticket__body{
        -ms-flex-order:1;
        order:1
    }
    .ticket--article .ticket__params{
        -ms-flex-order:2;
        order:2;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-flow:column-reverse;
        flex-flow:column-reverse
    }
    .ticket--article .ticket__params .params--block{
        margin-top:32px
    }
    .btn-toggler{
        display:-ms-inline-flexbox;
        display:inline-flex
    }
    .params--block.collapsed-on-xs .accordion-title>span{
        display:none
    }
    .params--block.collapsed-on-xs .accordion-body{
        display:none
    }
    .block--head>.d-flex{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
}
.preview{
    display:-ms-flexbox;
    display:flex;
    width:100%;
    padding:24px 16px;
    border-bottom:1px solid #99c4e4;
    background-color:#fff;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.3)
}
.preview:hover{
    background-color:#edf6fb
}
.preview:hover .icon-in-circle .icon{
    fill:#fff
}
.preview .icon-in-circle{
    margin-top:-8px;
    margin-right:12px;
    margin-bottom:10px
}
.preview .preview__title{
    margin-bottom:10px;
    font-size:16px;
    font-weight:700;
    line-height:1.38;
    letter-spacing:.11px;
    color:#2c70a2
}
@media screen and (max-width:580px){
    .preview{
        padding:24px 6px;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .preview .preview__text{
        width:100%;
        -ms-flex-order:3;
        order:3
    }
}
.rate{
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-left:auto;
    font-size:12px;
    letter-spacing:.1px
}
.rate .star-rate+span{
    font-size:12px;
    margin-left:8px
}
.preview__text{
    max-width:678px;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word
}
.preview__text p{
    margin-top:8px
}
.kb-suggestions{
    margin:0 auto;
    width:100%;
    display:none;
    margin-top:10px
}
.kb-suggestions.boxed{
    max-width:752px;
    padding:10px;
    background-color:#fff
}
.kb-suggestions h6{
    padding:0 8px 8px;
    font-size:16px;
    font-weight:700;
    letter-spacing:.1px;
    color:#26282a
}
.suggest-preview{
    display:-ms-flexbox;
    display:flex;
    width:100%;
    padding:8px;
    border-bottom:1px solid #dfe4ec;
    background-color:#fff;
    overflow-wrap:break-word;
    word-wrap:break-word;
    -ms-word-break:break-all;
    word-break:break-all;
    word-break:break-word
}
.suggest-preview:last-of-type{
    border-bottom:none
}
a.suggest-preview{
    color:#26282a
}
a.suggest-preview:hover{
    background-color:#edf6fb
}
a.suggest-preview:hover .icon-in-circle .icon{
    fill:#fff
}
a.suggest-preview:hover .suggest-preview__title{
    font-weight:700
}
.suggest-preview .icon-in-circle{
    margin-top:6px;
    margin-right:12px
}
.suggest-preview .suggest-preview__title{
    margin-bottom:6px;
    font-size:100%;
    line-height:1.38;
    letter-spacing:.11px;
    color:#1776ea
}
.suggest-preview__text p{
    margin-top:6px
}
.no-articles-found{
    list-style-type:none;
    margin-left:8px
}
.block__head{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.content{
    margin:28px 0
}
.topics{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:32px 22px 0;
    border-radius:2px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.3);
    background-color:#fff
}
@media screen and (max-width:580px){
    .topics{
        box-shadow:none;
        padding:32px 0 0
    }
    .topics .topics__list{
        padding-left:16px
    }
}
.topics__block{
    width:50%;
    margin-bottom:16px
}
@media screen and (max-width:580px){
    .topics__block{
        width:100%
    }
}
.topics__title{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    font-weight:700;
    line-height:1.38;
    letter-spacing:.11px;
    color:#2c70a2
}
.topics__title .icon{
    font-size:18px;
    fill:#2c70a2;
    margin-right:8px
}
.topics__list{
    color:#2c70a2;
    padding-left:46px
}
.topics__list li{
    position:relative
}
.topics__list li:before{
    content:"";
    position:absolute;
    left:-14px;
    top:.7em;
    display:inline-block;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:currentColor
}
.topics__list li.text-bold::before{
    display:none
}
.topics__list a{
    display:-ms-flexbox;
    display:flex;
    margin:16px 0;
    line-height:1.57;
    letter-spacing:.1px;
    color:#2c70a2
}
.topics__list a:hover{
    color:#56036d
}
.divider{
    display:block;
    margin:30px;
    height:0;
    background-color:#2c70a2
}
.form-group.required .label:after,.form-group.required label:after,.label.required:after,label.required:after{
    content:"*";
    position:absolute;
    right:-.5em;
    font-size:18px;
    font-weight:700;
    line-height:1.22;
    color:#e02020
}
.label{
    display:-ms-inline-flexbox;
    display:inline-flex;
    position:relative;
    color:#2c70a2
}
.article__heading--form{
    margin:0 0 32px
}
.article__heading+.article-heading-tip{
    margin-top:-32px
}
.article-heading-tip{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:flex-start;
    -ms-flex-pack:center;
    justify-content:center;
    margin:4px auto 32px;
    text-align:center;
    font-size:12px;
    letter-spacing:.1px;
    color:#2c70a2
}
.form-submit-ticket{
    margin-bottom:24px;
    padding:24px 32px 56px;
    border-radius:2px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.3);
    background-color:#fff
}
.form-submit-ticket .form-groups{
    max-width:320px
}
.form-submit-ticket .form-groups.centered{
    margin:auto
}
.form-submit-ticket .form-group,.form-submit-ticket .param{
    max-width:570px;
    margin-bottom:32px
}
.form-submit-ticket textarea.form-control{
    height:200px
}
.captcha-block{
    margin:24px auto;
    max-width:300px;
    text-align:center
}
.captcha-block .label{
    margin-top:4px
}
.captcha-block .form-captcha{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    margin:16px 0
}
.captcha-block .form-captcha img{
    width:100%
}
.btn-refresh{
    position:absolute;
    top:0;
    bottom:0;
    right:-40px;
    margin:auto
}
.btn-refresh .icon{
    fill:#959eb0;
    font-size:16px
}
.form .label{
    display:-ms-inline-flexbox;
    display:inline-flex
}
.form h3{
    font-size:16px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.38;
    letter-spacing:.1px
}
.attach .block--attach{
    margin-top:0
}
.attach .attach-tooltype{
    margin-top:8px
}
.attach .attach-tooltype>span{
    font-size:12px;
    font-weight:400;
    font-style:italic;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:.1px;
    color:#2c70a2;
    margin-right:4px
}
.attach .tooltype ul li{
    margin-bottom:8px;
    padding-left:12px;
    position:relative
}
.attach .tooltype ul li:last-child{
    margin-bottom:0
}
.attach .tooltype ul li::before{
    content:"";
    display:block;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:#6b7480;
    position:absolute;
    top:6px;
    left:0
}
.param{
    display:block
}
.param .checkbox-custom{
    margin-top:16px
}
.param .label{
    margin-right:8px
}
.param .label.required{
    margin-right:16px
}
.param.calendar{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
.param.calendar h3{
    margin-right:16px
}
.param.calendar .calendar--button{
    position:relative;
    margin-right:16px
}
.param.calendar .calendar--button input{
    width:48px;
    height:48px;
    position:absolute;
    top:0;
    left:0;
    visibility:hidden
}
.param.calendar .calendar--button button{
    width:48px;
    height:48px;
    background-color:#2c70a2;
    border:none;
    outline:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:2px;
    transition:all 250ms ease;
    position:relative;
    z-index:1;
    cursor:pointer
}
.param.calendar .calendar--button button svg{
    transition:all 250ms ease
}
.param.calendar .calendar--button button.active svg{
    fill:#fff
}
.param.calendar .calendar--button button:hover{
    border:1px solid #2c70a2;
    background-color:#fff
}
.param.calendar .calendar--button button .icon-calendar{
    width:20px;
    height:20px
}
.param.calendar .calendar--value{
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#2c70a2;
    padding-right:25px;
    position:relative;
    display:none
}
.param.calendar .calendar--value input{
    display:none
}
.param.calendar .calendar--value .close{
    display:block;
    width:16px;
    height:16px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    position:absolute;
    top:3px;
    right:0
}
.param.calendar .calendar--value .close:hover svg{
    fill:#56036d
}
.param.calendar .calendar--value .close svg{
    width:10px;
    height:10px;
    fill:#56036d    transition:all 250ms ease
}
.param--attach .label{
    margin-right:22px
}
.form-footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.form-footer .btn{
    min-width:240px;
    height:56px
}
.form-footer .link{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center;
    height:40px;
    margin-top:32px;
    font-size:13px;
    font-weight:600;
    text-align:center;
    color:#2c70a2
}
.ticket__body_block .block--head{
    margin-top:0
}
@media screen and (max-width:768px){
    .ticket{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .ticket__body{
        width:100%;
        margin-right:0;
        -ms-flex-order:2;
        order:2
    }
    .ticket__params{
        width:100%;
        margin-bottom:32px
    }
}
.block--head{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.block--head .contact{
    margin-right:16px
}
.block--head .contact span+*{
    margin-left:8px
}
.block--head .contact span+span{
    color:#26282a!important
}
.btn-action{
    padding:0
}
.btn-action .icon{
    fill:#959eb0;
    font-size:16px
}
.ticket__body_block.naked{
    box-shadow:none
}
.ticket__block-footer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:10px;
    letter-spacing:.1px;
    color:#64859c;
    padding-top:5px;
    border-top:1px solid #9caabb
}
.ticket__block-footer>*{
    margin-left:12px
}
.ticket{
    display:-ms-flexbox;
    display:flex
}
.ticket__params .params--block{
    margin:0
}
.ticket__params .params--block .accordion-title .link{
    display:-ms-inline-flexbox;
    display:inline-flex;
    -ms-flex-align:center;
    align-items:center
}
.ticket__params .params--block .accordion-title .link .icon{
    fill:currentColor
}
.ticket__params .params--block+.params--block{
    margin-top:32px
}
.ticket__params .params--block .accordion-body{
    padding-top:0
}
.ticket__params .params--block .list{
    color:#2c70a2;
    padding-left:10px
}
.ticket__params .params--block .list a{
    line-height:1.57;
    letter-spacing:.1px
}
.ticket__params .params--block .list li{
    position:relative;
    margin-top:16px
}
.ticket__params .params--block .list li:before{
    content:"";
    position:absolute;
    left:-10px;
    top:.7em;
    display:inline-block;
    width:4px;
    height:4px;
    border-radius:50%;
    background-color:currentColor
}
.ticket__params .params--block .list li:first-child{
    margin-top:0
}
.form--reply{
    margin:24px 0
}
.form--reply textarea{
    height:200px!important
}
.form__submit{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center
}
.with-label{
    cursor:default
}
#loader{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color:#fff;
    z-index:100
}
.wrapper{
    display:-ms-flexbox;
    display:flex;
    flex:1 0 auto;
    width:100%;
    font-family:Lato,Arial,sans-serif;
    color:#56036d    font-size:14px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    background-color:#fff
}
@media screen and (max-width:900px){
    .wrapper{
        margin-top:48px
    }
}
.main{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
.main__content{
    -ms-flex-positive:1;
    flex-grow:1;
    background-color:#e9f0f3
}
.clearfix{
    overflow:auto
}
.notification{
    background-color:#fff;
    box-shadow:0 4px 8px 0 rgba(0,41,89,.3);
    padding:20px 28px;
    font-family:Lato,Arial,sans-serif;
    position:relative;
    display:block;
    margin-bottom:24px
}
.notification::before{
    content:"";
    width:8px;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.notification.red{
    background-color:#fff5f5
}
.notification.red::before{
    background-color:#e64342
}
.notification.orange{
    background-color:#ffffcc
}
.notification.orange::before{
    background-color:#eeb707
}
.notification.green{
    background-color:#f0fff4
}
.notification.green::before{
    background-color:#38bc7d
}
.notification.blue{
    background-color:#e2f2fd
}
.notification.blue::before{
    background-color:#00a6ec
}
.notification-flash{
    width:320px;
    z-index:20;
    background-color:#fff;
    box-shadow:0 4px 8px 0 rgba(0,41,89,.1);
    padding:24px 32px 16px;
    font-family:Lato,Arial,sans-serif;
    position:absolute;
    top:144px;
    right:32px;
    display:none
}
.notification-flash::before{
    content:"";
    width:8px;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.notification-flash.red::before{
    background-color:#e64342
}
.notification-flash.orange::before{
    background-color:#eeb707
}
.notification-flash.green::before{
    background-color:#38bc7d
}
.notification-flash.blue::before{
    background-color:#56036d
}
.notification-flash .close{
    width:16px;
    height:16px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    top:8px;
    right:8px;
    cursor:pointer
}
.notification-flash .close svg{
    width:8px;
    height:8px;
    fill:#c5cad4
}
.notification-flash .notification--title{
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    color:#26282a
}
.notification-flash .notification--text{
    margin-top:4px;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:.1px;
    color:#6b7480
}
.notification-flash .btn{
    margin-top:16px;
    width:96px
}
@media screen and (max-width:900px){
    .notification-flash{
        top:0!important;
        right:0;
        width:100%;
        position:fixed
    }
    .notification-flash .close{
        width:32px;
        height:32px;
        top:50%;
        -ms-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
.tooltype{
    display:-ms-inline-flexbox;
    display:inline-flex;
    vertical-align:middle;
    cursor:pointer;
    position:relative
}
.tooltype .icon-info{
    width:16px;
    height:16px;
    fill:#959eb0;
    transition:all 250ms ease
}
.tooltype:hover .icon-info{
    fill:#56036d
}
.tooltype:hover .tooltype__content{
    display:block
}
.tooltype .tooltype__content{
    position:absolute;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    z-index:10;
    font-family:Lato,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:.1px;
    color:#6b7480;
    text-transform:initial;
    width:260px;
    display:none
}
.tooltype .tooltype__content .tooltype__wrapper{
    background-color:#fff;
    padding:12px 24px 14px 14px;
    position:relative;
    z-index:1;
    white-space:normal
}
.tooltype .tooltype__content a{
    color:#2c70a2;
    transition:all 250ms ease
}
.tooltype .tooltype__content a:hover{
    color:#56036d
}
.tooltype .tooltype__content::before{
    content:"";
    display:block;
    width:8px;
    height:8px;
    background-color:#fff;
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    position:absolute;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    z-index:0
}
@media screen and (max-width:900px){
    .tooltype .tooltype__content{
        position:fixed!important;
        top:50%!important;
        left:50%!important;
        -ms-transform:translate(-50%,-50%)!important;
        transform:translate(-50%,-50%)!important
    }
    .tooltype .tooltype__content::before{
        display:none
    }
}
.tooltype.right .tooltype__content{
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:calc(100% + 4px)
}
.tooltype.right .tooltype__content::before{
    top:calc(50% - 4px);
    left:-4px
}
.tooltype.top .tooltype__content{
    left:50%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:calc(100% + 4px)
}
.tooltype.top .tooltype__content::before{
    left:calc(50% - 4px);
    bottom:-4px
}
.datepicker{
    font-family:Lato,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    width:368px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.3);
    border:none
}
.datepicker .datepicker--pointer{
    bottom:20px;
    box-shadow:0 2px 8px 0 rgba(38,40,42,.1);
    border:none
}
.datepicker .datepicker--cells-years,.datepicker .datepicker--years{
    height:auto
}
.datepicker .datepicker--cells-years .datepicker--cell,.datepicker .datepicker--years .datepicker--cell{
    margin:0 8px!important
}
.datepicker .datepicker--cells-months{
    height:auto
}
.datepicker .datepicker--cells-months .datepicker--cell{
    margin:0 8px!important
}
.datepicker .datepicker--content{
    padding:4px 16px;
    background-color:#fff
}
.datepicker .datepicker--nav{
    border-bottom:none;
    -ms-flex-pack:center;
    justify-content:center;
    font-weight:700;
    color:#56036d    background-color:#fff;
    height:48px
}
.datepicker .datepicker--nav i{
    color:#56036d
}
.datepicker .datepicker--cells{
    -ms-flex-pack:justify;
    justify-content:space-between
}
.datepicker .datepicker--cells .datepicker--cell{
    width:40px;
    height:40px;
    border-radius:50%;
    margin:0 3px 8px;
    transition:all 250ms ease
}
.datepicker .datepicker--cells .datepicker--cell.-current-{
    color:red
}
.datepicker .datepicker--cells .datepicker--cell.-selected-{
    background-color:red;
    color:#fff
}
.datepicker .datepicker--cells .datepicker--cell:hover:not(.-selected-){
    background-color:#2c70a2;
    color:#fff
}
.datepicker .datepicker--days-names{
    border-bottom:1px solid #dfe4ec;
    margin:0;
    padding-bottom:8px;
    margin-bottom:8px
}
.datepicker .datepicker--days-names .datepicker--day-name{
    width:48px;
    font-family:Lato,Arial,sans-serif;
    color:#2c70a2;
    font-size:14px;
    font-weight:700;
    font-style:normal;
    font-stretch:normal;
    line-height:1.57;
    letter-spacing:.1px;
    text-align:center;
    text-transform:none
}
@media screen and (max-width:900px){
    .datepicker.active{
        top:48vh!important;
        left:50vw!important;
        -ms-transform:translate(-50%,-50%)!important;
        transform:translate(-50%,-50%)!important;
        position:fixed
    }
}
.notification-bar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    display:none;
    background-color:#2c70a2
}
.notification-bar .close{
    display:block;
    width:24px;
    height:24px;
    position:absolute;
    right:40px;
    top:calc(50% - 12px);
    cursor:pointer
}
.notification-bar .close:hover svg{
    fill:#dfe4ec
}
.notification-bar .close svg{
    width:8px;
    height:8px;
    fill:#fff
}
.notification-bar .notification--text{
    color:#fff;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    min-height:48px
}
.notification-bar .btn{
    color:#fff;
    border-color:#fff;
    width:96px;
    height:32px;
    margin-left:32px
}
.notification-bar.green{
    background-color:#38bc7d
}
.notification-bar.red{
    background-color:#e64342
}
.notification-bar.orange{
    background-color:#eeb707
}
.notification-bar.blue{
    background-color:#56036d
}
.notification-bar.white{
    background-color:#fff;
    border-top:solid 1px #d4d6e3;
    border-bottom:solid 1px #d4d6e3
}
.notification-bar.white .notification--text{
    color:#26282a
}
.notification-bar.white .btn{
    color:#56036d    border-color:#56036d
}
.notification-bar.white svg{
    fill:#c5cad4
}
.star-rate{
    position:relative;
    width:84px;
    height:15px
}
.star-rate .icon-star-stroke{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:84px;
    height:15px
}
.star-rate .star-filled{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:15px;
    overflow:hidden;
    line-height:1
}
.star-rate .star-filled .icon-star-filled{
    width:84px;
    height:15px
}
.star-rate.rate-05 .star-filled,.star-rate.rate-5 .star-filled{
    z-index:2;
    width:10%
}
.star-rate.rate-10 .star-filled{
    z-index:2;
    width:20%
}
.star-rate.rate-15 .star-filled{
    z-index:2;
    width:30%
}
.star-rate.rate-20 .star-filled{
    z-index:2;
    width:40%
}
.star-rate.rate-25 .star-filled{
    z-index:2;
    width:50%
}
.star-rate.rate-30 .star-filled{
    z-index:2;
    width:60%
}
.star-rate.rate-35 .star-filled{
    z-index:2;
    width:70%
}
.star-rate.rate-40 .star-filled{
    z-index:2;
    width:80%
}
.star-rate.rate-45 .star-filled{
    z-index:2;
    width:90%
}
.star-rate.rate-50 .star-filled{
    z-index:2;
    width:100%
}
.main__content.notice-flash{
    margin-top:20px
}
sup{
    vertical-align:super;
    font-size:smaller
}
sub{
    vertical-align:sub;
    font-size:smaller
}
.browser-default p{
    display:block;
    margin:0 0 1em!important
}
.browser-default p:last-child{
    margin-bottom:0!important
}
.browser-default h1{
    display:block;
    font-size:2em;
    font-weight:700;
    margin:.67em 0
}
.browser-default h2{
    display:block;
    font-size:1.5em;
    font-weight:700;
    margin:.83em 0
}
.browser-default h3{
    display:block;
    font-size:1.17em;
    font-weight:700;
    margin:1em 0
}
.browser-default h4{
    display:block;
    font-size:1em;
    font-weight:700;
    margin:1.33em 0
}
.browser-default h5{
    display:block;
    font-size:.83em;
    font-weight:700;
    margin:1.67em 0
}
.browser-default h6{
    display:block;
    font-size:.67em;
    font-weight:700;
    margin:2.33em 0
}
.browser-default a{
    text-decoration:underline;
    color:#2c70a2;
    transition:color 250ms ease
}
.browser-default a:hover{
    text-decoration:none
}
.browser-default ul{
    display:block;
    list-style-type:disc!important;
    padding-left:40px!important;
    margin:1em 0 1px em 0
}
.browser-default ol{
    display:block;
    list-style-type:decimal!important;
    padding-left:40px!important;
    margin:1em 0
}
.browser-default p>b,strong{
    font-weight:700
}
.browser-default table{
    display:table;
    border:1px solid gray
}
.browser-default tr{
    padding:2px;
    border:1px solid gray
}
.browser-default td{
    padding:4px;
    border:1px solid gray
}
.browser-default blockquote{
    border-left:2px solid #ccc!important;
    margin-left:1.5rem!important;
    padding-left:1rem!important;
    font-style:normal!important
}
.browser-default pre{
    display:block;
    font-family:monospace;
    margin:1em 0;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word
}
.browser-default em{
    font-style:italic
}
.browser-default code{
    font-family:monospace;
    margin:1em 0;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    background-color:#e8e8e8;
    border-radius:3px;
    padding:.1rem .2rem
}
.selectize-dropdown .option,.selectize-input.input-active{
    cursor:pointer!important
}
@media screen and (min-width:900px){
    .cat-select .selectize-input{
        min-width:200px!important;
        height:56px!important;
        font-size:18px!important
    }
    .cat-select .selectize-dropdown{
        font-size:17px!important
    }
}
.title-link{
    text-decoration:underline!important
}
.title-link:hover{
    text-decoration:none!important
}
.ticket--article{
    margin-top:40px
}
.kb--folder{
    font-size:16px!important;
    font-weight:400!important
}
.kb--folder a{
    color:#2c70a2;
    font-weight:400
}
.kb--folder a:hover{
    color:#56036d!important
}
.kb--folder>.icon-folder,.kb--folder>.icon-knowledge{
    width:1.2em;
    height:1.2em;
    vertical-align:text-bottom;
    margin-right:4px;
    margin-left:2px;
    fill:#959eb0
}
.kb--folder>.icon-chevron-right{
    font-size:16px;
    width:.8em;
    height:1.1em;
    vertical-align:text-bottom;
    margin-right:0;
    margin-left:0;
    fill:#959eb0
}
.go-back{
    width:20px;
    height:.7em;
    fill:#2c70a2;
    margin-right:10px
}
.go-back.w{
    fill:#fff
}
.rate .icon{
    height:1.5em
}
.article .block__head .h-3{
    color:#fff!important
}
.go-back-button{
    background-color:#2c70a2;
    color:#fff!important;
    height:27px;
    padding:3px 10px 0 0
}
.go-back-button .link{
    color:#fff!important
}
.go-back-button:hover{
    background-color:#56036d
}
.param.calendar .calendar--button button:hover .icon-calendar{
    fill:#2c70a2!important
}
.radio-custom [type=radio]:checked+label{
    color:#56036d
}
.custom-field-title{
    color:#959eb0
}
.text-danger{
    color:red
}
.text-bold{
    font-weight:700
}
.captcha-remind{
    max-width:288px
}
.isErrorStr{
    color:#e64342!important;
    font-style:normal
}
.dropzone{
    min-height:inherit;
    border:1px solid #d4d6e3;
    padding:0
}
.attachment-row > .name-size-delete{
    display:flex
}
.attachment-row > .name-size-delete > .name-size{
    display:flex;
    flex-grow:1
}
.attachment-row > .name-size-delete > .name-size > .size{
    margin-left:5px
}
.attachment-row > .name-size-delete > .delete-button{
    display:flex;
    align-items:flex-end
}
.attachment-row > div{
    padding:5px 10px
}
.attachment-row > .upload-progress{
    width:100%
}
.attachment-row svg{
    width:16px;
    height:16px;
    fill:#9c9c9c
}
.attachment-row svg:hover,.attachment-row svg > use:hover{
    cursor:pointer
}
.attachment-row svg:hover{
    fill:#002d73
}
.dz-error div.error{
    padding:0 10px
}
.dropzone > .file-row:nth-child(even){
    background:#f9fafd
}