/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    background: url("../Content/Images/header_bg.png?07a751e") repeat-x scroll 0 0 #FFFFFF;
    font-size: smaller;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    border-top: 2px solid #333B8C;
}

a:link {
    color: #034af3;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul.normal {
    line-height: 1.6em;
    padding-left: 20px;
}

ul {
    list-style-type: none !important;
    padding-left: 0px;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #FF9900;
}

.title {
    height: 24px;
    background-color: #333B8C;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 16px;
    background-image: url("Images/button_stretch_small.png");
    padding: 3px 0 3px 20px;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 2000px;
    min-width: 960px;
}

header, #header {
    color: #000;
    padding: 0;
    height: 115px;
    margin: 0;
    border-radius: 7px;
    display: flex;
    justify-content: space-between;
}

    header h1, #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
        text-shadow: 1px 1px 2px #111;
    }

#main {
    margin: 10px auto;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    top: 0px;
    border: 1px solid #C5CAF7;
}

footer,
#footer {
    width: 960px;
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 auto 30px;
    font-size: .9em;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#version {
    position: relative;
    font-size: small;
    color: #696969;
    text-align: right;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
    }

        ul#menu li#greeting {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul#menu li a {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            background-color: #e8eef4;
            color: #585fa2;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
        }

            ul#menu li a:hover {
                background-color: #ee741d;
                color: #FFFFFF;
            }

            ul#menu li a:active {
                background-color: #a6e2a6;
                text-decoration: none;
            }

        ul#menu li.selected a {
            background-color: #fff;
            color: #000;
        }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #C5C5C5;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 16px;
}

textarea {
    min-height: 75px;
    width: 100%;
    resize: none;
}

    textarea[readonly=readonly] {
        border: 1px solid #C0C0C0;
        min-height: 75px;
        width: 100%;
        resize: none;
        background-color: #F0F0F0;
        overflow-y: scroll;
        color: #444;
    }

input[type="text"],
input[type="password"] {
    border: 1px solid #ccc;
    color: #444;
    width: 100%;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

.readonlyInput {
    background-color: lightgray;
}

/* TABLE
----------------------------------------------------------*/

.border_table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
    padding-right: 4px;
}

    .border_table td {
        font-size: small;
        border: solid 1px #e8eef4;
        vertical-align: middle;
    }

.border_table_td {
    padding-right: 5px;
}

.border_table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

nav, #menucontainer {
    margin: 0 auto;
}

div#title {
    text-align: left;
    margin: 20px 30px 10px 10px;
  }

div#settings {
    margin-top: 10px;
    font-size: 18px;
    flex-grow: 1;
}

.invite {
    color: #333B8C;
    margin: 5px 20px 0 0;
    top: 0 !important;
}

#logindisplay {
    font-size: 15px;
    color: #fff;
    text-align: center;
    min-width: 300px;
}

    #logindisplay a {
        display: block;
        background-color: #333B8C;
        width: 130px;
        height: 27px;
        float: right;
        border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        margin-right: 1px;
        background-image: url("Images/button_stretch.png");
        padding-top: 3px;
    }


        #logindisplay a:link {
            color: #fff;
            text-decoration: none;
        }

        #logindisplay a:visited {
            color: #fff;
            text-decoration: underline;
        }

        #logindisplay a:hover {
            color: #ea5e20;
            text-decoration: none;
        }

    #logindisplay div {
        position: relative;
        float: right;
        top: 15px;
    }


#userWorkStatus {
    float: right;
    text-align: right;
    width: 200px;
    margin-top: 10px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #f5ebdb;
}

.input-ocr-warning {
    border: 1px solid #ffa000 !important;
}

.block-ocr-warning {
    border-color: #ffa000 !important;
    background-color: #f5e7ce !important;
    background: url("/Content/Images/error.png") no-repeat 10px transparent;
    background-size: contain;
    padding: 10px 10px 10px 50px;
    margin: 10px;
    border-radius: 8px;
}

.block-ocr-error {
    border-color: #f1dad3 !important;
    background-color: #f1dad3 !important;
    background: url("/Content/Images/error.png") no-repeat 10px transparent;
    background-size: contain;
    padding: 10px 10px 10px 50px;
    margin: 10px;
    border-radius: 8px;
}

