/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

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

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em !important;
    margin: 0.67em 0 !important;
}

h2 {
    font-size: 1.5em !important;
    margin: 0.45em 0 !important;
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

ul, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0
}

input, textarea {
    outline: none
}

@font-face {
    font-family: 'Titillium-Regular';
    src: url("fonts/Titillium-Regular.eot?#iefix") format("embedded-opentype"),url("fonts/Titillium-Regular.otf") format("opentype"),url("fonts/Titillium-Regular.woff") format("woff"),url("fonts/Titillium-Regular.ttf") format("truetype"),url("fonts/Titillium-Regular.svg#Titillium-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Titillium-Semibold';
    src: url("fonts/Titillium-Semibold.eot?#iefix") format("embedded-opentype"),url("fonts/Titillium-Semibold.otf") format("opentype"),url("fonts/Titillium-Semibold.woff") format("woff"),url("fonts/Titillium-Semibold.ttf") format("truetype"),url("fonts/Titillium-Semibold.svg#Titillium-Semibold") format("svg");
    font-weight: normal;
    font-style: normal
}

html, body {
    height: auto;
    min-height: 100%;
    padding: 0;
    margin: 0;
    background: #b5c0c7
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.width-85 {
    width: 85% !important
}

.border-none {
    border: none !important;
    border-left: none !important;
    border-right: none !important
}

td[data-item="TotalDiscountPercentage"].sis-show-updated-item .sis-updated-item {
    position: relative;
    bottom: -4px;
    margin-left: 0;
    display: inline-block;
    margin-right: 5px
}

.sis-ul-gray-on-hover li:hover {
    background: #F5F5F6 !important
}

.avgrund-popin {
    position: fixed !important;
    top: 20px !important
}

.clr {
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden
}

.message-list-table thead tr th, .message-list-table tbody tr td {
    padding: 10px 20px
}

html, body, button, input, select, textarea, body, p, span, a, b, strong, h1, h2, h3, h4, h5, th, td, i, em, li {
    font-size: 14px;
    line-height: 140%;
    color: #272c3b;
    font-weight: 400;
    font-family: "Titillium-Regular"
}

a {
    text-decoration: none;
    cursor: pointer
}

[data-id="item-name"] {
    word-break: break-all
}

input[type="text"], textarea {
    background-color: white
}

.transformed-input-for-print {
    white-space: nowrap
}

#companyLogo {
    max-width: 100%
}

.sis-bold {
    font-weight: bold;
    color: black !important
}

    .sis-bold td, .sis-bold div, .sis-bold a, .sis-bold span {
        font-weight: bold;
        color: black
    }

[data-id="quantity"], [data-id="discount"], [data-id="unit-price"], [data-id="item-total"] {
    white-space: nowrap
}

.pricing-summary tr td:last-child {
    white-space: nowrap
}

.full-width {
    width: 100% !important
}

.width-100 {
    width: 100px !important
}

a:hover {
    text-decoration: underline
}

.sis-icon {
    background-image: url("sprite.png");
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -10000px;
    overflow: hidden
}

.sis-icon--search-on {
    background-image: url("../../../images/search-on.png") !important;
    width: 42px;
    height: 42px
}

.sis-icon--search-off {
    background-image: url("../../../images/search-off.png") !important;
    width: 42px;
    height: 42px
}

.sis-icon--x-red {
    background-image: url("../../../images/x-red.png") !important;
    width: 16px;
    height: 16px
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.text-align-center {
    text-align: center !important
}

.text-align-right {
    text-align: right !important
}

.text-truncated {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.sis-field-error-position {
    margin: -10px
}

.vertical-align-top {
    vertical-align: top
}

.has-side-menu {
    margin-left: 100px
}

.collapsed {
    display: none
}

.space-for-link {
    padding-right: 120px !important
}

.negative-space-for-link {
    margin-right: -100px;
    width: 100px;
    display: block
}

.sis-erorr-404 {
    text-align: center;
    padding: 60px
}

    .sis-erorr-404 b {
        color: #d3143e;
        font-size: 40px;
        display: block;
        margin-bottom: 60px
    }

    .sis-erorr-404 a {
        color: #d3143e
    }

        .sis-erorr-404 a:hover {
            text-decration: underline
        }

    .sis-erorr-404 .sis-button {
        margin-top: 20px
    }

.sis-erorr-404__image {
    width: 249px;
    height: 249px;
    background: url("../../../images/error-404.gif");
    margin: 0 auto 60px
}

.sis-pop-message p {
    float: left;
    padding: 15px 20px;
    color: #FFF
}

.sis-pop-message__button {
    float: right;
    border-left: 1px solid #bd1238;
    padding: 10px
}

.sis-pop-message--error {
    background-color: #d3143e
}

.sis-pop-message--success {
    background-color: green
}

.small-negative-top {
    margin-top: -5px
}

.no-margin-top {
    margin-top: 0 !important
}

.sis-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10
}

.clickable {
    cursor: pointer
}

.collapsed-element {
    border-bottom: 1px solid #272c3b
}

.ui-datepicker {
    z-index: 9999 !important
}

.avgrund-overlay {
    visibility: hidden !important
}

.deactivated-handledby-group {
    color: gray
}

.inactive-handledby-group td {
    background-color: #fafafa !important
}

textarea {
    resize: vertical
}

.cursor-ptr, .cursor-ptr * {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

.quick-view-table .sis-table__label {
    width: 150px
}

.paragraph-like-link {
    text-decoration: none !important;
    cursor: default !important
}

.avgrund-popin {
    padding: 0 !important
}

.currency-label-top {
    margin-right: 20px
}

.button--wide {
    width: 120px !important
}

.align-right {
    text-align: right !important
}

.table-no-column-borders td {
    border-left: none !important
}

.sis-link--red {
    color: #d3143e
}

.sis-back-to {
    padding-bottom: 40px
}

.sis-text-header {
    display: block;
    line-height: 110%;
    font-family: "Titillium-Semibold";
    color: #d3143e
}

.sis-text-header--xl {
    font-size: 42px
}

.sis-text-header--primary {
    font-size: 24px
}

.bottom-image {
    margin-top: 40px
}

    .bottom-image img {
        width: 100%
    }

.landing-pages {
    padding: 0 200px;
    margin: -40px -30px
}

.jssorb03 {
    display: none
}

.jssora03l {
    position: absolute;
    left: -100px;
    top: 50%;
    width: 65px;
    height: 65px;
    margin-top: -10px;
    background: #5b6271;
    display: block;
    cursor: pointer;
    border-radius: 3px
}

    .jssora03l .sis-icon, .jssora03r .sis-icon {
        margin: 23px auto 0 auto
    }

.jssora03r {
    position: absolute;
    left: 100%;
    width: 65px;
    height: 65px;
    margin-left: 35px;
    background: #5b6271;
    display: block;
    cursor: pointer;
    border-radius: 3px
}

.jssorimage {
    background: #FFF;
    border-radius: 3px;
    text-align: center
}

    .jssorimage img {
        width: auto !important;
        height: auto !important;
        margin: 0 auto;
        display: block;
        top: 50% !important;
        left: 50% !important;
        transform: translateY(-50%) translateX(-50%)
    }

.sis-updated-item {
    display: none;
    position: absolute;
    margin-top: 0;
    margin-left: -25px;
    background: url("../../../images/updated-field.svg") center center no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.sis-show-updated-item .sis-updated-item {
    display: block
}

.sis-has-updated-items .label-light {
    padding-left: 50px
}

.sis-updated-item-inside {
    padding-left: 31px !important
}

.sis-updated-company-name {
    display: none;
    position: relative;
    background: url("../../../images/updated-field-orange.svg") center center no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 10px
}

.sis-show-updated-company-name .sis-updated-company-name {
    display: inline-block
}

.sis-has-updated-company-name .label-light {
    padding-left: 50px
}

.sis-updated-company-name-inside {
    padding-left: 31px !important
}

.message-edit .sis-table.sis-has-updated-items tbody td:first-child {
    width: 140px
}

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

:-moz-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

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

.mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.4) !important;
    width: 7px !important
}

.mCSB_draggerRail {
    background-color: rgba(255,255,255,0.75) !important;
    width: 10px !important
}

.wysiwyg ul {
    margin-left: 20px
}

.wysiwyg table thead th, .wysiwyg table thead td {
    padding: 10px 10px;
    text-align: left;
    font-weight: normal;
    background-color: #f5f5f6;
    border-left: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed;
    line-height: 110%
}

.wysiwyg table tbody td {
    padding: 10px 10px;
    text-align: left;
    background: #FFF;
    border-left: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed
}

.wysiwyg a {
    color: #1c5bc4;
    text-decoration: underline
}

    .wysiwyg a:hover {
        text-decoration: none
    }

.wysiwyg b, .wysiwyg strong {
    font-weight: bold !important
}

.sis-icon.sis-icon--logo-white {
    background-position: 0 -78px;
    height: 35px;
    width: 155px
}

.label-light {
    color: #999
}

.fields__group {
    margin-top: 30px;
    zoom: 1
}

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

    .fields__group:after {
        clear: both
    }

.fields__group--3-collumns .fields__group {
    float: left;
    width: 30%;
    margin-right: 5%
}

    .fields__group--3-collumns .fields__group:last-child {
        margin-right: 0
    }

.fields__group--custom-search .fields__group {
    float: left;
    width: 14%;
    margin-right: 2%
}

    .fields__group--custom-search .fields__group:first-child {
        width: 65%;
        margin-right: 5%
    }

    .fields__group--custom-search .fields__group:last-child {
        margin-right: 0
    }

.fields__group--sm {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0
}

.fields__group--space-bottom {
    padding-bottom: 20px
}

.fields__group--two-coll {
    padding-left: 20px;
    padding-right: 20px
}

    .fields__group--two-coll .fields__label {
        float: left;
        width: 50%;
        padding-top: 12px
    }

    .fields__group--two-coll .fields__element {
        float: left;
        width: 50%
    }

    .fields__group--two-coll .fields__element--just-text {
        margin-top: 0
    }

.fields__group--two-coll--mod1 .fields__label {
    width: 30%
}

.fields__group--two-coll--mod1 .fields__element {
    width: 70%
}

.fields__group--no-space-top {
    margin-top: 0 !important
}

.fields__group--no-label {
    margin-top: 38px !important
}

.fields__group--no-spaces {
    margin-top: 0 !important
}

    .fields__group--no-spaces .fields__element {
        margin-top: 0
    }

.fields__group--buttons .fields__element {
    margin-top: 0
}

.fields__group--buttonsx2 .fields__group {
    float: left
}

.fields__group .fields__group {
    margin-top: 0 !important
}

.fields__group--label-field-button .fields__label {
    width: 20%;
    padding-top: 17px
}

.fields__group--label-field-button .fields__element {
    width: 68%
}

    .fields__group--label-field-button .fields__element:last-child {
        width: 10%;
        margin-left: 2%
    }

        .fields__group--label-field-button .fields__element:last-child .sis-button {
            width: 100%
        }

.fields__group--field-button .fields__element {
    width: 88%;
    float: left
}

    .fields__group--field-button .fields__element:last-child {
        width: 10%;
        margin-left: 2%
    }

        .fields__group--field-button .fields__element:last-child .sis-button {
            width: 100%
        }

.fields__group--element-buttons-2 .fields__group {
    width: 10%;
    margin-left: 2%;
    float: left
}

    .fields__group--element-buttons-2 .fields__group .select2-container {
        width: 100% !important
    }

    .fields__group--element-buttons-2 .fields__group:first-child {
        width: 76%;
        margin-left: 0
    }

.fields__group--element-buttons-controls-2 .fields__group {
    width: 10%;
    margin-left: 2%;
    float: left
}

    .fields__group--element-buttons-controls-2 .fields__group .select2-container {
        width: 100% !important
    }

    .fields__group--element-buttons-controls-2 .fields__group:nth-child(2) {
        width: 24%
    }

    .fields__group--element-buttons-controls-2 .fields__group:nth-child(1) {
        width: 50%;
        margin-left: 0
    }

.fields__group--element-buttons-controls-3 .fields__group {
    width: 10%;
    margin-left: 2%;
    float: left
}

    .fields__group--element-buttons-controls-3 .fields__group .select2-container {
        width: 100% !important
    }

    .fields__group--element-buttons-controls-3 .fields__group:nth-child(3) {
        width: 24%
    }

    .fields__group--element-buttons-controls-3 .fields__group:nth-child(2) {
        width: 24%
    }

    .fields__group--element-buttons-controls-3 .fields__group:nth-child(1) {
        width: 24%;
        margin-left: 0
    }

.fields__group--fields-5 .fields__group {
    float: left;
    width: 18.4%;
    margin: 0 0 0 2%
}

    .fields__group--fields-5 .fields__group .select2-container {
        width: 100% !important
    }

    .fields__group--fields-5 .fields__group:first-child {
        margin-left: 0
    }

.fields__group--left-to-right .fields__label {
    float: left
}

.fields__group--left-to-right .fields__element {
    float: left
}

.fields__label--has-tags .sis-tag {
    margin-left: 20px
}

    .fields__label--has-tags .sis-tag .sis-remove-tag {
        border: 0;
        padding: 0;
        margin: 0 0 0 5px;
        background-color: transparent;
        position: relative;
        bottom: -3px
    }

.fields__element-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 40px;
    background: #3a4051
}

    .fields__element-icon .sis-icon {
        position: absolute;
        left: 50% !important;
        top: 50% !important
    }

    .fields__element-icon .sis-icon--person-white {
        margin-top: -10px !important;
        margin-left: -10px !important
    }

    .fields__element-icon .sis-icon--upper-quotes-white {
        margin-top: -8px !important;
        margin-left: -10px !important
    }

    .fields__element-icon .sis-icon--pencil-white {
        top: 0 !important;
        margin-top: 15px !important;
        margin-left: -10px !important
    }

.fields__element {
    margin-top: 5px;
    position: relative;
    z-index: 1
}

.fields__element--just-text {
    padding-top: 12px
}

.fields__element--icon-left .sis-icon, .fields__element--icon-right .sis-icon {
    position: absolute;
    top: 50%;
    z-index: 1
}

.fields__element--icon-left .sis-icon--calendar-grey, .fields__element--icon-right .sis-icon--calendar-grey {
    margin-top: -9px
}

.fields__element--icon-left .sis-icon--arrow-left-white, .fields__element--icon-left .sis-icon--raquo-left-white, .fields__element--icon-left .sis-icon--arrow-right-white, .fields__element--icon-left .sis-icon--raquo-right-white, .fields__element--icon-right .sis-icon--arrow-left-white, .fields__element--icon-right .sis-icon--raquo-left-white, .fields__element--icon-right .sis-icon--arrow-right-white, .fields__element--icon-right .sis-icon--raquo-right-white {
    margin-top: -7px
}

.fields__element--icon-left .sis-icon {
    left: 15px
}

.fields__element--icon-left .fields__control, .fields__element--icon-left .sis-button {
    padding-left: 40px
}

.fields__element--icon-left-xl .fields__control, .fields__element--icon-left-xl .sis-button {
    padding-left: 60px
}

.fields__element--icon-right .sis-icon {
    right: 15px
}

.fields__element--icon-right .fields__control, .fields__element--icon-right .sis-button {
    padding-right: 40px
}

.fields__element .sis-message {
    text-align: center
}

.fields__element .sis-message--danger {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 100%;
    width: 100%;
    margin-bottom: 10px
}

    .fields__element .sis-message--danger:before {
        content: "";
        top: 100%;
        left: 50%;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #d3143e;
        margin-left: -6px
    }

    .fields__element .sis-message--danger.field-validation-error {
        display: none
    }

    .fields__element .sis-message--danger.field-validation-valid {
        display: none
    }

.fields__control {
    border: 1px solid #ccd0d3;
    background: #fFfFfF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    height: 40px
}

.fields__control--width-auto {
    width: auto
}

.fields__control--smaller {
    height: 33px
}

.fields__control--lg {
    width: 230px
}

.fields__control--disabled {
    border: 1px solid #FFF;
    background: #FFF
}

.fields__control.input-validation-error {
    color: #d3143e;
    border-color: #d3143e
}

.fields--smaller .fields__group {
    margin-top: 20px
}

.fields--smaller .fields__control {
    height: 33px
}

.fields--smaller .sis-button {
    height: 33px;
    line-height: 33px
}

textarea {
    padding-top: 6px !important;
    width: 100%;
    min-height: 100px;
    display: block
}

.form-control, textarea {
    border: 1px solid #ccd0d3;
    background: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    height: 40px
}

.fields__control.decimal {
    padding-left: 5px;
    padding-right: 5px
}

input[type="number"].fields__control {
    padding: 0 0 0 10px;
    text-align: center
}

.sis-button {
    border: 0 none;
    height: 40px;
    background-color: #3a3f52;
    color: #FFF;
    padding: 0 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    line-height: 40px;
    position: relative;
    z-index: 1
}

    .sis-button:hover {
        background-color: #d3143e;
        text-decoration: none
    }

    .sis-button:active {
        background-color: #bd1238
    }

.sis-button--smaller {
    padding: 0 20px;
    line-height: 33px;
    height: 33px
}

.sis-button__icon {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    margin-left: -20px;
    border-right: 1px solid #b21b40;
    margin-right: 10px
}

    .sis-button__icon .sis-icon {
        margin: 0 auto
    }

    .sis-button__icon .sis-icon--pdf-white {
        margin-top: 5px;
        margin-bottom: -5px
    }

.sis-button--white {
    background-color: #FFF;
    color: #272c3b !important
}

    .sis-button--white:hover {
        background-color: #FFF !important;
        color: #272c3b !important
    }

.sis-button--full-width {
    width: 100%;
    text-align: center
}

.sis-button--disabled {
    background-color: #b8bbbd !important
}

.buttons__group-1 {
    padding: 10px 0
}

    .buttons__group-1 .sis-button.float-left {
        margin-right: 20px
    }

.sis-label {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    text-align: center;
    padding: 5px 20px;
    color: #FFF
}

.sis-label--blue {
    background: #1858c2
}

.sis-label--green {
    background: #02cfc8
}

.sis-label--red {
    background: #d30b39
}

.sis-label--gray {
    background: #b8bbbd
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    border-left: 1px solid #cdd0d2;
    width: 30px
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        background-image: url("sprite.png");
        background-repeat: no-repeat;
        display: inline-block;
        text-indent: -10000px;
        overflow: hidden;
        background-position: -26px -20px !important;
        height: 9px !important;
        width: 14px !important;
        border: 0 none !important;
        margin-left: -7px !important;
        margin-top: -4px !important
    }

.select2-selection.select2-selection--single {
    border-radius: 2px !important
}

.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-position: 0 -40px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 31px !important
}

