.heading1 {
    font: helvetica;
    font-size: 14px;
    font-weight: bold;
}

.heading2 {
    color: #4c4c4c;
    font-size: 9pt;
    font-weight: 600;
}

    .heading2 td {
        padding-top: 10px;
    }

.heading3 {
    font-size: 9pt;
    font-weight: bold;
}

    .heading3 td {
        padding-top: 10px;
    }


.redText {
    color: Red;
}

.greenText {
    color: Green;
}

.yellowText {
    color: #e1d627;
}

.blueText {
    color: #0000FF;
}

.boldText {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
}


/*Stylar fält som är disabled till mer läsliga*/
.x-form-item-default.x-item-disabled {
    opacity: 1;
}

.x-item-disabled * {
    color: #808080;
}

.read-only-style .x-form-text-default {
    background-color: #f5f5f5;
}

.textFieldBackgroundRed .x-form-text-default {
    background-color: #ff6969;
}

/*cbMultiCols-list Klasser för att ha fler kolumner i en Combobox*/
.cbMultiCols-list {
    width: 360px;
    font-family: helvetica, arial;
    font-size: 11px;
}

    .cbMultiCols-list th {
        font-weight: normal;
        font-size: 13px;
        text-align: left;
        background-color: #f5f5f5;
        font-weight: 700;
        color: #483737;
        border-bottom: solid 1px #483737;
        height: 35px;
    }

    .cbMultiCols-list td, .cbMultiCols-list th {
        padding: 3px;
    }
/*-----------------------------------------------------------------*/

.colorTjanstAvslutad {
    color: white;
    background: #f18b8b;
}

.colorGreen {
    background: #a8f0a8;
}

.textColorRed {
    color: #db0b04;
}

/*För vit bakgrund där paneler i vissa fall har grå bakgrund*/
.panelBGColor body.x-border-layout-ct, div.x-border-layout-ct {
    background-color: #ffffff;
}

/*Styling för Triton-tema*/

/*---Grid---*/
.x-grid-cell-inner {
    line-height: 13px;
}

.x-column-header-checkbox .x-column-header-inner, .x-grid-checkcolumn-cell-inner {
    padding: 4px 4px 4px 4px
}

.gridInputFieldCls {
    height: 25px;
    line-height: 25px;
    min-height: 25px;
    max-height: 25px;
}
/*Justerar Datefield och Combobox*/
.gridInputCls .x-form-trigger-default {
    font: 13px/22px 'Font Awesome 5 Free';
    width: 28px;
}

.gridInputCls .x-form-text-default {
    padding: 5px 0px 4px 4px;
}

.gridInputCls .x-form-spinner-default {
    margin-top: -3px;
    margin-bottom: -3px;
}
/*---Grid end---*/

/*---Fält, Textfield, Datefield, mm---*/

.fieldInnerStyle {
    height: 22px;
    line-height: 22px;
    min-height: 22px;
    max-height: 22px;
    padding-left: 7px;
}
.fieldInnerStyleUploadField {
    height: 30px;
    line-height: 30px;
    min-height: 30px;
    max-height: 30px;
    padding-left: 7px;
}

.fieldStyle {
    margin-bottom: 6px;
}
    /*Justerar Datefield och Combobox*/
    .fieldStyle .x-form-trigger-default {
        font: 13px/22px 'Font Awesome 5 Free';
        width: 28px;
    }

    .fieldStyle .x-form-text-default {
        padding: 5px 4px 4px;
    }

    /*Justerar höjd på ikon-pilar i numberfield*/
    .fieldStyle .x-form-spinner-default {
        margin-top: -3px;
        margin-bottom: -3px;
    }

.fieldLabelStyle {
    padding-top: 3px;
}

.fieldContainerStyle {
    margin-bottom: 0px !important;
}


.fieldContainerStyle5px {
    margin-bottom: 5px;
}

/*---Generell marginal under textfält---*/
.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 5px;
}
/*---Fält, Textfield, Datefield, mm--- End*/

/*----Knappar----*/

.buttonBig {
    padding-top: 7px !important;
    height: 31px !important;
}


.buttonSmall {
    padding-top: 5px;
    height: 24px !important;
}

.uploadField .x-btn-default-small {
    padding: 3px 5px 2px 7px;
    height: 23px;
}

.x-btn-default-small {
    background-color: #3d689d;
    border-color: #3d689d;
    height: 29px;
    border-radius: 3px;
}

.x-btn-over.x-btn-default-small {
    background-color: #477aa6;
    border-color: #477aa6;
}

/*---Knappar i toolbar---*/
.x-btn-default-toolbar-small, .x-btn-primary-small {
    background-color: #3d689d;
    border-color: #355276;
    height: 29px;
    padding-top: 6px;
    border-radius: 3px;
}

.x-btn-success-small {
    background-color: #50a550;
    height: 29px;
    padding-top: 6px;
    border-radius: 3px;
}

.x-btn-danger-small {
    height: 29px;
    padding-top: 6px;
    border-radius: 3px;
}


.x-btn-over.x-btn-default-toolbar-small {
    background-color: #4f8cc1;
}

.x-pressed.x-btn-default-toolbar-small {
    background-color: #477aa6;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-toolbar-small {
    background-color: #477aa6;
}
/*Pil*/
.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    color: #f7f7f7;
}
/*Ikon*/
.x-btn-icon-el-default-toolbar-small {
    color: #f7f7f7;
}
/*Text*/
.x-btn-inner-default-toolbar-small {
    color: #f7f7f7;
}

.x-item-disabled * {
    color: #5795cb;
}
/*---Knappar i toolbar - end---*/

/*---Knappar end---*/

/*---Fieldset---*/
.x-fieldset {
    background: #f5faff;
}

.x-fieldset-header-default {
    padding: 5px 0px 5px 5px;
}

.panelInFieldsetBgColor .x-panel-body-default {
    background: #f5faff;
}

.bg-color-blue {
    background: #f5faff !important;
}

.x-mask {
    background-color: transparent !important;
}
/*---Fieldset end---*/
/*---Ikonstorlek tabpanel---*/
.x-tab-icon-el-default {
    font-size: 18px;
    padding-top: 1px;
}
/*---Ikonstorlek end---*/
.icon-class {
    background-color: #f5f5f5;
}

/*Panelheader höjd*/
.x-panel-header-default-horizontal {
    padding: 8px 9px 8px;
}

/*---Main-färger---*/
.x-tab-bar-default {
    background-color: #3977ab;
}

.x-window-header-default-top {
    background-color: #3977ab;
    border: none;
}

.x-window-header-default .x-tool-img {
    background-color: #3977ab;
}

.x-window-default {
    border-color: #3977ab;
}

.x-panel-header-default {
    background-color: #3977ab;
}

/*Portlet Start*/
.x-panel-header-default-framed-top {
    background-color: #3977ab;
}
.x-panel-default-framed {
    border-color: #cfcfcf;
    border-width: 1px;
}
.x-panel-header-default-framed {
    border-color: #3977ab;    
}
/*Portlet End*/

.x-panel-default-outer-border-rl {
    border-right-color: #3977ab !important;
    border-left-color: #3977ab !important;
}

.x-panel-default-outer-border-trl {
    border-top-color: #3977ab !important;
    border-right-color: #3977ab !important;
    border-left-color: #3977ab !important;
}

.x-panel-default-outer-border-rbl {
    border-right-color: #3977ab !important;
    border-bottom-color: #3977ab !important;
    border-left-color: #3977ab !important;
}

.textColorOrange {
    color: #e38336 !important;
}
/*---Main-färger End ---*/

/*------------Styling för Triton-tema - end-----------------*/