.k-textbox.input-ocr-warning {
    border-color: #ffa000 !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #474545;
    width: 250px;
    margin: 0 auto;
    background: url("Images/error.png") no-repeat 3% 50% #F4F2F2;
    padding: 10px 10px 10px 120px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #939292;
    min-height: 150px;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.container_text {
    width: 500px;
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
}

.container {
    width: 400px;
    padding: 10px;
    margin: 0 auto;
}

.header_window_for_password {
    text-align: justify;
    margin: 25px 65px 25px 65px;
}

.header_window_for_password2 {
    text-align: justify;
    margin: 25px 10px 25px 10px;
}

.display-label,
.editor-label {
    margin: 5px 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

/* Анкета*/

.anketa_label {
    background-color: lightgray;
    padding: 0px 5px 0px 5px;
    color: black;
}

.anketa_sub_label {
    background-color: #FFFFCC;
}

.anketa_part_label {
    background-color: #333b8c;
    color: orange;
    font-size: 16px;
    padding: 5px;
    border-radius: 3px;
}

.anketa_part_label3 {
    background-color: #CC3300;
    color: orange;
    font-size: 16px;
    padding: 5px;
    border-radius: 3px;
}

.anketa_part_label2 {
    background-color: #FFCC00;
    color: #0000FF;
    font-style: italic;
    padding-left: 15px;
}

.asterisk {
    color: red;
}

.anketa_sub_div {
    margin: 5px;
}

/*Красивая кнопка*/

.button {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("Images/button_stretch_small.png");
    background-origin: padding-box;
    background-position: 0% 0%;
    background-repeat: repeat-x;
    background-size: auto;
    border-bottom-color: #FFFFFF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-collapse: collapse;
    border-left-color: #FFFFFF;
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: #FFFFFF;
    border-right-style: none;
    border-right-width: 0px;
    border-spacing: 0px;
    border-top-color: #FFFFFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
}


    .button a, input.button, button.button {
        color: #FFFFFF;
        cursor: pointer;
        display: block;
        font-size: 1.2em;
        height: 30px;
        line-height: 30px;
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        text-decoration: none;
        font-family: Arial;
    }

.bnew_anketa {
    background-color: #DDDFB9 !important;
}

.bred {
    background-color: #FF5050 !important;
}

.bgreen {
    background-color: #32B63F !important;
}

.bblue {
    background-color: #333B8C !important;
    width: 100px;
    margin: 10px auto;
}

.bgrey {
    background-color: lightgrey !important;
    width: 100px;
    margin: 10px auto;
}

.byellow {
    background-color: #F0F000 !important;
}

.baction {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0 none;
    border-radius: 0;
    cursor: pointer;
}

.bedit {
    background: url("../Content/Images/Buttons/edit.png") no-repeat;
}

.bnew {
    background: url("../Content/Images/Buttons/document_new.png") no-repeat;
}

.bopen {
    background: url("../Content/Images/Buttons/edit.png") no-repeat;
}

.bsave {
    background: url('../Content/Images/Buttons/save.png') no-repeat;
}

.bdelete {
    background: url('../Content/Images/Buttons/delete.png') no-repeat;
}

.brefresh {
    background-image: url('../Content/Images/Buttons/refresh.png') !important;
    background-position: center !important;
    width: 26px;
    background-repeat: no-repeat !important;
}

.bselected {
    background: #ccc !important;
}

.bdelete_none {
    background: url('../Content/Images/Buttons/delete_none.png') no-repeat;
}

.bactionview {
    background: url('../Content/Images/Buttons/text.png') no-repeat;
}

.bactioninwork {
    background: url('../Content/Images/Buttons/media_play_green.png') no-repeat;
}

.bactiontransfer {
    background: url('../Content/Images/Buttons/transfer_btn.png') no-repeat;
}

.bactionrelease {
    background: url('../Content/Images/Buttons/media_stop_red.png') no-repeat;
}

.bactioncheckvin {
    background: url('../Content/Images/Buttons/edit.png') no-repeat;
}

.bactioninwork_disabled {
    background: url('../Content/Images/Buttons/media_play_grey.png') no-repeat;
}

.bactionrelease_disabled {
    background: url('../Content/Images/Buttons/media_stop_grey.png') no-repeat;
}

/***** TASK *****/

.task_header {
    border: 1px solid #00567E;
    background-color: #D8D8D8;
    border-radius: 4px 4px 0 0;
    margin-top: 10px;
    padding: 5px;
    max-height: 30px;
    height: 30px;
    vertical-align: middle;
}

.task_info {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #00567E;
    background-color: aliceblue;
    /*margin-left: 1px;
    margin-right: 1px;*/
    /*border-radius: 0 0 5px 5px;*/
    padding: 5px;
}

#menucontainer .k-header {
    background: none !important;
    border: 1px solid #bababa !important;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px;
    background-color: #eee !important;
    background-image: url("Images/button_stretch.png") !important;
}

#menucontainer .k-menu .k-item {
    width: 180px !important;
    border-color: #bababa !important;
}

    #menucontainer .k-menu .k-item .k-state-active {
        background-color: #EBEBEB !important;
    }