.select2-container .select2-selection--single {
    height: 33px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 31px !important;
    height: 31px !important
}

.select2-search--dropdown {
    display: none !important
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    display: none
}

    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + [type="hidden"] + label, [type="checkbox"]:checked + [type="hidden"] + label {
        position: relative;
        z-index: 1;
        cursor: pointer;
        padding: 10px 0 0 40px;
        display: block
    }

        [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + [type="hidden"] + label:before, [type="checkbox"]:checked + [type="hidden"] + label:before {
            content: '';
            position: absolute;
            z-index: 1;
            left: 7px;
            top: 7px;
            width: 25px;
            height: 25px;
            border: 1px solid #ccd0d3;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            display: block;
            background-color: #ffffff
        }

        [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, [type="checkbox"]:checked + [type="hidden"] + label:after {
            content: '';
            position: absolute;
            z-index: 1;
            left: 7px;
            top: 7px;
            width: 25px;
            height: 25px;
            display: block;
            background-image: url("images/custom-check.png");
            background-repeat: no-repeat;
            background-position: center center;
            display: block
        }

        [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:not(:checked) + [type="hidden"] + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            transform: scale(0)
        }

        [type="checkbox"]:checked + label:after, [type="checkbox"]:checked + [type="hidden"] + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            transform: scale(1)
        }

[type="checkbox"].input-validation-error:not(:checked) + label:before, [type="checkbox"].input-validation-error:checked + label:before, [type="checkbox"].input-validation-error:not(:checked) + [type="hidden"] + label:before, [type="checkbox"].input-validation-error:checked + [type="hidden"] + label:before {
    border: 1px solid #d3143e
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    display: none
}

    [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
        position: relative;
        z-index: 1;
        cursor: pointer;
        padding: 0 0 0 25px;
        display: block
    }

        [type="radio"]:not(:checked) + label:before, [type="radio"]:checked + label:before {
            content: '';
            position: absolute;
            z-index: 1;
            left: 7px;
            top: 7px;
            width: 29px;
            height: 29px;
            border: 1px solid #ccd0d3;
            -webkit-border-radius: 29px;
            -moz-border-radius: 29px;
            border-radius: 29px;
            display: block;
            background-color: #fafafa
        }

        [type="radio"]:not(:checked) + label:after, [type="radio"]:checked + label:after {
            content: '';
            position: absolute;
            z-index: 1;
            left: 15px;
            top: 15px;
            height: 15px;
            width: 15px;
            display: block;
            background-color: #3a4050;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px
        }

        [type="radio"]:not(:checked) + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -moz-opacity: 0;
            -khtml-opacity: 0;
            opacity: 0;
            transform: scale(0)
        }

        [type="radio"]:checked + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
            transform: scale(1)
        }