#menucontainer .k-menu .k-group .k-item > .k-link, .k-menu .k-group .k-item {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.k-block {
    margin-bottom: 20px;
}

    .k-block ul {
        margin: 10px;
    }

        .k-block ul li {
            margin: 5px 0 0;
        }

.b-label {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 0;
}

.k-textbox {
    width: 350px !important;
}

.k-label {
    width: 280px;
    float: left;
    text-align: right;
    margin-right: 10px;
    padding-top: 3px;
}

.navigate {
    width: 100px;
    float: left;
    margin-left: 5px;
}


.progresser_outer_div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}

.progresser_inner_div {
    position: fixed;
    top: 50%;
    width: 100%;
    height: 50px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    background-image: url("../Content/Images/loading-image.gif");
}

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input,
.k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input {
    height: 20px !important;
}

.k-widget .k-dropdown-wrap, .k-widget .k-picker-wrap, .k-textbox, .k-autocomplete.k-header, 
.k-autocomplete.k-state-focused, span.k-dropdown-wrap.k-state-active, span.k-picker-wrap.k-state-active, 
.k-picker-wrap.k-state-focused, .k-picker-wrap.k-state-focused:hover {
    border-color: #c5c5c5 !important;
    background-color: #efefef !important;
}

.k-textbox:hover {
    border-color: #a99f9a;
    background-image: none, linear-gradient(to bottom, #cbc5c2 0, #a99f9a 100%);
}

.k-state-hover {
    border-color: #a99f9a;
    background-image: none, linear-gradient(to bottom, #cbc5c2 0, #a99f9a 100%) !important;
}

.k-textbox, .k-autocomplete {
    padding: 2px !important;
    background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
}

.k-textbox, .k-autocomplete, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap {
    padding: 2px 22px 2px 2px;
}

.k-picker-wrap .k-select {
    border: 0 !important;
}

.k-datepicker, .k-numerictextbox {
    padding: 0 !important;
}

.k-header {
    background-image: none, linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%) !important;
}

.k-dropdown .k-input {
    display: flex !important;
    align-items: center;
}

.k-select {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.k-block > .k-header {
    margin: -2px 0 0 -2px !important;
}

tr.k-grid:hover {
    background-color: transparent !important;
}

.k-upload {
    border-width: 0 !important;
    background: transparent !important;
}

.k-dropzone {
    background-image: none !important;
    background: transparent !important;
    justify-content: flex-start !important;
}

.k-dropzone em {
    visibility: hidden;
}

:: -webkit-input-placeholder {
    color: #aaa !important;
}

:-moz-placeholder {
    color: #aaa !important;
}

:-ms-input-placeholder {
    color: #aaa !important;
}

.delete_btn {
    background: url("../Content/Images/delete.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    float: right;
}

.input-validation-error {
    border: 1px solid red !important;
    margin: -1px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type="checkbox"].input-validation-error {
    outline-style: solid;
    outline-color: red;
    outline-width: 1px;
    margin: 3px !important;
}

#draggable {
    cursor: pointer;
}

.ui-tabs-vertical {
    width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav {
    text-align: right;
    border-right: 1px solid #DFDFDF;
    border-radius: 0px !important;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
    border-radius: 3px 0 0 3px;
    color: #4E4E4E;
    display: inline-block;
    padding: 4px 10px 5px 8px;
    text-decoration: none;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: .1em;
    border-right-width: 1px;
    border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    background: #e75b12; /* Old browsers */
    /*background: -moz-linear-gradient(top, #f06f1c 0%, #e95e1a 50%, #e24a17 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f06f1c), color-stop(50%,#e95e1a), color-stop(100%,#e24a17));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%);*/ /* IE10+ */
    /*background: linear-gradient(to left top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%);*/ /* W3C */
    color: #FFFFFF;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active-error a {
    background: #620202; /* Old browsers */
    color: #FFFFFF !important;
}

.lite-claim-approval {
    border-radius: 3px 0 0 3px;
    color: #1fb238;
    padding: 10px 0px 0px 8px;
    text-decoration: none;
}

.left-panel {
    float: left;
    width: 20%;
}

.ui-tabs-vertical .ui-tabs-nav-error a {
    color: Red !important;
}

.ui-tabs-vertical .ui-tabs-panel {
    padding: 0 10px;
    float: right;
    width: 77%;
}

.ui-tabs-horizontal {
    width: 100%;
}

    .ui-tabs-horizontal .ui-tabs-nav {
        width: 100%;
        border-radius: 0px !important;
        border-bottom: 1px solid #DFDFDF;
    }

        .ui-tabs-horizontal .ui-tabs-nav li {
            float: left;
        }

            .ui-tabs-horizontal .ui-tabs-nav li a {
                border-radius: 3px 3px 0 0;
                color: #4E4E4E;
                display: inline-block;
                padding: 4px 14px 5px 8px;
                text-decoration: none;
            }

            .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active {
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px;
                border-right-width: 1px;
            }

                .ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-active a {
                    background: #f06f1c; /* Old browsers */
                    background: -moz-linear-gradient(top, #f06f1c 0%, #e95e1a 50%, #e24a17 100%); /* FF3.6+ */
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f06f1c), color-stop(50%,#e95e1a), color-stop(100%,#e24a17)); /* Chrome,Safari4+ */
                    background: -webkit-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%); /* Chrome10+,Safari5.1+ */
                    background: -o-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%); /* Opera 11.10+ */
                    background: -ms-linear-gradient(top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%); /* IE10+ */
                    background: linear-gradient(to left top, #f06f1c 0%,#e95e1a 50%,#e24a17 100%); /* W3C */
                    color: #FFFFFF;
                }

    .ui-tabs-horizontal .ui-tabs-panel {
        padding: 0 10px;
    }

.k-listview {
    border: none !important;
}

/*#Users .k-grid-pager {
    position: absolute;
    bottom: 0;
    width: 99.6%;
}*/

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 10016;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #620202;
    box-shadow: 0 0 5px #620202;
    border-radius: 10px;
    background-color: #620202;
    color: wheat;
    border-width: 2px;
}

#_ul li {
    float: left;
}

.ui-accordion {
    margin-top: 10px !important;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        display: block;
        margin-top: 2px !important;
        min-height: 0;
        padding: 0.5em 0.5em 0.5em 0.7em;
        position: relative;
    }

        .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
            left: 0.5em;
            margin-top: -8px;
            position: absolute;
            top: 50%;
        }

    .ui-accordion .ui-accordion-content {
        border-top: 0 none !important;
        border: 1px solid #AAAAAA;
        color: #222222;
        padding: 1em 0;
        display: block;
    }

    .ui-accordion .ui-state-default {
        background: #E6E6E6;
        border: 1px solid #D3D3D3;
        color: #555555;
        font-weight: normal;
        margin: 0px;
    }

    .ui-accordion .ui-state-active {
        border: 1px solid #AAAAAA;
        color: #212121;
        font-weight: normal;
    }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

.accordion_table .even {
    background: #E8E5EA;
}

.top_button_menu_image {
    padding-left: 15px;
    background-color: #333B8C;
    color: white !important;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    background-image: url('Images/button_stretch.png');
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 9px;
    text-decoration: none;
}

.bottom_button_menu_image {
    padding-left: 15px;
    background-color: #333B8C;
    color: white !important;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    background-image: url('Images/button_stretch.png');
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 9px;
    text-decoration: none;
}

.panel_personal_image_win {
    position: relative;
    z-index: 9992;
    background-color: #e3e3e3;
    text-align: center;
    margin: 0 auto -158px auto;
    display: none;
    width: 800px;
    /*height: 173px;*/
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 0 0 4px 4px;
}

.arrowsPrevPdf:hover {
    background-color: rgb(131, 136, 140);
}

.arrowsPrevPdf {
    background-position: center center;
    background-image: url('Images/previus.png');
    background-repeat: no-repeat;
    background-color: rgb(82, 86, 89);
}

.arrowsNextPdf:hover {
    background-color: rgb(131, 136, 140);
}

.arrowsNextPdf {
    background-position: center center;
    background-image: url('Images/next.png');
    background-repeat: no-repeat;
    background-color: rgb(82, 86, 89);
}

.arrowsNext:hover {
    background-position: center center;
    background-image: url('Images/next.png');
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.26);
}