.company-logo-container img {
    display: block;
    margin: 0 auto
}

.ui-datepicker {
    border: 1px solid #cdd0d2;
    background: #FFF
}

    .ui-datepicker .ui-datepicker-header {
        border-bottom: 1px solid #cdd0d2;
        background: #ffffff;
        position: relative;
        z-index: 1;
        height: 26px;
        padding-top: 4px;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            background: #272c3b;
            position: absolute;
            z-index: 1;
            height: 23px;
            padding-top: 7px;
            width: 30px;
            text-align: center;
            top: 0;
            left: 0
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
                background-position: -38px 0;
                height: 15px;
                width: 9px;
                background-image: url("sprite.png");
                background-repeat: no-repeat;
                display: inline-block;
                text-indent: -10000px;
                overflow: hidden
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            background: #272c3b;
            position: absolute;
            z-index: 1;
            height: 23px;
            padding-top: 7px;
            width: 30px;
            text-align: center;
            top: 0;
            right: 0
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
                background-position: 0 0;
                height: 14px;
                width: 9px;
                background-image: url("sprite.png");
                background-repeat: no-repeat;
                display: inline-block;
                text-indent: -10000px;
                overflow: hidden
            }

    .ui-datepicker thead th {
        border-left: 1px solid #cdd0d2
    }

        .ui-datepicker thead th:first-child {
            border-left: 0
        }

        .ui-datepicker thead th span {
            display: block;
            width: 30px;
            height: 25px;
            padding-top: 5px;
            text-align: center
        }

    .ui-datepicker tbody tr td {
        border-top: 1px solid #cdd0d2;
        border-left: 1px solid #cdd0d2
    }

        .ui-datepicker tbody tr td a {
            display: block;
            width: 30px;
            height: 25px;
            padding-top: 5px;
            text-align: center
        }

            .ui-datepicker tbody tr td a.ui-state-hover {
                background: #cdd0d2;
                color: #FFF;
                text-decoration: none
            }

            .ui-datepicker tbody tr td a.ui-state-active {
                background: #272c3b;
                color: #FFF;
                text-decoration: none
            }

        .ui-datepicker tbody tr td:first-child {
            border-left: 0
        }

.select2-hidden-accessible {
    width: auto !important
}