.arrowsPrevius:hover {
    background-position: center center;
    background-image: url('Images/previus.png');
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.26);
}

.block_signers {
    background-color: #f0f0f0a8;
    position: fixed;
    top: 40px;
    left: 10px;
    z-index: 1000;
    /*width: 230px;*/
    padding: 10px
}

.title_signers {
    font-weight: bold;
    margin-bottom: 5px;
}

.windowsImageWait {
    background-position: center center;
    background-image: url('Images/loading-image.gif');
    background-repeat: no-repeat;
    overflow: auto;
    position: absolute;
}

.loadImage {
    background-position: center center;
    background-image: url('Images/loading-image.gif');
    background-repeat: no-repeat;
    background-size: cover;
}

.results-frame .list {
    border-spacing: 0px;
    border-collapse: collapse;
    border-color: gray;
    margin: 20px 0;
}

    .results-frame .list th, .results-frame .list td {
        padding: 4px;
    }

    .results-frame .list .left {
        border-left: 1px solid #c3c3c3;
    }

    .results-frame .list th {
        border-right: 1px solid #c3c3c3;
        text-align: center;
        vertical-align: top;
        background: #449361;
        padding-top: 10px;
        color: #fff;
    }

        .results-frame .list th a span {
            color: #fff;
            border-bottom: 1px solid #c3c3c3;
        }

    .results-frame .list td {
        color: #858585;
        border-right: 1px solid #c3c3c3;
    }

#print .results-frame .list td {
    color: #333;
}

.results-frame .list .bottom td {
    border-bottom: 1px solid #c3c3c3;
}

.results-frame .list .even td {
    background-color: #ebebeb;
}

.results .print {
    display: none;
}

.phone_btn {
    background: url("Images/Buttons/mobilephone1.png") no-repeat 0 0 transparent;
    width: 25px;
    height: 25px;
    border: 0 none;
    border-radius: 0 0 0 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.search_phones_btn {
    background: url("/Content/Images/Buttons/text.png") no-repeat 0 0 transparent;
    width: 25px;
    height: 25px;
    border: 0 none;
    border-radius: 0 0 0 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.mail {
    width: 95%;
    background: url('Images/mail.png') no-repeat 0px 200px;
    padding-bottom: 0px;
}

.k-pager-info {
    width: 180px !important;
}

.k-grid .k-pager-numbers {
    margin: 0 2px;
}

    .k-grid .k-pager-numbers li {
        margin: 0px;
    }

/*Стили для СЗБКИ*/
#contentCreditStory div.divide {
    MARGIN: 20px 0px;
    WIDTH: 100%;
    CLEAR: both;
    BORDER-TOP: #d0d0d0 1px solid;
}

#contentCreditStory TABLE.report {
    BORDER-LEFT: #d0d0d0 1px solid;
    BORDER-TOP: #d0d0d0 1px solid;
}

    #contentCreditStory TABLE.report TD {
        BORDER-BOTTOM: #d0d0d0 1px solid;
        WHITE-SPACE: nowrap;
        BORDER-RIGHT: #d0d0d0 1px solid;
    }

#contentCreditStory TH {
    BORDER-BOTTOM: #d0d0d0 1px solid;
    WHITE-SPACE: nowrap;
    BORDER-RIGHT: #d0d0d0 1px solid;
}

#contentCreditStory TABLE.report TH {
    BACKGROUND: #f0f0f0;
    COLOR: #797979;
}

#contentCreditStory TABLE.card {
    BORDER-BOTTOM: #d0d0d0 1px solid;
    BORDER-LEFT: #d0d0d0 1px solid;
    BORDER-TOP: #d0d0d0 1px solid;
    BORDER-RIGHT: #d0d0d0 1px solid;
}

    #contentCreditStory TABLE.card TD {
        BACKGROUND: #f0f0f0;
        FONT-SIZE: 0.75em;
    }

    #contentCreditStory TABLE.card TH {
        BORDER-BOTTOM: 0px;
        BORDER-LEFT: 0px;
        BACKGROUND: #f0f0f0;
        FONT-SIZE: 0.75em;
        BORDER-TOP: 0px;
        BORDER-RIGHT: 0px;
    }

#contentCreditStory TABLE.base {
    BORDER-BOTTOM: #d0d0d0 1px solid;
    BORDER-LEFT: #d0d0d0 1px solid;
    BORDER-TOP: #d0d0d0 1px solid;
    BORDER-RIGHT: #d0d0d0 1px solid;
}

    #contentCreditStory TABLE.base TR.odd {
        BACKGROUND: #ffffff;
    }

    #contentCreditStory TABLE.base TR.even {
        BACKGROUND: #f0f0f0;
    }

    #contentCreditStory TABLE.base TD {
        FONT-SIZE: 0.75em;
    }

#contentCreditStory FIELDSET {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px;
}

#contentCreditStory LEGEND.vlabel {
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
    PADDING-TOP: 10px;
}

#contentCreditStory TABLE.searchcard {
    BORDER-BOTTOM: #d0d0d0 1px solid;
    BORDER-LEFT: #d0d0d0 1px solid;
    BORDER-TOP: #d0d0d0 1px solid;
    BORDER-RIGHT: #d0d0d0 1px solid;
}

    #contentCreditStory TABLE.searchcard TD {
        FONT-SIZE: 0.75em;
    }

        #contentCreditStory TABLE.searchcard TD.white {
            BACKGROUND: #ffffff;
            HEIGHT: 1px;
        }

        #contentCreditStory TABLE.searchcard TD.gray {
            BACKGROUND: #cccccc;
            HEIGHT: 1px;
        }

        #contentCreditStory TABLE.searchcard TD.black {
            BACKGROUND: #000000;
            HEIGHT: 1px;
        }

#contentCreditStory TABLE .phead {
    MARGIN: 10px 0px;
    BACKGROUND: #f0f0f0;
    COLOR: #006cc0;
    FONT-WEIGHT: bold;
}

#contentCreditStory TABLE.searchcard TD.empt {
    BACKGROUND: #f0f0f0;
}

#contentCreditStory TABLE.searchcard TD.idnt {
    BACKGROUND: #0000ff;
}

#contentCreditStory TABLE.searchcard TD.risk {
    BACKGROUND: url("../Content/Images/risk.gif") #f0f0f0 no-repeat;
}

#contentCreditStory TABLE.searchcard TD DIV {
    TEXT-ALIGN: center;
    WIDTH: 20px;
    HEIGHT: 20px;
    FONT-SIZE: 15px;
    VERTICAL-ALIGN: bottom;
}

#contentCreditStory TABLE.egrulcard {
    BORDER-BOTTOM: #d0d0d0 1px solid;
    BORDER-LEFT: #d0d0d0 1px solid;
    BORDER-TOP: #d0d0d0 1px solid;
    BORDER-RIGHT: #d0d0d0 1px solid;
}

    #contentCreditStory TABLE.egrulcard TD.black {
        HEIGHT: 0px;
    }

    #contentCreditStory TABLE.egrulcard TD {
        FONT-SIZE: 0.75em;
    }

        #contentCreditStory TABLE.egrulcard TD.gray {
            HEIGHT: 0px;
        }

        #contentCreditStory TABLE.egrulcard TD.empt, #contentCreditStory TABLE.egrulcard TD.risk {
            BACKGROUND: #f0f0f0;
        }

#contentCreditStory TD.stat0, TD.stat1, TD.stat3, TD.stat6, TD.stat9, TD.stat10, TD.stat11, TD.stat12, TD.stat13, TD.stat14, TD.stat15, TD.stat19 {
    COLOR: #990000;
    FONT-WEIGHT: bold;
}

#contentCreditStory TD.stat2, TD.stat4, TD.stat7, TD.stat21 {
    COLOR: #009900;
    FONT-WEIGHT: bold;
}

#contentCreditStory TD.stat5, TD.stat8, TD.stat18 {
    BACKGROUND: #ffff99;
}

#contentCreditStory TD.stat16, TD.stat20 {
    BACKGROUND: #990000;
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
}

#contentCreditStory TD.stat17 {
    BACKGROUND: #009900;
    COLOR: #ffffff;
    FONT-WEIGHT: bold;
}

#contentCreditStory .small {
    FONT-SIZE: 0.8em;
}

#contentCreditStory .marker {
    CURSOR: hand;
}

#contentCreditStory .error {
    COLOR: red;
}

#contentCreditStory TABLE.tbal {
    BORDER-LEFT: #000 1px solid;
    BORDER-TOP: #000 1px solid;
}

    #contentCreditStory TABLE.tbal TD {
        BORDER-BOTTOM: #000 1px solid;
        BORDER-RIGHT: #000 1px solid;
    }