.dropdown {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 100
}

    .dropdown dd, .dropdown dt {
        margin: 0px;
        padding: 0px
    }

    .dropdown ul {
        margin: -1px 0 0 0;
        padding: 0;
        display: block;
        list-style: none
    }

    .dropdown li {
        margin: 0;
        padding: 0;
        display: block;
        list-style: none
    }

    .dropdown dd {
        position: relative;
        z-index: 100
    }

    .dropdown a, .dropdown a:visited {
        color: #fff;
        text-decoration: none;
        outline: none;
        font-size: 12px
    }

    .dropdown dt a {
        display: block;
        overflow: hidden;
        border: 1px solid #aaa;
        background: #fFfFfF;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
        height: 33px;
        line-height: 31px
    }

        .dropdown dt a p {
            height: 33px;
            line-height: 31px
        }

    .dropdown .up-down {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 1px solid #cdd0d2;
        width: 31px
    }

        .dropdown .up-down .up-down__up {
            background-image: url("sprite.png");
            background-repeat: no-repeat;
            display: inline-block;
            text-indent: -10000px;
            overflow: hidden;
            background-position: -26px -20px !important;
            height: 9px !important;
            width: 14px !important;
            border: 0 none !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%)
        }

        .dropdown .up-down .up-down__down {
            background-image: url("sprite.png");
            background-repeat: no-repeat;
            display: none;
            text-indent: -10000px;
            overflow: hidden;
            background-position: 0 -40px !important;
            height: 9px !important;
            width: 14px !important;
            border: 0 none !important;
            margin-left: -7px !important;
            margin-top: -4px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%)
        }

    .dropdown dt a span, .multiSel span {
        cursor: pointer;
        display: inline-block;
        padding: 0 3px 2px 0
    }

.mutliSelect [type="checkbox"]:checked ~ label {
    color: #272c3b
}