ul.settings_list li {
    background: url('Images/next_small.png') no-repeat;
    padding-left: 30px;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 5px 0;
}

.settings {
    width: 95%;
    background: url('Images/settings.png') no-repeat 20px 20px;
    padding-left: 300px;
    height: 300px;
}


/*ЕКрона*/

#contentCreditStory table.tablesorter {
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    width: 100%;
    text-align: left;
}

    #contentCreditStory table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        background-color: #e6EEEE;
        padding: 4px 20px 4px 4px;
    }

    #contentCreditStory table.tablesorter thead tr .header {
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
    }

    #contentCreditStory table.tablesorter tbody td {
        padding: 4px;
        background-color: #FFF;
        vertical-align: top;
    }

    #contentCreditStory table.tablesorter tbody tr.odd td {
        background-color: #F0F0F6;
    }

    #contentCreditStory table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #8dbdd8;
    }

#contentCreditStory .resultheader {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    color: black;
    font-size: 25px;
    margin: 5px 0 0 0 !important;
}

#contentCreditStory .resulttable {
    border-width: 2px;
    border-style: solid;
    border-color: gray;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

    #contentCreditStory .resulttable td {
        border: 1px solid gray;
        line-height: 15px;
        text-align: left;
        padding: 3px;
        vertical-align: top;
    }

    #contentCreditStory .resulttable th {
        border: 1px solid gray;
        font-weight: bold;
    }

#contentCreditStory .odd {
    background: rgb(235, 239, 249);
}

#contentCreditStory .clearfix:after {
    /*clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;*/
}

#contentCreditStory .content {
    margin: 30px;
    /*padding: 0 70px;*/
    width: 1100px;
    display: block;
    clear: both;
}

#contentCreditStory .main {
    padding-bottom: 20px;
    padding-top: 0px;
}

    #contentCreditStory .main h1:first-child {
        margin: 0 0 0.92em;
    }

.suggestions-input {
    padding-left: 0px !important;
}

.suggestions-value[data-suggestion-status="LIQUIDATED"]:after {
    position: relative !important;
}

.dadata-input {
    padding-left: 0px !important;
}

.error-small {
    display: inline-block;
    vertical-align: middle;
    background-image: url("Images/error_small.png");
    width: 16px;
    height: 16px;
    float: right;
    margin: 5px;
}

.linkToGoogle {
    background-image: url("Images/google.png");
    background-size: 21px;
    width: 21px;
    height: 21px;
    float: right;
    margin: 2px;
}

.linkToYandex {
    background-image: url("Images/yandex.ico");
    background-size: 21px;
    width: 21px;
    height: 21px;
    float: right;
    margin: 2px;
}

.crossProduct{
    margin: 10px 0;
    display: flex;
}

.crossProduct fieldset{
    padding: 10px 0 10px 7px;
}

.crossProductRow{
    display:block;

    padding-left:7px;
    padding-top:10px;
}

.crossProductRow::after{
    display:block;
    clear:both;
    content: "";
}

.termLabel {
    position: absolute;
    color: #717171;
    pointer-events: none;
    z-index:1;
}

#ASFMatrix {
    padding-top:5px;
}

#ASFMatrix table {
    border-collapse: collapse;
    border-color: #e0e0e0;
    border-width: 0;
    color: #2e2e2e;
}

#ASFMatrix table thead {
    background-color: #eeeeee;
}

#ASFMatrix table th {
    font-weight: normal;
    padding: 5px;
}

#ASFMatrix td {
    padding: 5px;
}

#ASFMatrix tr.altrow {
    background-color: #f7f7f7;
}

/*#ASFMatrix td.crossType{
    background-color: #d5dff5;
    font-weight: bold;
}*/

#contactsSearchResult table {
    border-collapse: collapse;
    border-color: #e0e0e0;
    border-width: 0;
    color: #2e2e2e;
}

#contactsSearchResult table thead {
    background-color: #eeeeee;
}

#contactsSearchResult table th {
    font-weight: normal;
    padding: 5px;
}

#contactsSearchResult td {
    padding: 5px;
}

#contactsSearchResult tr.altrow {
    background-color: #f7f7f7;
}

.LoadingTab {
    background-position: center center;
    background-image: url('Images/loading-image.gif');
    background-repeat: no-repeat;

    height: 100%;
}

#ASFMatrix .LoadingTab {
    
    overflow: auto;
    position: absolute;
    width: 700px;
    height: 400px;
}