.dropdown dd ul {
    border: 1px solid #aaa;
    background: #fFfFfF;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    display: none;
    left: 0px;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    list-style: none;
    height: 230px;
    overflow: auto;
    z-index: 100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li label {
    display: block;
    margin-top: 20px;
    color: #a5aead;
    padding-left: 40px !important
}

    .dropdown dd ul li label:before, .dropdown dd ul li label:after {
        top: -5px !important;
        left: -5px !important
    }

.dropdown dd ul li:first-child label {
    margin-top: 0
}

.dropdown dd ul li:hover label {
    color: #272c3b
}

.dropdown dd ul li input[type="checkbox"]:checked + label {
    color: #272c3b !important
}

.sis-wrapper {
    width: 92%;
    max-width: 1720px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

main .sis-wrapper {
    width: 100%
}

.sis-content {
    /*padding: 40px 30px;*/
    min-height: 530px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .sis-content .validation-summary-valid.sis-message {
        display: none
    }

.sis-layout {
    min-height: 100%;
    /*padding-top: 60px;*/
    padding-bottom: 126px;
    position: relative;
    z-index: 1;
    background: #FFF
}

.sis-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2
}
    .sis-footer .sis-wrapper {
        width: 100%
    }

.sis-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    z-index: 2
}

.sis-message {
    color: #FFF;
    padding: 7px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sis-message--space-bottom {
    margin-bottom: 20px
}

.sis-message span {
    color: #FFF
}

.sis-message--lg {
    padding: 10px 10px
}

.sis-message--danger {
    background: #d3143e
}

.sis-table {
    width: 100%
}

    .sis-table div.print-fix-1 {
        page-break-inside: avoid
    }

        .sis-table div.print-fix-1 * {
            page-break-inside: avoid
        }

.sis-table__item-name {
    width: 200px
}

.sis-table thead th, .sis-table thead td {
    padding: 10px 10px;
    text-align: left;
    font-weight: normal;
    background-color: #f5f5f6;
    border-left: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed;
    line-height: 110%
}

    .sis-table thead th:first-child, .sis-table thead td:first-child {
        border-left: 0 none
    }

        .sis-table thead th:first-child .sis-icon, .sis-table thead td:first-child .sis-icon {
            margin: 2px auto -2px auto
        }

.sis-table tbody td {
    padding: 10px 10px;
    text-align: left;
    background: #FFF;
    border-left: 1px solid #e1e8ed;
    border-bottom: 1px solid #e1e8ed
}

    .sis-table tbody td .sis-label {
        margin: -10px -15px
    }

    .sis-table tbody td:first-child {
        border-left: 0 none
    }

        .sis-table tbody td:first-child .sis-icon {
            margin: 2px auto -2px
        }

.sis-table--just-body tbody tr:first-child td {
    border-top: 1px solid #e1e8ed
}

.sis-table--width-auto {
    width: auto
}

.sis-table--space-top {
    margin-top: 40px
}

.sis-table--transparent td {
    border: 0 !important
}

    .sis-table--transparent td:first-child {
        border-left: 0 !important
    }

    .sis-table--transparent td:last-child {
        border-right: 0 !important
    }

.sis-table--inner {
    margin-left: -20px;
    margin-right: -20px
}

.sis-table--gray-on-hover tbody tr:hover, .sis-table--gray-on-hover tbody tr:hover td {
    background: #F5F5F6 !important
}

.sis-table .sis-table__stripe td {
    background: #fafafa !important
}

.sis-table--no-borders-elem td {
    border-left: 0 none !important;
    border-bottom: 0 none !important
}

.sis-table--no-borders-elem-last td {
    border-left: 0 none !important
}

.sis-table__open-row-child td {
    background: #fafafa !important
}

    .sis-table__open-row-child td:first-child {
        border-left: 6px solid #3a4051 !important
    }

    .sis-table__open-row-child td:last-child {
        border-right: 2px solid #3a4051 !important
    }

    .sis-table__open-row-child td table td:first-child {
        border-left: 6px solid #e1e8ed !important
    }

    .sis-table__open-row-child td table td:last-child {
        border-right: 2px solid #e1e8ed !important
    }

.sis-table__open-row td {
    background: #fafafa !important
}

    .sis-table__open-row td:first-child {
        border-left: 6px solid #3a4051 !important
    }

    .sis-table__open-row td:last-child {
        border-right: 2px solid #3a4051 !important
    }

.sis-table__second-child {
    border-left: 0 none !important
}

.sis-table__label {
    display: inline-block;
    width: 100px
}

.sis-table__label-value {
    display: inline-block
}

.sis-table--sort-up {
    background-image: url("../../../images/triangle-up-black.png");
    background-repeat: no-repeat;
    background-position: top right
}

.sis-table--sort-down {
    background-image: url("../../../images/triangle-down-black.png");
    background-repeat: no-repeat;
    background-position: bottom left
}

.sis-table--sort-neutral {
    background-image: url("../../../images/triangle-down-grey.png");
    background-repeat: no-repeat;
    background-position: bottom right
}

.sis-table__dropdown {
    position: relative;
    z-index: 1
}

    .sis-table__dropdown:hover {
        background: #ebecee
    }

        .sis-table__dropdown:hover .sis-table__minimenu {
            display: block
        }

.sis-table__minimenu {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 240px;
    border-right: 1px solid #cdd0d2;
    border-bottom: 1px solid #cdd0d2;
    background: #FFF
}

.sis-table__minimenu-item {
    border-top: 1px solid #cdd0d2;
    border-left: 1px solid #cdd0d2;
    display: block;
    cursor: pointer
}

    .sis-table__minimenu-item:hover {
        background: #ebecee
    }

.sis-table__minimenu-text {
    min-height: 40px;
    padding: 10px 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left
}

.sis-table__minimenu-icon {
    min-height: 40px;
    width: 54px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    border-right: 1px solid #cdd0d2
}

    .sis-table__minimenu-icon .sis-icon {
        margin: 0 auto
    }

    .sis-table__minimenu-icon .sis-icon--arrows-left-right {
        margin-top: 16px !important
    }

    .sis-table__minimenu-icon .sis-icon--raquo-down {
        margin-top: 14px !important
    }

.sis-table__collumn--width-narrow {
    width: 20%
}

.sis-table__collumn--width-wide {
    width: 80%
}

.sis-table__wrapper {
    margin: 0 -2px 0 -6px;
    min-width: 100%
}

    .sis-table__wrapper thead th:first-child {
        border-left: 6px solid #cdd0d2
    }

    .sis-table__wrapper thead th:last-child {
        border-right: 2px solid #cdd0d2
    }

    .sis-table__wrapper tbody td:first-child {
        border-left: 6px solid #cdd0d2
    }

    .sis-table__wrapper tbody td:last-child {
        border-right: 2px solid #cdd0d2
    }

    .sis-table__wrapper tbody .sis-table--unread td {
        background: #fbe7eb !important;
        border-bottom: 1px solid #dfbfcb
    }

        .sis-table__wrapper tbody .sis-table--unread td:first-child {
            border-left: 6px solid #d3143e
        }

        .sis-table__wrapper tbody .sis-table--unread td:last-child {
            border-right: 2px solid #d3143e
        }

.sis-table .sis-table--transparent td {
    border: 0 !important
}

    .sis-table .sis-table--transparent td:first-child {
        border-left: 0 !important
    }

    .sis-table .sis-table--transparent td:last-child {
        border-right: 0 !important
    }

.toggle-up .sis-table--sort-up {
    display: block
}

.toggle-down .sis-table--sort-down {
    display: block
}

.sis-table__wrapper {
    overflow: auto
}

.sis-popup__handled_by {
    padding: 0px !important
}

.sis-popup__content-text {
    font-size: 12px;
    color: #a5aead;
    margin-bottom: 20px
}

    .sis-popup__content-text p, .sis-popup__content-text span, .sis-popup__content-text em, .sis-popup__content-text i, .sis-popup__content-text li, .sis-popup__content-text b, .sis-popup__content-text strong, .sis-popup__content-text div, .sis-popup__content-text td {
        font-size: 12px;
        color: #a5aead
    }

.sis-popup__title {
    padding: 20px;
    font-size: 16px;
    border-bottom: 1px solid #cdd0d2
}

.sis-popup__title--sm {
    font-size: 14px
}

.sis-popup__content {
    padding: 20px
}

.sis-popup__content--no-spaces {
    padding: 0
}

.sis-popup .fields__group--buttons .sis-button {
    text-align: center;
    margin: 0 0 0 20px
}

.sis-popup .validation-summary-valid.sis-message {
    display: none
}

.sis-tooltip-summary-margin {
    margin-right: 10px
}

.sis-tooltip-theme-red {
    border-color: #d3143e;
    background-color: #d3143e;
    border: #d3143e;
    border-radius: 2px;
    padding: 10px
}

    .sis-tooltip-theme-red div, .sis-tooltip-theme-red td {
        color: white
    }

.sis-theme-green {
    border-color: #87c146;
    background-color: #87c146;
    border: #87c146;
    border-radius: 2px;
    padding: 10px
}

    .sis-theme-green div, .sis-theme-green td {
        color: white
    }

.sis-theme-orange {
    border-color: orange;
    background-color: orange;
    border: orange;
    border-radius: 2px;
    padding: 10px
}

    .sis-theme-orange div, .sis-theme-orange td {
        color: white
    }

.sis-login__form {
    /*padding: 30px 0 0;*/
    width: 340px;
    margin: 0 auto
}

    .sis-login__form .sis-button {
        width: 150px;
        text-align: center
    }

.sis-login__title {
    padding-top: 20px;
    font-size: 36px;
    corlo: #d3143e;
    font-family: "Titillium-Semibold";
    text-align: center;
    display: block;
    line-height: 100%;
    color: #d3143e
}

.sis-login__top-text {
    padding-top: 20px;
    text-align: center
}

.sis-user-management__collumn {
    float: left;
    width: 49%;
    padding-top: 20px
}

    .sis-user-management__collumn:first-child {
        margin-right: 2%
    }

    .sis-user-management__collumn .fields__group .fields__group {
        width: 160px
    }

        .sis-user-management__collumn .fields__group .fields__group:first-child.float-left {
            margin-right: 5px
        }

        .sis-user-management__collumn .fields__group .fields__group:first-child.float-right {
            margin-left: 5px
        }

.sis-user-management__block {
    height: 305px;
    margin-top: 15px;
    overflow: auto;
    border: 2px solid #cdd0d2
}

.sis-user-management__bottom-controls {
    margin-top: 30px
}

    .sis-user-management__bottom-controls .fields__group .fields__group {
        width: 120px
    }

.sis-user-management__list {
    padding: 0;
    margin: 0;
    list-style: none
}

.sis-user-management__item {
    padding: 0;
    margin: 0;
    list-style: none;
    zoom: 1;
    border-bottom: 1px solid #dee8ef;
    min-height: 50px
}

    .sis-user-management__item:before, .sis-user-management__item:after {
        content: "";
        display: table
    }

    .sis-user-management__item:after {
        clear: both
    }

.sis-user-management__marker {
    float: left;
    width: 50px;
    min-height: 50px;
    text-align: center
}

.sis-user-management__marker--extra-space-left {
    margin-left: 15px
}

.sis-user-management__marker .custom-marker {
    margin: 10px auto 0
}

.sis-user-management__label {
    float: left;
    border-left: 1px solid #dee8ef;
    min-height: 50px;
    padding: 15px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sis-user-management__label--no-border-left {
    border-left: 0
}

.sis-user-management__label--sm {
    font-size: 12px
}

.sis-handledBy-management__marker {
    float: left;
    width: 50px;
    min-height: 50px;
    text-align: center
}

.sis-handledBy-management__marker--extra-space-left {
    margin-left: 15px
}

.sis-handledBy-management__marker .custom-marker {
    margin: 10px auto 0
}

.sis-handledBy-management__label {
    min-height: 50px;
    padding: 15px 0 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sis-handledBy-management__label--no-border-left {
    border-left: 0
}

.sis-handledBy-management__label--sm {
    font-size: 12px
}

.sis-handledBy-list .sis-button {
    min-width: 130px;
    text-align: left
}

.handledBy-items__list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.handledBy-items__item {
    display: block;
    padding: 0;
    margin: 0 0 25px;
    list-style: none;
    float: left;
    width: 48%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .handledBy-items__item:nth-child(odd) {
        margin-right: 4%
    }

.sis-handledBy-edit__table td {
    padding-top: 10px;
    padding-right: 20px
}

.message-view .sis-table {
    margin: 20px 0
}

.message-view .sis-table--no-spaces {
    margin: 0
}

.message-view .sis-table tbody td:first-child {
    width: 110px
}

.message-edit .validation-summary-valid.sis-message.sis-message--danger {
    display: none
}

.message-edit .fields__group--left-to-right {
    margin-top: 0 !important;
    margin-bottom: 10px
}

    .message-edit .fields__group--left-to-right .fields__label, .message-edit .fields__group--left-to-right label {
        padding: 5px 20px 10px;
        width: 110px;
        float: left
    }

        .message-edit .fields__group--left-to-right .fields__label--longer, .message-edit .fields__group--left-to-right label.longer {
            width: 170px
        }

    .message-edit .fields__group--left-to-right .fields__element {
        padding-top: 0
    }

.message-edit .fields-group1 {
    border-top: 1px solid #cdd0d2;
    padding-top: 17px;
    padding-bottom: 12px;
    clear: both
}

.message-edit .fields-group1--just-border {
    padding: 0 !important
}

.message-edit .fields-group1 .fields__group {
    width: 33.33%;
    float: left;
    margin-bottom: 10px
}

.message-edit .sis-block__collumn .fields__element {
    width: 335px
}

.message-edit .sis-table .form-control {
    width: 50px
}

.message-edit .sis-table input[type="number"] {
    width: 70px
}

.message-edit .sis-table textarea.form-control, .message-edit .sis-table textarea {
    width: 100%
}

.message-edit .sis-table tbody td:first-child {
    width: 110px
}

.file-upload__field {
    padding: 15px 20px;
    border-top: 1px solid #e1e8ed
}

    .file-upload__field:first-child {
        border: 0
    }

.file-upload__name {
    font-family: "Titillium-Semibold";
    margin-right: 5px
}

.file-upload__delete {
    float: right;
    background: url("../../../../images/delete-red.png") no-repeat;
    border: 0;
    width: 22px;
    height: 22px;
    margin-top: -2px;
    margin-left: 10px
}

.file-upload__download {
    float: right;
    margin-top: -2px;
    border: 0;
    background-color: transparent
}

.file-upload__progress {
    margin-top: 5px;
    height: 10px;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
    -webkit-box-shadow: inset -1px 1px 2px 0px #dbdbdb;
    -moz-box-shadow: inset -1px 1px 2px 0px #dbdbdb;
    box-shadow: inset -1px 1px 2px 0px #dbdbdb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: none
}

.file-upload__select {
    padding-top: 8px
}

    .file-upload__select select {
        width: 100%
    }

.file-upload__progress-bar {
    background: #3a4051;
    height: 10px
}

.file-upload__file-input-button {
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    border: 0 none;
    background-color: #d3143e !important;
    color: #FFF !important;
    padding: 7px 20px 2px;
    line-height: 100%;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -6px
}

    .file-upload__file-input-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
        display: block
    }

.file-upload__file-input-button-dark {
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    border: 0 none;
    color: #FFF !important;
    padding: 7px 20px 2px;
    line-height: 100%;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -6px
}

    .file-upload__file-input-button-dark input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
        display: block
    }

.news-items__list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.news-items__item {
    display: block;
    padding: 0;
    margin: 0 0 25px;
    list-style: none;
    float: left;
    width: 48%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .news-items__item:nth-child(odd) {
        margin-right: 4%
    }

    .news-items__item .sis-text-header {
        height: 30px;
        overflow: hidden
    }

.news-items__item-text {
    border: 1px solid #cdd0d2;
    border-top: 0;
    padding: 20px
}

    .news-items__item-text p {
        margin-top: 0
    }

.news-items__summary {
    margin-top: 15px;
    height: 59px
}

.news-items__item-bottom-tools {
    margin: 20px -20px -20px
}

    .news-items__item-bottom-tools .sis-icon--lines-white {
        margin: 2px -5px -2px
    }

.news-items__item-image {
    position: relative;
    border: 1px solid #cdd0d2;
    border-bottom: 0;
    height: 307px;
    overflow: hidden
}

    .news-items__item-image img {
        display: block;
        width: 100%
    }

.news-items__item-posted {
    background: url("../../../../images/transparent-1.png");
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    padding: 10px 20px;
    color: #FFF;
    text-align: center
}

.news-items__item-sis-news {
    background: url("../../../../images/transparent-2.png");
    position: absolute;
    bottom: 0;
    left: 180px;
    padding: 10px 20px;
    color: #FFF
}

.news-item__text {
    border: 1px solid #cdd0d2;
    border-top: 0;
    padding: 20px
}

    .news-item__text p {
        margin-top: 20px
    }

.news-item__item-posted {
    background: url("../../../../images/transparent-1.png");
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    padding: 10px 20px;
    color: #FFF;
    text-align: center
}

.news-item__item-sis-news {
    background: url("../../../../images/transparent-2.png");
    position: absolute;
    bottom: 0;
    left: 180px;
    padding: 10px 20px;
    color: #FFF
}

.news-item__slider {
    border: 1px solid #cdd0d2;
    border-bottom: 0;
    position: relative
}

    .news-item__slider img {
        display: block;
        max-width: 100%
    }

.front-page {
    padding: 0 200px;
    margin: 0 -200px
}

.front-page__slider {
    margin: 0 -200px
}

    .front-page__slider img {
        width: 100%
    }

.front-page__text {
    padding: 70px 120px;
    text-align: center
}

    .front-page__text p {
        margin: 20px 0 0
    }

.front-page__tabs {
    margin: 0 -200px
}

.front-page__tabs-items {
    padding: 0 200px;
    border-bottom: 6px solid #dee8ef;
    margin: 0;
    display: block;
    list-style: none
}

.front-page__tabs-icon-on {
    display: inline-block
}

.front-page__tabs-icon-off {
    display: none
}

.front-page__tabs-item {
    padding: 0 0 25px;
    border-bottom: 6px solid transparent;
    margin: 0 0 -6px;
    display: block;
    list-style: none;
    float: left;
    width: 25%;
    text-align: center;
    cursor: pointer
}

    .front-page__tabs-item a {
        text-decoration: none
    }

    .front-page__tabs-item * {
        outline: none
    }

    .front-page__tabs-item.ui-state-active {
        border-bottom: 6px solid #d3143e
    }

        .front-page__tabs-item.ui-state-active .front-page__tabs-icon-on {
            display: none
        }

        .front-page__tabs-item.ui-state-active .front-page__tabs-icon-off {
            display: inline-block
        }

        .front-page__tabs-item.ui-state-active .front-page__tabs-icon {
            border-color: #d3143e
        }

        .front-page__tabs-item.ui-state-active .front-page__tabs-icon-text {
            color: #d3143e
        }

.front-page__tabs-icon {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #3a4051;
    width: 180px;
    height: 180px;
    border: 6px solid #FFF;
    margin: 0 auto 40px;
    position: relative
}

    .front-page__tabs-icon .sis-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -27px
    }

.front-page__tabs-icon-text {
    font-size: 18px;
    font-family: 'Titillium-Semibold'
}

.front-page__tabs-content {
    border-bottom: 6px solid #dee8ef
}

.front-page__tabs-content-side {
    float: left;
    width: 50%
}

    .front-page__tabs-content-side:first-child {
        padding: 45px 55px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .front-page__tabs-content-side:first-child .sis-text-header {
            padding-bottom: 15px
        }

    .front-page__tabs-content-side img {
        width: 100%;
        display: block
    }

    .front-page__tabs-content-side p {
        margin-top: 15px
    }

.front-page__gallery {
    margin: 0 -200px;
    background: #3a4051;
    text-align: center;
    padding: 70px 200px
}

    .front-page__gallery p {
        color: #FFF;
        margin-top: 15px
    }

.front-page__gallery-container {
    margin: 60px -200px
}

    .front-page__gallery-container img {
        width: 100%;
        display: block
    }

.front-page__form-submit {
    margin-top: 20px
}

.front-page__form-two-fields .fields__group {
    float: left;
    width: 48%
}

    .front-page__form-two-fields .fields__group:first-child {
        margin-right: 4%
    }

.front-page__form {
    padding: 70px 0 40px;
    text-align: center
}

    .front-page__form .sis-text-header {
        padding-bottom: 15px
    }

    .front-page__form p {
        margin-top: 20px
    }

.front-page__form-button {
    padding: 20px 0 0
}

.sis-header {
    text-align: center;
    background: #3a4051;
    border-bottom: 6px solid #d3143e
}

    .sis-header .sis-wrapper {
        border-left: 1px solid #272c3b;
        border-right: 1px solid #272c3b
    }

.sis-header__logo {
    float: left;
    height: 60px;
    position: relative;
    z-index: 1
}

    .sis-header__logo .sis-icon--logo-white {
        position: absolute;
        top: 50%;
        left: 25px;
        margin-top: -18px
    }

.sis-header__navigation {
    float: right
}

.sis-footer {
    text-align: center
}

    .sis-footer .sis-wrapper {
        border-top: 6px solid #d3143e;
        background: #FFF
    }

.sis-footer__top-line, .sis-footer__bot-line {
    min-height: 60px;
    padding: 20px 40px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sis-footer__links {
    float: right
}

    .sis-footer__links .sis-footer__link {
        margin-left: 20px
    }

.sis-footer__links--icons-inside .sis-footer__link {
    position: relative;
    z-index: 1;
    margin-left: 50px
}

    .sis-footer__links--icons-inside .sis-footer__link .sis-icon {
        position: absolute;
        top: 50%;
        left: -30px
    }

    .sis-footer__links--icons-inside .sis-footer__link .sis-icon--mail-red {
        margin-top: -6px
    }

    .sis-footer__links--icons-inside .sis-footer__link .sis-icon--phone-red {
        margin-top: -10px
    }

.sis-footer__seperator {
    margin-left: 20px;
    color: #dee8ef;
    border-left: 1px solid #dee8ef;
    width: 0;
    overflow: hidden;
    display: inline-block;
    margin-bottom: -6px
}

.sis-footer__bot-line {
    border-top: 1px solid #dee8ef
}

.top-navigation__user-avatar {
    background: url("../../../user-avatar.jpg");
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -21px
}

.top-navigation form {
    float: left
}

.top-navigation__sub-level-1 {
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;
    width: 200px;
    background: #3a4051;
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #272c3b
}

    .top-navigation__sub-level-1 li {
        display: block;
        padding: 0;
        margin: 0;
        list-style: none
    }

    .top-navigation__sub-level-1 a {
        padding-bottom: 22px !important;
        height: auto !important;
        border-top: 1px solid #272c3b;
        border-right: 1px solid #272c3b;
        padding-left: 20px !important;
        padding-right: 20px !important;
        text-align: left !important
    }

.top-navigation__item {
    display: block;
    float: left;
    position: relative;
    z-index: 3
}

    .top-navigation__item:hover .top-navigation__sub-level-1 {
        display: block
    }

    .top-navigation__item a, .top-navigation__item__link {
        color: #FFF;
        display: block;
        height: 60px;
        text-align: center;
        padding: 22px 20px 0;
        box-sizing: border-box;
        line-height: 110%;
        border-left: 1px solid #272c3b;
        text-decoration: none
    }

        .top-navigation__item a:hover, .top-navigation__item__link:hover {
            background: #303646
        }

.top-navigation__item--user-icon a {
    padding-left: 55px
}

.top-navigation__item--icon-right .sis-icon {
    position: absolute;
    top: 25px;
    right: 20px
}

.top-navigation__item--icon-right a {
    padding-right: 45px
}

.sis-block {
    border-left: 6px solid #cdd0d2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 40px;
    border-bottom: 2px solid #cdd0d2
}

.sis-block__title {
    background: #3a4051;
    color: #FFF;
    min-height: 60px;
    font-size: 16px;
    position: relative;
    z-index: 1
}

    .sis-block__title * {
        color: #FFF;
        font-size: 16px
    }

    .sis-block__title .open-close-toggle {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        min-height: 60px;
        width: 60px;
        border-left: 1px solid #272c3b;
        cursor: pointer
    }

        .sis-block__title .open-close-toggle .sis-icon--arrow-down-white {
            display: block
        }

        .sis-block__title .open-close-toggle .sis-icon--arrow-up-white {
            display: none
        }

    .sis-block__title .open-close-toggle--opened .sis-icon--arrow-down-white {
        display: none
    }

    .sis-block__title .open-close-toggle--opened .sis-icon--arrow-up-white {
        display: block
    }

    .sis-block__title .open-close-toggle:hover {
        background: #d3143e
    }

    .sis-block__title .open-close-toggle .sis-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -4px;
        margin-left: -7px
    }

.sis-block__title--x2 .sis-block__title-text {
    float: left;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 60px;
    border-left: 1px solid #272c3b;
    margin-left: -2px;
    padding-right: 20px;
    position: relative;
    z-index: 1;
    color: #FFF
}

    .sis-block__title--x2 .sis-block__title-text:first-child {
        border-left: 0;
        margin-left: 0
    }

.sis-block__title--tabs {
    padding-right: 20px
}

.sis-block__title-text {
    padding-top: 20px;
    padding-left: 20px;
    font-size: 16px
}

.sis-block--border-top {
    border-top: 1px solid #cdd0d2 !important
}

.sis-block--border-top-dark {
    border-top: 1px solid #272c3b !important
}

.sis-block__collumn {
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #cdd0d2;
    margin-left: -1px;
    min-height: 1px
}

.sis-block__collumn--spaces {
    padding: 20px
}

.sis-block__collumn--no-borders {
    border: 0 !important
}

.sis-block__collumn--spaces-top-bottom {
    padding: 20px 0
}

.sis-block__collumn:first-child {
    border-right: 1px solid #cdd0d2;
    border-left: 0;
    margin-left: 0
}

.sis-block__content {
    zoom: 1;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    border-bottom-right-radius: 2px;
    border-right: 2px solid #cdd0d2
}

    .sis-block__content:before, .sis-block__content:after {
        content: "";
        display: table
    }

    .sis-block__content:after {
        clear: both
    }

    .sis-block__content .sis-block__content {
        border: 0;
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

.sis-block__content--vertical-spaces {
    padding: 20px
}

.sis-block__content--spaces {
    padding: 20px
}

.sis-block--space-bottom {
    margin-bottom: 20px
}

.sis-block--no-space-top {
    margin-top: 0
}

.sis-side-menu {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100px;
    background: #3a4051
}

    .sis-side-menu ul, .sis-side-menu li {
        background: #3a4051;
        padding: 0;
        margin: 0;
        list-style: none
    }

.sis-side-menu__items {
    position: fixed;
    z-index: 2;
    top: 66px;
    width: 100px
}

.sis-side-menu__items--tier2 {
    background: #3a4051;
    width: 175px;
    display: none;
    position: absolute;
    z-index: 2;
    left: 100%;
    top: 0;
    border-left: 2px solid #FFF
}

.sis-side-menu__item {
    border-bottom: 2px solid #303646
}

    .sis-side-menu__item:hover {
        background: #303646
    }

    .sis-side-menu__item:active, .sis-side-menu__item--active {
        background: #272c3b
    }

    .sis-side-menu__item .sis-icon {
        display: none;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%
    }

        .sis-side-menu__item .sis-icon:first-child {
            display: block
        }

    .sis-side-menu__item .sis-icon--panel-off, .sis-side-menu__item .sis-icon--panel-on {
        margin: -26px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--envelope-off, .sis-side-menu__item .sis-icon--envelope-on {
        margin: -29px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--graphic-off, .sis-side-menu__item .sis-icon--graphic-on {
        margin: -29px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--open-book-off, .sis-side-menu__item .sis-icon--open-book-on {
        margin: -26px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--search-off, .sis-side-menu__item .sis-icon--search-on {
        margin: -33px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--cog-off, .sis-side-menu__item .sis-icon--cog-on {
        margin: -29px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--wheel-off, .sis-side-menu__item .sis-icon--wheel-on {
        margin: -29px 0 0 -21px
    }

    .sis-side-menu__item .sis-icon--sis-off, .sis-side-menu__item .sis-icon--sis-on {
        margin: -26px 0 0 -34px
    }

    .sis-side-menu__item .sis-icon--anchor-off, .sis-side-menu__item .sis-icon--anchor-on {
        margin: -19px 0 0 -16px
    }

    .sis-side-menu__item:hover {
        text-decoration: none
    }

        .sis-side-menu__item:hover .sis-icon {
            display: block
        }

            .sis-side-menu__item:hover .sis-icon:first-child {
                display: none
            }

.sis-side-menu__item--tier1 {
    position: relative;
    z-index: 2
}

    .sis-side-menu__item--tier1 > .sis-side-menu__link {
        padding: 75px 10px 10px
    }

    .sis-side-menu__item--tier1:hover .sis-side-menu__items--tier2 {
        display: block
    }

.sis-side-menu__item--tier2 > .sis-side-menu__link {
    text-align: left;
    padding: 20px 10px
}

.sis-side-menu__link {
    display: block;
    text-align: center;
    color: #FFF;
    position: relative;
    z-index: 2
}

    .sis-side-menu__link:hover {
        text-decoration: none
    }

.sis-filter__group1 {
    zoom: 1
}

    .sis-filter__group1:before, .sis-filter__group1:after {
        content: "";
        display: table
    }

    .sis-filter__group1:after {
        clear: both
    }

    .sis-filter__group1 .fields__group {
        float: left;
        width: 178px;
        margin-left: 20px
    }

        .sis-filter__group1 .fields__group:first-child {
            width: 176px;
            margin-left: 0
        }

.sis-filter__group2 {
    zoom: 1
}

    .sis-filter__group2:before, .sis-filter__group2:after {
        content: "";
        display: table
    }

    .sis-filter__group2:after {
        clear: both
    }

    .sis-filter__group2 .fields__group {
        float: left;
        width: 125px;
        margin-left: 20px
    }

        .sis-filter__group2 .fields__group:first-child {
            margin-left: 0;
            width: 678px
        }

.sis-pagination {
    zoom: 1;
    min-height: 50px;
    background: #3a4051
}

    .sis-pagination:before, .sis-pagination:after {
        content: "";
        display: table
    }

    .sis-pagination:after {
        clear: both
    }

.sis-pagination__item {
    float: left;
    color: #FFF;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
    width: 50px;
    text-align: center;
    padding: 14px 0 0
}

    .sis-pagination__item:hover, .sis-pagination__item__active {
        background: #575c6b;
        border-bottom: 5px solid #d3143e;
        text-decoration: none
    }

.sis-pagination__item--icon {
    padding: 17px 0 0
}

.sis-pagination__total {
    color: #FFF;
    padding: 14px 0 0 10px
}

.sis-pagination__sorting {
    color: #FFF;
    border-left: 1px solid #272c3b;
    min-height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .sis-pagination__sorting .fields__control {
        display: none
    }

.sis-tabs {
    position: relative;
    min-height: 60px;
    background: #3a4051
}

.sis-tabs__item {
    cursor: pointer;
    float: right;
    color: #FFF;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 60px;
    height: 60px;
    text-align: center;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 5px solid #3a4051
}

    .sis-tabs__item:hover {
        background: #575c6b;
        border-top: 5px solid #d3143e;
        text-decoration: none
    }

.sis-tabs__item__active {
    background: #575c6b;
    border-top: 5px solid #d3143e;
    text-decoration: none
}

.custom-marker {
    border: 1px solid #cdd0d2;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    width: 30px;
    height: 30px
}

    .custom-marker input {
        display: none
    }

    .custom-marker .sis-icon {
        margin: 0 auto;
        display: none
    }

    .custom-marker .sis-icon--arrow-down-grey {
        margin-top: 10px
    }

.custom-marker--marked {
    background: #fafafa
}

    .custom-marker--marked .sis-icon {
        display: block
    }

.custom-dropdown {
    position: relative;
    z-index: 4
}

.custom-dropdown__current {
    padding: 14px 60px 0 20px;
    height: 50px;
    cursor: default;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .custom-dropdown__current:hover .custom-dropdown__items {
        display: block
    }

    .custom-dropdown__current .sis-icon {
        position: absolute;
        top: 50%;
        right: 20px
    }

    .custom-dropdown__current .sis-icon--arrow-down-white {
        margin-top: -3px
    }

.custom-dropdown__items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 4px;
    background: #3a4051;
    padding: 0;
    margin: 0
}

.custom-dropdown__item {
    display: block;
    padding: 0;
    margin: 0;
    padding: 14px 60px 0 20px;
    height: 50px;
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFF;
    border-top: 1px solid #272c3b
}

    .custom-dropdown__item:hover {
        background: #575c6b
    }

.custom-dropdown__item__link {
    color: #FFF;
    text-decoration: none
}

    .custom-dropdown__item__link:hover {
        color: #FFF;
        text-decoration: none
    }

.sis-statistic {
    margin-top: 40px
}

.sis-statistic__item {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    border-left: 4px solid #FFF;
    height: 60px
}

    .sis-statistic__item:first-child {
        border-left: 0
    }

.sis-statistic__item--color1 {
    background: #88c045
}

.sis-statistic__item--color2 {
    background: #1b5ac3
}

.sis-statistic__item--color3 {
    background: #12d1ca
}

.sis-statistic__item--color4 {
    background: #5927b0
}

.sis-statistic__number {
    color: #FFF;
    width: 70px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    padding: 18px 0 0;
    float: left
}

.sis-statistic__text {
    margin-left: 70px;
    display: table;
    height: 60px
}

.sis-statistic__inner-text {
    color: #FFF;
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
    height: 60px
}

#CountOfRFQMessages, #CountOfQuoteMessages, #CountOfOrderMessages, #CountOfQuoteSentMessages, #CountOfAllMessages {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #FFF;
    background: #d3143e;
    padding: 5px 9px;
    margin: 10px 10px 10px 0px
}

.sis-attachments__button, .sis-attachments__list {
    float: left
}

.sis-attachments__list {
    width: 40%;
    border-right: 1px solid #cdd0d2;
    border-left: 1px solid #cdd0d2;
    padding: 0 20px;
    margin-right: -1px
}

    .sis-attachments__list:last-child {
        border-right: 0
    }

    .sis-attachments__list:nth-child(2):not(:last-child) {
        border-left: 0
    }

    .sis-attachments__list:nth-child(2):last-child.no-border-left {
        border-left: 0
    }

    .sis-attachments__list:first-child {
        border-left: 0
    }

.sis-attachments__title {
    color: #a0a2a7;
    margin-bottom: 10px
}

.sis-table.sis-table__document-trail-table thead th {
    color: white;
    background-color: #3a3f52;
    border: 1px solid black
}

.sis-popup .sis-popup__content .button-padding {
    padding: 20px
}

.sis-popup__content.document-trail-popup {
    padding: 0
}

.sis-product-groups__coll {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 15px;
    position: relative;
    z-index: 1
}

.sis-product-groups__coll--options {
    width: 40%;
    border-right: 1px solid #e1e8ed
}

.sis-product-groups__coll--results {
    width: 60%;
    border-left: 1px solid #e1e8ed
}

.sis-product-groups__heading, .sis-product-groups__actions {
    background-color: #f5f5f6
}

.sis-product-groups__heading {
    border-bottom: 1px solid #e1e8ed;
    font-size: 14px;
    padding: 10px 20px
}

.sis-product-groups__actions {
    clear: both;
    border-top: 1px solid #e1e8ed;
    padding: 20px 0;
    text-align: right
}

    .sis-product-groups__actions .sis-button {
        margin-right: 20px
    }

.sis-product-groups__content {
    margin-left: -6px
}

.sis-product-groups__content-view {
    height: auto
}

.sis-product-groups__content-edit {
    height: 600px
}

.sis-group-list {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none
}

.sis-group-list__item {
    display: block;
    margin: 0 0 0 6px;
    padding: 15px 20px 15px 0;
    list-style: none;
    border-bottom: 1px solid #e1e8ed;
    position: relative;
    z-index: 9999
}

    .sis-group-list__item:hover {
        background-color: #f5f5f6;
        cursor: pointer
    }

    .sis-group-list__item label {
        color: #a5aead;
        padding: 0 0 0 65px !important;
        display: inline !important
    }

        .sis-group-list__item label:after, .sis-group-list__item label:before {
            left: 20px !important;
            top: -3px !important
        }

    .sis-group-list__item [type="checkbox"]:checked ~ label {
        color: #272c3b
    }

.sis-group-list__item--selected label, .sis-group-list__item--active label {
    color: #272c3b
}

.sis-group-list__item--hidden {
    display: none
}

.sis-group-list__item--active:before {
    content: '';
    display: block;
    width: 6px;
    position: absolute;
    top: 0;
    left: -6px;
    bottom: 0;
    background: #d3143e;
    z-index: 9999
}

.sis-group-list__item--active label {
    font-weight: bold
}

.sis-group-list--view .sis-group-list__item label {
    padding-left: 20px !important;
    color: #272c3b
}

    .sis-group-list--view .sis-group-list__item label:before, .sis-group-list--view .sis-group-list__item label:after {
        display: none !important
    }

.sis-containing-list {
    display: none;
    padding: 0 0 10px 0;
    margin: 0;
    list-style: none
}

.sis-containing-list--active {
    display: block !important
}

.sis-containing-list__item {
    display: block;
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none
}

    .sis-containing-list__item label {
        color: #a5aead;
        padding-top: 10px !important;
        padding-left: 65px !important;
        display: block
    }

        .sis-containing-list__item label:after, .sis-containing-list__item label:before {
            left: 20px !important
        }

    .sis-containing-list__item [type="checkbox"]:checked ~ label {
        color: #272c3b
    }

.sis-containing-list__item--hidden {
    display: none
}

.sis-containing-list__item--selected label, .sis-containing-list__item:hover label {
    color: #272c3b
}

.sis-containing-list--view .sis-containing-list__item label {
    padding-left: 20px !important;
    padding-top: 0 !important;
    color: #272c3b
}

    .sis-containing-list--view .sis-containing-list__item label:after, .sis-containing-list--view .sis-containing-list__item label:before {
        display: none !important
    }

.sis-containing-list--view .sis-containing-list__item:first-child label {
    padding-top: 10px !important
}

.sis-validation-summary span {
    color: #d3143e;
    background: #FFFFFF;
}

.fields__group .fields__element {
    margin: 5px !important;
}

.PostLogoutRedirectUri {
    text-decoration: underline;
}

.page-header {
    text-align: center !important;
    border-bottom: none;
}