.cb-label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}

.cb-label input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 3px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

#creditLimit {
    margin: 5px;
    white-space: nowrap
}

#creditLimitContainer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.report-table, .report-table th, .report-table td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}

.rate-title {
    font-size: large;
    margin: 10px 0 10px;
}

.rate-table  {
    border: 1px solid grey;
    background-image: linear-gradient(to top right, orange, white, lightblue);
    border-collapse: collapse;
    text-align: center;
}

.rate-table th, .rate-table td {
    border: 1px solid grey;
    text-align: center;
}

.row_cri {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.column_cri {
    padding: 10px 0;
}

.limit_label_width {
    width: 198px;
}

.credit_calc_label_width {
    width: 149px;
}

.centerCorrect {
    padding-right: 100px;
}

.cb-validation-error {
    border: 1px solid red !important;
    margin: -1px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 3px 5px 0;
}

.cb-validation-error input {
    margin: -1px !important;
}

#DecisionMakerId-list.k-list-container {
    min-width: 344px !important;
    width: auto !important;
}

#DecisionMakerId-list.k-list {
    width: auto !important;
}

input.k-textbox, input.k-textbox:hover {
    background-color: #fff !important;
    background-image: none;
    color: #2e2e2e;
}

.k-textbox > input {
    text-overflow: initial !important;
}

.k-numerictextbox .k-select {
    display: none !important;
}

.second_title {
    color: #F2720C;
    font-weight: bold;
    margin-left: 10px;
}

.scan-grid {
    /*display: grid;
   grid-template-columns: repeat(4, 1fr); 
    gap: 16px;
    */
    display: flex;
    justify-content: center;
    padding: 12px;
}

.scan-col {
    border: 1px dashed #ccc;
    border-radius: 6px;
    padding: 8px;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 300px;
}

.scan-title{
    text-align: center;
    font-weight: 600;
}

.scan-slot {
    position: relative;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #fff;
    cursor: pointer;
}

.scan-slot.filled{
    border: 1px solid #e5e5e5;
}

.scan-input{
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.scan-preview {
    max-width: 100%;
    /*max-height: 100%;*/
    max-height: 224px;
    display: block;
    object-fit: contain;
}
.scan-placeholder{
    color: #9aa0a6
}

.sr-only{
    position: absolute!important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.doc-thumb {
    /* width: fit-content;*/
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.doc-thumb-container {
    float: right;
    margin: 10px;
    width: 140px;
}

.doc-thumb__img{
    display: block;
    width: 100%;
    height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
}

.doc-thumb__pdf {
    background-color: white;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.scan-action {
    margin-top: auto !important;
    color: #c00 !important;
    width: 100%;
}

.scan_preview_modal{
    width: 100%;
    height: fit-content !important;
    object-fit: cover;
}

.pdf-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    gap: 16px;
}

.pdf-thumbnail{
    width: 50px;
    height: 50px;
}
.decision-accordion__header {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 22px;
    gap: 4px;
}

    .decision-accordion__header::before
 {
        content: "";
        position: absolute;
        top: 50%;
        width: 8px;
        height: 8px;
        left: 5px;
        border: 1px solid transparent;
        border-top: none;
        border-left: none;
        transform-origin: 50% 50%;
        transform: translateY(-60%) rotate(45deg);
        transition: transform 0.2s ease
    }

    .decision-accordion__header::before
{
        border-right-color: #000;
        border-bottom-color: #000;
    }

.decision-accordion__header--open::before {
    transform: rotate(-135deg);
}

tr.file-removed td:not(:last-child) {
    opacity: .55;
}
tr.file-removed input[type="text"] {
    text-decoration: line-through;
}
tr.file-removed .k-dropdown,
tr.file-removed .k-dropdown-wrap {
    pointer-events: none;
    opacity: .7;
}

.file-name-cell {
    display: flex;
    align-items: center;
    gap: 8px;
}

.file-removed-badge {
    font-size: 12px;
    color: #b00020;
    white-space: nowrap
}

.tab-content {
    display: none; 
    padding: 10px;
    margin-top: 10px;
}

.tab-table {
    margin: 15px;
    border-collapse: collapse;
    width: 100% !important;
}

.tab-table thead {
    font-weight: bold;
}

.active-row {
    background-color: #e75b12;
    color: #fff;
}

.k-pager-wrap .k-link.k-state-selected {
    background-color: #e75b12 !important;
}