html {
    overflow-y: auto;
}

body {
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    background: #FFFFFF;
    margin: 0px;
    /*overflow-y:auto;*/
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11.6999998092651px;
    color: rgb(65, 65, 65);
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon, .amodit-glyphicon {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.amodit-background-color-1 {
    /*
        It's value is defined in customCss.ashx. 
        It represents amodit first color
    */
}

.amodit-background-color-2 {
    /*
        It's value is defined in customCss.ashx. 
        It represents amodit secound color
    */
}

.amodit-color-1 {
    /*
        It's value is defined in customCss.ashx. 
        It represents amodit text color depend on first background color
    */
}

.amodit-color-2 {
    /*
        It's value is defined in customCss.ashx. 
        It represents amodit text color depend on secound background color
    */
}

.amodit-link {
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

form {
    margin: 0px;
}

.clearDiv {
    font-size: 0px;
    clear: both;
    /*    height: 0px;*/
    line-height: 0px;
}

.text-uppercase {
    text-transform: uppercase;
}

.valErr {
    background-color: #FFCC99;
}

.nowrap {
    white-space: nowrap;
}

.floatLeft {
    float: left;
}

.GrayBkg {
    background-color: #F7F7F7;
}

#CaseTop {
    width: 100%;
    position: relative;
}

#CaseRight {
    float: right;
    width: 50%;
}

#CaseLeft {
    float: left;
    width: 50%;
}

#ParamsTop {
    width: 100%;
}

#ParamsBottom {
    width: 100%;
}

    #ParamsBottom .btParameters {
        margin-left: 20px;
    }

input {
    /*    border: solid 1px #CCCCCC;*/
}

.DivDsiplayNone {
    display: none;
}

.DisplayNone {
    display: none;
}

A {
    font-size: 11px;
    font-family: Verdana;
    color: #ff0000;
    text-decoration: none;
}

    A:link {
        font-size: 11px;
        font-family: Verdana;
        color: #444;
        text-decoration: none;
    }

    A:visited {
        color: #3966bf;
        text-decoration: none;
    }

    A:hover {
        color: #0072c6;
        text-decoration: none;
    }

.ParamsModalTable {
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-collapse: separate;
}

.ParamsModalTableHeader {
    color: #66A1E7;
    font-weight: bold;
    font-size: larger;
    margin: 0px 0px 10px 0px;
}

.ParamsModalTable td {
}

    .ParamsModalTable td.separator {
        height: 10px;
        border-bottom: solid 1px #66A1E7;
    }

.ParamsModalControl {
    margin: 10px 10px 10px 0px;
}

.ParamsModalTextBox {
    margin: 10px 10px 10px 0px;
    width: 100%;
}

.headerPhoneMenu {
    display: none;
    float: left;
    color: white;
    font-size: 20px;
    font-weight: bold;
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none !important;
    cursor: pointer !important;
    margin: 1px 0px 0px 1px;
}

    .headerPhoneMenu::before {
        content: "\e236";
    }

.HeaderDiv {
    line-height: 16px;
    border: none;
    min-width: 100%;
    width: auto;
    display: block;
}

    .HeaderDiv div.HeaderPart {
        border: none;
        padding: 5px 5px;
        float: left;
    }

        .HeaderDiv div.HeaderPart td {
            padding: 5px 5px;
            vertical-align: top;
        }

    .HeaderDiv .titlecol {
        text-align: right;
        width: 40px;
        padding: 5px;
        line-height: 22px;
    }

    .HeaderDiv .valuecol {
        text-align: left;
        line-height: 22px;
    }

.AdvancedSearchPanel #CaseListLeft {
    float: left;
    min-height: 172px;
}

.AdvParamsTable {
    vertical-align: middle;
    line-height: 16px;
    border: none;
    padding: 5px 5px;
}

.ParamsTable {
    vertical-align: middle;
    line-height: 23px;
    border: none;
    background-color: #fff;
    table-layout: fixed;
}

    .ParamsTable .cell .ParamsTable {
        width: auto;
    }

    .ParamsTable td {
        border: none;
        padding: 5px 5px;
        vertical-align: middle;
    }

        .ParamsTable td.descriptionrow {
            line-height: normal;
            padding: 0px;
            height: auto;
            margin: 0px;
        }

        .ParamsTable td textarea {
            width: 750px;
            min-height: 150px;
        }

.TableControlPanel {
    height: 30px;
    line-height: 30px;
}

    .TableControlPanel * {
        vertical-align: middle;
    }

.AMODFormField {
    position: relative;
    min-width: 300px;
}

.FormFieldTable .AMODFormField {
    min-width: 1px;
}

.ParamsTable .FormFieldTable td.cell textarea {
    width: 300px;
    min-height: 75px;
}
/*.ParamsTable .FormFieldTable td.cell .DictDropDown {
    display:block;
}*/
.ParamsTable .input {
    min-width: 150px;
    border: solid 1px #CCCCCC;
}

.ParamsTable td img {
}

.ParamsTable .titlecol {
    /*width:100px;*/
    width: 5%;
    text-align: right;
}

.ParamsTable .valuecol {
    /*width:200px;*/
    width: 20%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    line-height: 22px;
}

.ParamsTable .paramname {
    width: 150px;
    color: rgb(38, 38, 38);
    font-family: 'Segoe UI Semilight', 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

.ParamsTable .Separator {
    border-bottom: 1px solid #CCCCCC;
}

/*.ParamsTable td input
{
	width:300px;
}*/
.ParamsSectionDiv {
    font-weight: bold;
    text-align: left;
    float: left;
    margin: 30px 10px 20px 10px;
}

form fieldset {
    padding: 20px 20px 10px 20px;
    margin: 10px 10px 10px 10px;
    border: 1px solid rgb(225, 225, 225);
}

    form fieldset legend {
        font-weight: bold;
        color: rgb(68, 68, 68);
    }

#ParamsMain {
    min-width: 100%;
}

#ToolbarMain {
    width: 100%;
}

#FormParamsMain {
    float: left;
}

#ToolbarMain input {
}

#Case {
}

#Toolbar {
}

#Params {
    float: left;
    width: 60%;
}

#CommentsTable {
}

.CommentField {
    height: 250px;
}

.CommentItem {
    padding: 5px 0px;
    background-color: White;
}

.CommentHeader {
    background-color: #EDEDED;
    padding: 5px;
}

.CommentText {
    padding: 5px;
    background-color: White;
    white-space: pre-wrap;
}

.CommentUserName {
    padding-top: 5px;
    display: inline;
}

.SectionHeader {
    font-weight: bold;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.CommentMore {
    text-align: right;
    width: 100%;
}

    .CommentMore input {
        background-image: url('../images/arrow-small.png');
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer;
        padding-right: 20px;
        margin: 5px;
    }

.TableAttach th {
    background-color: #EDEDED;
    border: 0px none;
    padding: 5px;
    text-align: left;
}

.TableAttach td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.TableAttach {
    width: 100%;
    border-collapse: collapse;
}

.TableAttachRow:hover {
    background-color: #F3F3F3;
    border: 0px none;
    cursor: pointer;
}

#Attachments {
    padding: 5px 0px; /*position:relative;*/
}

#AttToolTip {
    border: 3px solid #fff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    padding: 5px;
    min-height: 4em;
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    border-collapse: separate;
}

.ListInfo {
    text-align: center;
    margin-top: 10px;
}

#CaseListTop {
    width: 99%;
}

#CaseListBottom {
    width: 99%;
}

#CaseListTbLeft {
    float: left;
    padding-left: 200px;
    padding-top: 100px;
}

#CaseListTbRight {
    float: right;
    padding-top: 50px;
}


    #CaseListTbRight input {
        margin-bottom: 15px;
        width: 150px;
    }

.MyCassesLeftCol {
    width: 200px;
    float: left;
    text-align: center;
    padding-top: 50px;
}

.NavTabs {
    float: left;
    width: 100%;
}

    .NavTabs ul {
        padding: 0px;
    }

        .NavTabs ul li {
            float: left;
            list-style: none outside none;
            padding: 4px;
            border: 1px solid black;
            font-weight: bold;
        }

            .NavTabs ul li.NavActive {
                background-color: #FFFFFF;
            }



#tooltip {
    padding: 3px;
    background: #E8E8E8;
    border: 1px solid black;
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
    color: #646464;
    padding: 5px;
}

span.tip {
    border-bottom: 1px solid #eee;
}

.TableAttachMenu {
    width: 5px;
}

    .TableAttachMenu:hover {
        width: 5px;
    }
/*#AttFormBg
{
	display:none;
	z-index: 1503;
	background-color:black;
	position:absolute;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}*/

.ModalBg {
    background-color: #D6D6D6;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
/*popup Attachment*/
.AttPopup {
    background-color: White;
    width: 500px;
}

.AttPopupTitle {
    font-weight: bold;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.AttPopupUpl {
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid black;
    position: relative;
}

    .AttPopupUpl input {
        width: 100%;
    }

        .AttPopupUpl input.file {
            width: 100%;
        }

.AttPopupComment {
    width: 100%;
    text-align: left;
    padding: 5px;
}

.AttPopupButtons input {
    margin: 5px;
}

.AttPopupButtons {
    text-align: center;
}
/*end*/
.divtoresize {
    width: 100%;
    overflow: auto;
}

#procedures .proc-content #tabHistory {
    height: calc(100vh - 106px);
}

.TableMyCases th {
    padding: 10px 5px;
}

    .TableMyCases th, .TableMyCases th a {
        background-color: #66A1E7;
        color: #777;
        border: none;
        text-align: left;
        font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-size: 11.0500001907349px;
        font-weight: normal;
    }

        .TableMyCases th a {
            font-weight: bold;
        }

        .TableMyCases th, .TableMyCases th a, .TableAdvancedSearch th, .FormFieldTable th, .FormFieldTable td.header, .FormFieldTable td.summary {
            background-color: #f1f1f1;
            border: none;
        }

.TableAdvancedSearch img.noclick {
    height: 16px;
}

.TableMyCases .unread {
    font-weight: bold;
}

.TableMyCases .closed {
    color: rgb(119, 119, 119);
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11.6999998092651px;
}

.TableMyCases .expired {
    color: red;
}

.TableMyCases td {
    border: none;
    height: 15px;
    text-align: left;
    padding: 0px 5px;
}

.TableMyCases {
    width: 100%;
    border-collapse: collapse;
}

.TableMyCasesRow {
    background-color: #fff;
    cursor: pointer;
    height: 30px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.externaluser {
    font-style: italic;
    color: #1C54D6;
}

.notactivated {
    color: Red;
}

.TableMyCases tr.Group td {
    background-color: #CCCCCC;
    height: 30px;
    border-top: 2px solid #66A1E7;
    border-bottom: 2px solid #66A1E7;
    font-weight: bold;
    font-size: larger;
    text-align: center;
}

.TableMyCases tr.Sum td {
    background-color: white;
    height: 22px;
    border-top: 1px solid #66A1E7;
    border-bottom: 1px solid #66A1E7;
    font-weight: bold;
}

.TableMyCases .alternate {
    background-color: #FFFFFF;
}

.TableMyCases .advancedsearch {
    border-bottom: 0px !important;
    border-top: 0px !important;
}

.TableMyCases tr:hover {
    background-color: rgba( 205,230,247,0.5 );
}

.TableMyCasesGroupSeparator {
    background-color: #F3F3F3;
    height: 30px;
    border-top: 1px solid #66A1E7;
    border-bottom: 1px solid #66A1E7;
    display: none;
}


/*end*/
#TableAdvancedSearchScroll, #TableAdvancedSearchWrap {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

#TableAdvancedSearchScrollInner, #TableAdvancedSearchScroll {
    height: 20px;
}

.TableAdvancedSearch th {
    padding: 10px 5px;
}

    .TableAdvancedSearch th, .TableAdvancedSearch th a {
        background-color: #F7F7F7;
        color: #333;
        border: none;
        text-align: left;
    }

        .TableAdvancedSearch th a {
            font-weight: bold;
        }

.TableAdvancedSearch .unread {
    font-weight: 600;
}

.TableAdvancedSearch .closed {
    color: #000099;
}

.TableAdvancedSearch .expired {
    color: red;
}

.TableAdvancedSearch td {
    border: none;
    height: 15px;
    text-align: left;
    padding: 0px 5px;
    color: #555;
    border-top: 1px solid #f4f4f4;
}

.TableAdvancedSearch {
    min-width: 50%;
    max-width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.TableAdvancedSearchRow {
    cursor: pointer;
    height: 30px;
}

.notactivated {
    color: Red;
}

.TableAdvancedSearch tr.Group td {
    background-color: #F7F7F7;
    height: 30px;
    font-weight: bold;
    text-align: center;
}

.TableAdvancedSearch tr.Sum td {
    background-color: white;
    height: 22px;
    text-align: right;
    font-weight: bold;
}

.TableAdvancedSearch tr.NoHover td {
    background-color: #F3F3F3;
    height: 30px;
    cursor: default;
}


.TableAdvancedSearch tr.NoHoverAlternate td {
    background-color: #FFFFFF;
    height: 30px;
    cursor: default;
}

.TableAdvancedSearch .alternate {
    background-color: #FFFFFF;
}


.TableAdvancedSearch tr:hover {
    background-color: #f5f5f5;
}

.TableAdvancedSearchGroupSeparator {
    background-color: #F3F3F3;
    height: 30px;
    border-top: 1px solid #66A1E7;
    border-bottom: 1px solid #66A1E7;
    display: none;
}

.TableAdvancedSearchAttachment {
    display: inline;
    white-space: nowrap;
    margin: 1px 2px;
    min-height: 13px;
    cursor: pointer;
}

.TableAdvancedSearch .TableAdvancedSearchPath {
    font-weight: normal;
    font-size: 10px;
}

    .TableAdvancedSearch .TableAdvancedSearchPath a {
        font-weight: bold;
        text-decoration: underline;
        font-size: 12px;
    }

.TableMyScans th, .TableMyScans th a {
    background-color: #f1f1f1;
    color: #777;
    border: none;
    text-align: left;
    padding: 10px;
    padding-left: 0px;
}

.TableMyScans .unread {
    font-weight: bold;
}

.TableMyScans td {
    border: none;
    height: 15px;
    text-align: left;
    margin: 0px 5px;
}

.TableMyScans {
    width: 100%;
    border-collapse: collapse;
}

.TableMyScansRow {
    background-color: #fff;
    cursor: pointer;
    height: 30px;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
}

.TableMyScans .alternate {
    background-color: #FFFFFF;
}

.TableMyScans tr:hover {
    background-color: #E3E3E3;
}

/*end*/
.noLink {
    cursor: default;
}

.HistoryTable th {
    background-color: #66A1E7;
    color: #FFFFFF;
    border: none;
    text-align: left;
    margin: 5px;
}

.HistoryTable .unread {
    font-weight: bold;
}

.HistoryTable td {
    border: none;
    height: 15px;
    text-align: left;
    margin: 0px 5px;
}

.HistoryTable {
    width: 100%;
    border-collapse: collapse;
}

.TableHistoryRow {
    background-color: #F3F3F3;
    cursor: pointer;
    height: 30px;
    border-top: 1px solid #66A1E7;
    border-bottom: 1px solid #66A1E7;
}

.TableHistory .alternate {
    background-color: #FFFFFF;
}

.TableHistory tr:hover {
    background-color: #E3E3E3;
}

.CommentToolBar {
    padding-bottom: 5px;
    padding-top: 5px;
}

.AttToolBar {
    padding-bottom: 5px;
    padding-top: 5px;
}

.ConnCaseToolBar {
    padding-bottom: 5px;
    padding-top: 5px;
}

/*popup comment*/
.CommPopup {
    background-color: White;
    padding: 5px;
    width: 500px;
}

.CommPopupTitle {
    height: 38px;
    font-weight: bold;
    line-height: 38px;
    vertical-align: middle;
}

.CommPopupUpl {
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid black;
    position: relative;
}

    .CommPopupUpl input {
        width: 100%;
    }

        .CommPopupUpl input.file {
            width: 100%;
        }

.CommPopupComment {
    width: 100%;
    text-align: left;
    padding: 5px;
}

.CommPopupTextBox {
    padding: 5px;
    width: 480px;
}

.CommPopupButtons input {
    margin: 5px;
}

.CommPopupButtons {
    text-align: center;
}
/*end*/
/*CaseListView*/
#CaseListMain {
    margin: 0px;
    border-collapse: collapse;
}

#CaseListLeft {
    width: 220px;
    height: 100%;
    border-collapse: collapse;
}

    #CaseListLeft .searchviewmenu .element {
        padding: 5px 12px 5px 12px;
        display: block;
    }

        #CaseListLeft .searchviewmenu .element.active {
            background-color: #c8d4d2;
        }

        #CaseListLeft .searchviewmenu .element:hover {
            background-color: #CDE6F7;
            cursor: pointer;
        }

        #CaseListLeft .searchviewmenu .element .link {
            color: #444;
        }

#CaseListLeftExt {
    float: left;
    width: 200px;
    height: 100%;
    border-collapse: collapse;
}

.ExtDesc {
    padding: 5px;
}

#CaseListRightExt {
    margin-left: 204px;
    margin-right: 0px;
    border-left: 4px solid #66A1E7;
    border-collapse: collapse;
    height: 100%;
}

#CaseListRight {
    /*margin-left: 220px;*/
    margin-right: 0px;
    /* border-left: 4px solid #66A1E7; */
    border-collapse: collapse;
    height: 100%;
    width: 80%;
    float: left;
}

#search-criteria-right {
    display: inline-block;
    width: 80%;
    vertical-align: top;
}

#CaseListRight .tbTitle {
    width: 40%;
}
/*end*/
/*CaseToolbar*/
.CaseToolPopup {
    background-color: White;
    padding: 5px;
    width: 90%;
}

.CaseToolPopupTitle {
    font-weight: bold;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.CaseToolPopupMain {
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid black;
    position: relative;
}

    .CaseToolPopupMain input {
        margin: 0px;
    }

.CaseToolPopupDdl {
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
}

.CaseToolPopupComment {
    text-align: left;
    padding: 5px;
}

.CaseToolPopupTextBox {
    padding-left: 5px;
    padding-right: 5px;
    width: 480px;
}

.CaseToolPopupTextBoxSingle {
    width: 480px;
    padding-left: 5px;
    padding-right: 5px;
}

.CaseToolPopupButtons input {
    margin: 5px;
}

.CaseToolPopupButtons {
    text-align: center;
}
/*end*/
.addtabframe {
    border: none;
    width: 100%;
    height: 100%;
    display: block;
}

.ajax__dropdown_arrow_image {
    background: url("../images/ddlBg.gif") no-repeat scroll 50% 50% transparent;
}

.ajax__dropdown_arrow {
    /*height:100%; overflow:hidden; position:absolute;*/
}

/*CaseListToolbar*/
.CaseListMenuItem {
    color: #000000 !important;
    display: block;
    margin: 1px 0;
    padding: 4px 19px 4px 19px;
    text-decoration: none;
    cursor: pointer;
}

    .CaseListMenuItem:hover {
        color: #333333;
        cursor: pointer;
        display: block;
        margin: 1px 0;
        padding: 4px 19px 4px 19px;
        text-decoration: none;
        background-color: #F3F3F3;
        text-decoration: none;
    }

.CaseListMenu {
    background-color: white;
    border: 1px solid #868686;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    z-index: 1000;
    position: relative;
}

.CasePicture {
    display: inline;
    margin-right: 5px;
}

.CaseHistoryThumbnail {
    clear: both;
    margin-bottom: 7px;
}
/*end*/

.autocomplete_completionListElement {
    background-color: white;
    border: 1px solid buttonshadow;
    color: windowtext;
    list-style-type: none;
    margin: 0 !important;
    overflow: auto;
    text-align: left;
    visibility: hidden;
    z-index: 100009;
    position: relative;
    padding: 0px;
}

.autocomplete_listItem {
    background-color: white;
    color: #000000;
    margin: 1px 0;
    padding: 4px 19px 4px 19px;
}

.autocomplete_highlightedListIt {
    background-color: #F3F3F3 !important;
    color: #000000;
    margin: 1px 0;
    padding: 4px 19px 4px 19px;
    cursor: pointer;
}

.CaseSelectDll {
    width: 18px;
    float: left;
    text-align: center;
    padding: 6px 0px;
}

.SelectCaseControls {
    margin: 0px;
    background-color: rgb(239, 239, 239);
    height: 50px;
    padding: 0px;
    vertical-align: middle;
}

.SelectCaseControlsContainer {
    padding-top: 10px;
    margin: 0px 10px 0px 10px;
    height: 28px;
    vertical-align: middle;
    float: left;
}

.SelectCaseControlsInput {
    margin-left: 10px;
    width: 600px;
    vertical-align: middle;
}

.SelectCaseControlsInputText {
    float: left;
}

.SelectCaseControlsInput input {
    border: 1px solid #CCCCCC;
}

.CaseSelectTxt {
    padding: 0px;
    border: none;
    width: 250px;
}

#SearchViewRight {
    margin-left: 201px;
    margin-right: auto;
    padding-left: 3px;
    border-left: 2px solid rgb(225, 225, 225) !important;
}

#SearchViewLeft {
    float: left;
    width: 200px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: none;
}

/*Procedure*/
#ProceduresRight {
    margin-right: auto;
    padding-left: 3px;
}

#ProceduresLeft {
    float: left;
    width: 400px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #FFFFFF;
}

.bodyDiv #Overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100vh - 55px);
    background: #D6D6D6;
    opacity: 0.7;
}

#Procedures {
    width: 100%;
    margin: 0px;
}

.ProcedureDetailsHeader {
    height: 42px;
    line-height: 42px;
    margin: 0px;
    text-align: center;
    padding: 0px;
    font-weight: bold;
}

div.ProceduresListTbl {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 200px);
}

div.ProceduresList {
    width: 400px;
    height: 100%;
    border-right: none;
    padding-top: 10px;
}

    div.ProceduresList div.header {
        font-weight: bold;
        line-height: 50px;
    }

    div.ProceduresList .proceduresButtons {
        text-align: center;
        margin: 5px 0px;
    }

        div.ProceduresList .proceduresButtons .button {
            display: inline-block;
            margin: 0px 5px;
        }

    div.ProceduresList .menu {
        margin-bottom: 20px;
    }

    div.ProceduresList .searchButton {
        position: relative;
        width: 90%;
        margin: auto;
    }

        div.ProceduresList .searchButton .searchText {
            width: 100%;
            height: 2.5em;
            box-sizing: border-box;
            padding-right: 30px;
        }

        div.ProceduresList .searchButton .searchImage {
            height: 2em;
            position: absolute;
            top: 3px;
            right: 4px;
        }

.ProceduresListCategoryHeader {
    background-color: rgb(241, 241, 241);
    font-weight: bold;
    color: #777;
    border-bottom: 1px solid #ababab;
    line-height: 25px;
}

.ProceduresListSubCategoryHeader {
    background-color: rgb(241, 241, 241);
    font-weight: bold;
    color: #777;
    border-bottom: 1px solid #ababab;
    line-height: 25px;
}

.ProceduresListPanel, .DictionariesListPanel, .ReportsListPanel {
    border-collapse: collapse;
    border-bottom: 1px solid rgb(225, 225, 225);
    padding: 10px;
    text-align: left;
    padding-left: 30px;
}

    .ProceduresListPanel:hover, .DictionariesListPanel:hover, .ReportsListPanel:hover {
        background-color: #F3F3F3;
        cursor: pointer;
    }

.ProcedureViewListNew {
    width: 260px;
    margin: 2px;
}

.ProcedureStetesNew {
    width: 13em;
}

.ProcedureStatesTable {
    border-collapse: collapse;
    width: 100%;
}

    .ProcedureStatesTable th {
        background-color: rgb(241, 241, 241);
        border-bottom: 1px solid rgb(225, 225, 225);
        color: #777;
        text-align: center;
    }

        .ProcedureStatesTable th.subHeader {
            text-align: left;
            height: 30px;
        }

    .ProcedureStatesTable td {
        padding: 2px 5px;
        height: auto;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        margin: 0px 5px;
        /*
        */
    }

.ProcedureStatesTableRow {
    background-color: #F3F3F3;
    border: 1px solid rgb(225, 225, 225);
    padding-top: 10px;
    cursor: pointer;
}

.ProcedureStatesTable .ProcedureStatesTableRow.Item {
    background-color: #FFFFFF;
}

.ProcedureStatesTable td.checkbox {
    width: 30px;
    border: none;
}

.ProcedureStatesTable td.section {
    width: 140px;
    border: none;
    padding: 2px 5px;
    text-align: left;
    line-height: 15px;
}

.ProcedureSettingsTable {
    margin-left: 10px;
}

.ProcedureSettingDesc {
    padding: 3px 0px;
    width: 24%;
    float: left;
}

.ProcedureSettingsValue {
    padding: 3px 0px;
    min-width: 24%;
    float: left;
}

.ProcedureSettingSkanujTo table th td {
    padding-right: 5px;
    text-align: left;
}

.ProcedureSettingOneCell {
    width: 80%;
    clear: both;
    position: relative;
    padding: 3px 0px;
}

    .ProcedureSettingOneCell .AutocompletePickerCompletionListElement {
        border: none;
    }

        .ProcedureSettingOneCell .AutocompletePickerCompletionListElement li {
            border: 1px solid buttonshadow;
            position: relative;
        }

    .ProcedureSettingOneCell textarea {
        overflow: auto;
        width: 100%;
    }

.StageListLabel {
    display: block;
    max-height: 100px;
    overflow: hidden;
}



.ProcedureStatesTableNextStates {
    width: 20%;
}

#ProcedureStetesLeft {
    float: left;
    width: 100%;
}


.ProcedureParamsSectionRow {
    height: 30px;
    border-collapse: collapse;
    font-weight: bold;
    background-color: #F3F3F3;
    border-top: 1px solid rgb(225, 225, 225);
    border-bottom: 1px solid rgb(225, 225, 225);
}

    .ProcedureParamsRow td, .ProcedureParamsSectionRow td {
        padding: 5px 1px;
    }

.ProcedureParamsRow {
    vertical-align: top;
}

    .ProcedureParamsRow.AlternatingItem {
        background-color: #F3F3F3;
    }

.ProcedureStatesTable .search-keyword {
    width: 250px;
}

.ProcedureParamsRow textarea {
    width: 95%;
}

.ProcedureParamsSeparator {
    height: 15px;
    border-bottom: 1px solid #aaa;
    border-collapse: collapse;
}

.ProcedureParamsCheckBoxColumn {
    text-align: right;
    float: right;
}

.ProcedureParamDesc {
    overflow: hidden;
    display: block;
    max-width: 300px;
    max-height: 100px;
}

#ProcedureDetailsMain {
    width: 100%;
}

.StatePopup {
    background-color: White;
    padding: 5px;
    width: 500px;
    font-weight: normal;
    text-align: left;
}

.StatePopupTitle {
    font-weight: bold;
    line-height: 20px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.StatePopupTextBox {
    width: 480px;
}

.StatePopupButtons input {
    margin: 5px;
}

.StatePopupButtons {
    text-align: center;
}
/*end*/
.TextBoxHidden {
    display: none;
    width: 90%;
}

.TextBoxHalfHidden {
    display: none;
    width: 95%;
}

.LabelToHide, .LabelToHideNoEdit {
    display: block;
    min-height: 20px;
    width: 100%;
}

.LabelToHideConst {
    display: block;
    width: 150px;
}

.LabelToHalfHide {
    display: block;
    min-height: 20px;
    width: 50%;
}

.LabelToHideBold {
    display: block;
    /*max-height: 40px;*/
    overflow: hidden;
    width: 100%;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}

.UpdateProgress {
    z-index: 1001;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #EDEDED;
    padding: 10px 20px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}

.BoldText {
    font-weight: bold;
}

.TableMyProsedures input {
    width: 200px;
}

.CaseToolPopupText {
    float: left;
}

.CaseToolPopupConrol {
    float: right;
}
/*popup background*/
.ui-widget-overlay {
    background: #D6D6D6;
    opacity: 0.7;
}
/*popup window*/
.PopupTable {
    width: 100%;
}

.PopupTab {
    margin: 10px 10px 10px 10px;
}

.PopupTableRow {
    width: 100%;
    clear: both;
}

.PopupTable .colDesc {
    width: 30%;
    vertical-align: middle;
}

.PopupTable .colValue {
    width: auto;
}

.PopupTable .colDescDiv {
    width: 40px;
    float: left;
    margin-left: 10px;
}

.PopupTable .colValueDiv {
    width: 620px;
    float: left;
}

.PopupTable .fcColValueDiv {
    width: 100%;
    float: left;
}

.ForwardUsers {
    width: 64%;
    margin-left: 25px;
}

.ForwardUserComment {
    width: 75%;
    margin-top: 10px;
}

.ErrorTableRow {
    float: left;
    width: 64%;
    margin-left: 25px;
    text-align: center;
    clear: none;
}

.ForwardStagesStageName {
    position: absolute;
    left: 10px;
    bottom: 20px;
    color: #868686;
}

@media screen and (max-device-width: 600px), screen and (max-width: 600px) {
    .ForwardStagesStageName {
        left: 0;
        bottom: 0;
        position: relative;
        margin-bottom: 7px;
        color: #868686;
    }

    .RowForwardStages,
    .ForwardStages {
        width: 100% !important;
    }

    .ForwardUsers {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .ErrorTableRow {
        width: 100%;
        margin-left: 0;
    }

    .ForwardUserComment {
        width: 100%;
    }

    .PopupSendColMobile {
        display: table;
        margin: 0 auto;
        width: 100px;
        float: none !important;
    }

        .PopupSendColMobile > .PopupSendButton {
            margin-top: 15px;
        }
}

.PopupTable .colRowDivExt {
    width: 670px;
    margin: 10px;
}

.PopupTable .rowSeparator {
    min-height: 10px;
}

.PopupMessage {
    position: relative;
    text-align: left;
    float: right;
    width: 400px;
    padding: 20px 20px 20px 20px;
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    z-index: 1000;
}

div.PopupMessage.divParamDelete {
    padding: 0px 0px 0px 0px;
}

.PopupMainSettings {
    position: relative;
    width: 600px;
    box-sizing: border-box;
    padding: 13px;
    overflow-x: hidden;
}
    .PopupMainSettings table td input, .PopupMainSettings table td select {
        max-width: 80%;
    }

.PopupMain {
    position: relative;
    text-align: left;
    width: 600px;
    box-sizing: border-box;
    padding: 13px 13px 13px 13px;
    margin: 0 auto;
}


    .PopupMain .Row, .PopupMainSettings .Row {
        clear: both;
        float: left;
        margin: 5px 0;
    }

    .PopupMain .colTitle, .PopupMainSettings .colTitle {
        float: left;
        width: 150px;
    }

    .PopupMain .colValues, .PopupMainSettings .colValues {
        float: left;
    }

.PopupMainSend {
    width: 800px !important;
}

.PopupMainSendNew {
    width: 700px !important;
}

.PopupMainAddScan {
    width: 800px;
}

.PopupMain select {
    min-width: 6em;
    padding: 7px 5px;
    /*border: 1px solid #ababab;*/
    box-sizing: border-box;
    background-color: #fdfdfd;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
}

.PopupMain input {
    min-width: 6em;
    padding: 7px 5px;
    /*border: 1px solid #ababab;*/
    box-sizing: border-box;
    background-color: #fdfdfd;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
}

    .PopupMain input[type="radio"] {
        min-width: 0em;
    }

    .PopupMain input.ForwardStageInputEditable {
        padding: 0px;
    }

    .PopupMain input[type="checkbox"] {
        min-width: 0em;
    }

    .PopupMain input[type="file"] {
        border: none;
    }

.PopupMain .content .InfoLabel,
.PopupMain .content .RequiredLabel {
    display: inline-block;
    max-height: 500px;
    overflow-y: auto;
}
.PopupMain label {
    padding-bottom: 5px;
    font-size: 1.2em;
}
.PopupMainMsgBox {
    text-align: center;
    width: 400px;
}

.PopupWindow {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);
    background-color: #fff;
    width: 620px;
}

.PopupFrame {
    border: none;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);
    width: 620px;
    height: 200px;
}

.PopupRulesFrame {
    /*width: 820px !important;*/
    width: 100vw !important;
    height: 100vh !important;
}

.RuleEditorDialog, .RuleEditorDialog .PopupMain, .RuleEditorDialog .RuleCodeDiv {
    width: 100%;
}

    .RuleEditorDialog .RuleEditorBox {
        margin: 0px;
        padding: 0px;
        height: 45px;
        width: 100%;
    }

.PopupWindowSendFrame {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 820px;
    height: 200px;
}

.PopupWindowSendFrameFullScreen {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 100%;
}

.PopupStyleChange {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);
    background-color: #FFFFFF;
    width: 620px;
    height: 200px;
}

.PopupParameter {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 1020px;
    height: 700px;
}

.PopupWindowSend {
    width: 820px !important;
    min-height: 320px;
}

.PopupWindowSendFrameNew {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 720px;
    height: 440px;
}

.PopupWindowSendNew {
    width: 720px !important;
    height: 440px;
}

.PopupWindowMsgBox {
    width: 440px;
}

.PopupMsgIcon {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.PopupMsgText {
    margin-left: 100px;
    text-align: left;
    max-height: 600px;
    overflow-y: auto;
    margin-bottom: 15px;
}

.PopupPnlTextBox {
    margin: 15px;
}

.PopupMsgButtons {
    clear: both;
    text-align: center;
}

.PopupControl {
    min-width: 100px;
    width: 99%;
}

.PopupControlName {
    min-width: 100px;
    width: 90%;
}

.PopupDivExt {
    min-width: 20px;
}

.PopupUserSel {
    min-width: 500px;
    border: 1px solid black;
}

.PopupSeparator {
    height: 3px;
    border-bottom: 1px none #62A1EE;
}

    .PopupSeparator hr {
        display: none;
    }

.PopupTitle, .PopupTitleSettings {
    background-color: #3F7ECB;
    font-weight: 400;
    height: 40px;
    line-height: 34px;
    padding: 5px 13px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1.46em;
    color: #fff;
}

    .PopupTitle.warning {
        background-color: #FFEA00;
    }

    .PopupTitle.error {
        background-color: #FF0000;
    }

.PopupTitleSettings {
    box-sizing: border-box;
    height: 50px;
}
.loginDialog .PopupTitle .PopupClose {
    top: 0px;
}
a.PopupClose {
    color: #fff;
}

.ErrorPopup {
    color: #FF0000;
    width: 100%;
    float: left;
}

.RequiredLabel {
    color: #FF0000;
}

.InfoLabel {
    color: #07781e;
}

td.CenteredButtons {
    text-align: center !important;
}

.PopupButtons {
    text-align: center;
    margin-top: 5px;
    padding: 13px;
}
/*
.PopupButtons input
{
	margin-right:10px;
}
*/
.PopupSelectDll {
    width: 20px;
    float: right;
    text-align: center;
    padding: 0px;
    top: 0px;
    right: 0px;
    position: absolute;
}

.PopupSelectTxt {
    padding: 0px;
    width: 470px;
    border: 0px none;
}

.PopupSelectControls {
    border: 1px solid #CCCCCC;
    background-color: White;
    width: 150px;
}

.PopupSelectText {
    padding: 0px;
    width: 120px;
    border: none;
}

.PopupSelectMenuItem {
    color: #000000 !important;
    cursor: pointer;
    display: block;
    margin: 1px 0;
    padding: 4px 19px 4px 19px;
    text-decoration: none;
}

    .PopupSelectMenuItem:hover {
        color: #000000;
        cursor: pointer;
        display: block;
        margin: 1px 0;
        padding: 4px 19px 4px 19px;
        text-decoration: none;
        background-color: #F3F3F3;
    }

.PopupSelectMenu {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    z-index: 1000;
    position: relative;
    min-width: 300px;
}

.PopupSelectProc {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    font-size: 11px;
    padding-bottom: 5px;
    position: relative;
    z-index: 1000;
    min-width: 200px;
    font-size: 14px;
}

.AdvancedSearchPanel {
    border-bottom: 1px solid #66a1e7;
}

.AdvancedSearchLink {
    text-align: center;
    font-weight: bold;
    margin-left: 5px;
}

.AdvancedSearchCommandPanel {
    padding: 5px 5px 5px 5px;
    overflow: hidden;
}

.PopupSendButton {
    background-repeat: no-repeat;
    background-position: center center;
    height: 95px;
    padding-top: 40px;
    width: 100px;
    display: block;
    float: left;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    white-space: normal !important;
    line-height: 40px;
    vertical-align: bottom;
    background-image: url(../images/send.png);
    text-align: center;
    cursor: pointer;
}

    .PopupSendButton:hover {
        background-image: url(../images/send-selected.png);
    }

.PopupSendCol {
    text-align: center;
    vertical-align: top;
}

.popupJqueryTitleDiv {
    float: left;
}

.popupJqueryCloseDiv {
    float: right;
}

    .popupJqueryCloseDiv .PopupClose {
        position: relative !important;
        top: 0px !important;
        right: 0px !important;
    }

.PopupClose {
    position: absolute;
    right: 10px;
    top: 10px;
}

a.PopupClose:link {
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

a.PopupClose.mdi:link {
    font-size: 22px;
}

a.PopupClose:hover {
    color: #FF0000;
    text-decoration: none;
}

input.NoBorder {
    border: 0px none;
    background-color: transparent;
}

.PopupPickerSelectTxt {
    border: 1px solid #aaa;
    padding: 0px;
    background-color: transparent;
    width: 100%;
}

.Picker {
    background-color: white;
    position: relative;
}

.AMODFormField .Picker {
    display: inline-block;
    vertical-align: middle;
}

.PickerDisabled {
    border: 1px solid #CCCCCC;
    background-color: #EFEFEF;
}

.PopupPickerSelectDll {
    width: 20px;
    float: right;
    text-align: center;
    padding: 6px 0px;
}

.PopupPickerSelectMenu {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    z-index: 10000;
    position: relative;
    min-width: 250px;
    max-height: 400px;
    overflow: auto;
}

.PopupPickerSelectMenuForwardStage {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    z-index: 1000;
    position: relative;
    min-width: 280px;
    max-height: 120px;
    overflow: auto;
}

.PopupWindowAddScan {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 820px !important;
    height: 580px;
}

.PopupWindowAddScanFrame {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 820px !important;
    height: 500px;
}

.PopupWindowColorSchema {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 820px !important;
    height: 500px;
}

.PopupWindowAddScanTab {
    height: 450px;
    overflow: auto;
}

.PopupWindowAddScanLeft {
    width: 55%;
    float: left;
}

.PopupWindowAddScanRight {
    width: 45%;
    float: left;
}

.PickerHidden {
    border: 1px solid #CCCCCC;
    background-color: White;
    display: none;
}

ul.AutocompletePickerCompletionListElement {
    border: 1px solid buttonshadow;
    background-color: white;
    color: windowtext;
    list-style-type: none;
    margin: 0 !important;
    overflow-y: auto;
    overflow-x: visible;
    text-align: left;
    visibility: hidden;
    z-index: 10009;
    position: fixed;
    padding: 0px;
    max-height: 300px;
    min-width: 250px;
    width: auto;
}

/*end*/
#UsersList {
    width: 100%;
}

.UserSelectDiv {
    border: 1px solid #CCCCCC;
    overflow: hidden;
    background-color: window;
    width: 480px;
    height: 50px;
    color: windowtext;
}

.SelectMainManu {
    display: inline;
    float: right;
    width: 100px;
    margin-right: 10px;
}

#CaseListSelectPrc {
    margin: 0px;
}

img {
    border: none;
}


div.main {
    min-height: 99%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    background-color: #FFFFFF;
    /*border: solid 1px #CCCCCC;*/
}

div.header {
    background-color: #000; /*float:left;*/
    width: 100%;
    height: 50px;
}

div.headerSpacer {
    background-color: #fff;
    height: 1px;
}

div.bodyDiv {
    position: relative;
}

div.headerLogo {
    /*width: 500px;*/
    float: left;
    height: 50px;
    padding-left: 20px;
    /* padding-right: 20px; */
    line-height: normal;
    display: inline-block;
}

    div.headerLogo a, div.headerLogo span {
        vertical-align: top;
        display: inline-block;
        height: 47px;
        text-decoration: none;
        line-height: normal;
        color: rgb(255, 255, 255);
        font-size: 22px;
        font-family: SegoeUI-SemiLight-final, 'Segoe UI SemiLight', 'Segoe UI WPC Semilight', 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    }

        div.headerLogo a img {
            max-height: 40px;
        }

    div.headerLogo span {
        line-height: 47px;
    }

    div.headerLogo img {
        margin-top: 5px;
    }

@media screen and (min-width: 1000px) {
    div.headerLogo .PageTitle {
        margin-left: 20px;
        cursor: pointer;
    }
    }

div.headerLogo .ExpandButton {
    float: right;
    cursor: pointer;
    margin-left: 20px;
    position: relative;
}

    div.headerLogo .ExpandButton img {
        width: 30px;
        height: 30px;
    }
/*div.headerLogo .ExpandButton .ExpandButtonTooltip {
        background-color: #FFFFCC;
        border: 1px solid black;
        color:black;
        padding:4px;
        position:absolute;
        top:5px;
        left:30px;
        white-space: nowrap;
    }*/

.afxTooltip {
    background-color: #FFFFCC;
    border: 1px solid black;
    color: black;
    padding: 1px;
    position: absolute;
    top: 5px;
    left: 30px;
    white-space: nowrap;
}
.afxTooltip.afxTooltipPrcSettings {
    background-color: #FFFFCC;
    border: 1px solid black;
    color: black;
    padding: 1px;
    position: absolute;
    top: 32px;
    left: -175px;
    white-space: nowrap;
}

div.version {
    float: left;
    line-height: 40px;
    color: White;
}

div.headerMenu {
    width: auto;
    float: right;
    line-height: 41px;
    vertical-align: middle;
    height: 50px;
    margin-right: 0px;
}

    div.headerMenu a, div.headerMenu span {
        font-size: 11px;
        color: #FFFFFF;
        vertical-align: middle;
        line-height: 50px;
        height: 50px;
        display: block;
        /* font-weight: 600; */
        float: left;
    }

        div.headerMenu span.lastHeaderSpan {
            padding-left: 10px;
            padding-right: 20px;
        }

        span.headerSpan, div.headerMenu a, div.headerMenu span.headerSpan {
            padding-left: 0px;
            padding-right: 0px;
            background-position: right;
            background-repeat: no-repeat;
            border-left: 1px solid rgba(255,255,255,.3);
            border-right: none;
            width: 49px;
            text-align: center;
        }

            div.headerMenu span.headerSpan img, div.headerMenu span.lastHeaderSpan img {
                margin-bottom: -2px;
                margin-left: 5px;
            }

span.ajax__tab_tab img {
    margin-bottom: -4px;
}

.UserContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 11px;
    background-color: rgb(234, 234, 234);
    max-height: 86%;
    overflow: auto;
}

a.UserContextMenuItem,
span.UserContextMenuItem,
span.UserContextMenuItemNoHover,
.UserContextMenuItemGroup,
.UserContextMenuItemGroupStrech {
    margin: 0px;
    display: block;
    font-size: 13px;
    color: rgb(68, 68, 68);
    text-decoration: none;
    cursor: pointer;
    padding: 6px 19px 6px 33px;
    white-space: nowrap;
    background-color: #ffffff;
    border: none;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

span.UserContextMenuItemNoHover {
    cursor: default;
    padding-left: 10px;
}

a.UserContextMenuItemSeparator {
    margin-top: 1px;
}

.UserContextMenuItemGroup {
    height: 30px;
    padding: 0px;
}

.UserContextMenuItemGroupStrech {
    display: block;
    overflow: auto;
    height: 72px;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    /*background-image: url('../images/extraButtonsBg.png');
    background-repeat: repeat;*/
    background-color: #F3F3F3;
}

    .UserContextMenuItemGroupStrech div {
        display: inline-block;
    }

a.UserContextMenuItem:hover,
span.UserContextMenuItem:hover {
    background-color: rgba( 205,230,247,0.5 );
    color: rgb(68, 68, 68);
    border: none;
    padding: 6px 19px 6px 33px;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

a.UserContextMenuItem input[type=image] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a.UserContextMenuItem .MenuImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    text-align: center;
    vertical-align: top;
}

.MenuImage {
    color: rgb(68, 68, 68);
}

span.MenuImage {
    width: 52px;
    text-align: center;
    line-height: 22px;
}

.MenuImage img {
    height: 16px;
    vertical-align: middle;
    margin-right: 0px;
    margin-top: -2px;
}

div.headerMenu a:hover {
    text-decoration: none;
}

div.headerLanguageSelection {
    width: auto;
    float: right;
    height: 41px;
    text-align: left;
    vertical-align: middle;
    line-height: 41px;
}

    div.headerLanguageSelection input {
        vertical-align: middle;
        margin: 5px;
        padding-top: 5px;
    }

.PopupLanguageSelection {
    text-align: center;
    margin-top: 0px;
}

    .PopupLanguageSelection ul {
        margin: 5px 10px;
        list-style-type: none;
        border-collapse: collapse;
    }

    .PopupLanguageSelection li {
        width: 100px;
        float: left;
        text-align: left;
        cursor: pointer;
        padding: 10px 5px;
        border-collapse: collapse;
        border: 1px solid #FFFFFF;
        display: block;
    }

        .PopupLanguageSelection li:hover {
            border: 1px solid #C3C3C3;
        }

        .PopupLanguageSelection li img {
            vertical-align: middle;
            border: 1px solid #000000;
        }

        .PopupLanguageSelection li a:hover {
            text-decoration: none;
        }

div.casemenu {
    /*background-image: url("../images/case-background.png");
    background-repeat: repeat-x;
    background-position: bottom;*/
    background-color: #F3F3F3;
    margin: 0px;
    padding: 0px;
    border-top: solid 1px #CCCCCC;
    border-bottom: 1px solid rgb(225, 225, 225);
    width: 100%;
    max-height: 130px;
}

input.smallBt {
    min-width: 16px !important;
    width: 16px;
    height: 16px;
    display: block;
    border: none !important;
    cursor: pointer;
}

div.casemenu input.bt, div.casemenu a.bt, div.PopupMain input.bt, div.casemenu a.moreOptions {
    background-repeat: no-repeat;
    /*background-position: center center;*/
    height: 95px;
    padding: 43px 0px 0px 0px;
    width: 100px;
    display: block;
    float: left;
    border: none;
    cursor: pointer;
    white-space: normal !important; /*line-height:40px;*/
    text-align: center; /* vertical-align:bottom;*/
}

div.casemenu a.bt {
    text-decoration: none;
    color: Black;
    width: 66px;
    height: 77px;
    margin: 0px;
    background-size: 66px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
}

div.casemenu div.ToolbarDDBtn {
    border: 1px solid #cccccc;
}

div.casemenu a.moreOptions {
    padding-top: 47px;
    width: 18px;
    border: 1px none;
    height: 48px;
    margin-left: -13px;
}

div.casemenu div.separator {
    background-image: url('../images/case-separator.png');
    background-repeat: no-repeat;
    background-position: top;
    display: block;
    float: left;
    height: 95px;
    width: 5px;
}


div.preload {
    display: none;
}

.ajax__tab_xp .ajax__tab_header, .ajax__tab_default .ajax__tab_header {
    height: 42px;
    vertical-align: top;
    font-weight: bold;
    background-color: #FFFFFF;
    border-bottom: 1px solid #fff;
}

    .ajax__tab_xp .ajax__tab_header a:link, .ajax__tab_default .ajax__tab_header a:link {
        font-weight: bold;
    }

.ajax__tab_xp .ajax__tab_tab, .ajax__tab_default .ajax__tab_tab {
    height: 26px;
    vertical-align: middle;
    line-height: 40px;
    padding: 0px 10px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    color: rgb(102, 102, 102);
    display: inline-block;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

    .ajax__tab_xp .ajax__tab_hover .ajax__tab_tab, .ajax__tab_xp .ajax__tab_tab .ajax__tab_tab, .ajax__tab_default .ajax__tab_active .ajax__tab_tab {
        background-color: rgba(233, 233, 233, 0.780392);
        color: #666666;
        border-bottom: 1px solid rgba(233, 233, 233, 0.780392);
        font-weight: 600;
    }

.ajax__tab_default .ajax__tab_hover .ajax__tab_tab {
    background-color: rgba( 205,230,247,0.5 );
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

.ajax__tab_xp .ajax__tab_body, .ajax__tab_default .ajax__tab_body {
    background-color: #FFFFFF; /*#E7E7E7;*/
    margin: 0px;
    padding: 0px;
    overflow: visible;
}

#__tab_ctl00_cph1_clmMyCasses_tcTabs_TabPanelProcedures {
    background-color: #3EB551;
    border-bottom: 1px solid #3EB551;
    color: #fff;
    font-weight: 600;
}

    #__tab_ctl00_cph1_clmMyCasses_tcTabs_TabPanelProcedures:hover {
        background-color: #62A1EE;
        color: #FFFFFF;
        border-bottom: 1px solid #62A1EE;
    }

.ajax__tab_default.tabResp .ajax__tab_header {
    border-bottom: none;
    border-right: 1px solid rgb(241, 241, 241);
    float: left;
    height: calc(100vh - 51px);
    overflow-x: hidden;
    overflow-y: auto;
    width: 220px;
}

    .ajax__tab_default.tabResp .ajax__tab_header .ajax__tab_outer {
        float: left;
    }

    .ajax__tab_default.tabResp .ajax__tab_header .ajax__tab_tab {
        width: 200px;
    }

.ajax__tab_default.tabResp .ajax__tab_body {
    margin-left: 220px;
}

.ajax__tab_default.tabHeadPrc .ajax__tab_header {
    float: left;
    border-bottom: none;
    height: auto;
    width: 130px;
}

    .ajax__tab_default.tabHeadPrc .ajax__tab_header .ajax__tab_outer {
        float: left;
    }

    .ajax__tab_default.tabHeadPrc .ajax__tab_header .ajax__tab_tab {
        width: 110px;
    }

.ajax__tab_default.tabHeadPrc .ajax__tab_body {
    margin-left: 130px;
}

#ctl00_cph1_tcTabs_TabPanelProcedures {
    background-color: #fff;
}

div.content {
    width: 100%;
    height: 100%;
}

div.caseList {
    width: 200px;
    height: 100%;
}


.caseList Input {
    background-image: url(../images/case-list-button-background.jpg);
    width: 200px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    border: none;
    margin-bottom: 1px;
    cursor: pointer;
    display: inline-block;
}

    .caseList Input:hover {
        text-decoration: underline;
        float: inherit;
    }

.borderTop {
    border-top: 1px solid #CCCCCC;
}

.noBorder {
    border-top: 0px solid #CCCCCC;
}

span.NewsDate {
    font-style: italic;
    font-size: smaller;
    color: Gray;
}

td.ListItem {
    padding: 5px;
    min-width: 120px;
}

    td.ListItem.sqlnumber, td.ListItem.sqldate {
        text-align: right;
    }

td.ShortListItem {
    padding: 5px;
    text-align: center;
}

th.ShortListItem {
    text-align: center;
}

.container {
    width: 100%;
    text-align: center;
}

.formElement {
    width: 90%;
    margin: 5px;
    text-align: center;
    margin-left: 1px;
    margin-right: 1px;
    padding: 3px 0px;
    clear: both;
}

.formFieldLabel {
    width: 49%;
    text-align: right;
    padding-right: 5px;
    float: left;
}

.FormField {
    margin-right: 1px;
    float: left;
    text-align: left;
    border: 1px solid #ababab;
    width: 300px;
    background-color: rgba( 255,255,255,0.85 );
}

.CalendarField img {
    margin-top: 4px;
}

.ProcedureFormTable .FormField {
    width: 200px;
}

.formElement .formField {
    margin-right: 1px;
    float: left;
    width: 49%;
    text-align: left;
}

.prediction_button {
    font-size: smaller;
    font-weight: bold;
    margin: 0px 5px 0px 5px;
}

#GraphTab {
    background-color: white; /*#f1f1f1;*/
    position: relative;
}

.proc-content #GraphTab {
    height: calc(100vh - 51px);
    overflow: auto;
}

.graphTabGray {
    background-color: rgb(211, 211, 211) !important;
}

.graphTabLightGray {
    background-color: rgb(241, 241, 241) !important;
}

#GraphAlgorithm {
    float: left;
    width: 150px;
    background-color: #66A1E7;
    color: #FFFFFF;
    height: 100%;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

.GraphPreviewAlgoritm {
    float: left;
    width: auto;
    background-color: #66A1E7;
    color: #FFFFFF;
    height: 100%;
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
}

/*.graphTabLightGray .ImageMapGraphPreview2 {
    position:absolute !important;
    left:0 !important;
}*/

#GraphPicture {
    background-color: #D3D3D3;
    height: 100%;
}

.CursorPointer {
    cursor: pointer;
}

.graphMenu {
    display: none;
    position: absolute;
    z-index: 5;
    background-color: rgb(241, 241, 241);
    color: Black;
    border: 1px solid;
    text-align: center;
}

.graphMenuHeader {
    font-weight: bold;
}

.graphLockAndAlerts {
    position: absolute;
    z-index: 5;
    background-color: rgb(241, 241, 241);
    color: Black;
    border: 1px solid;
    text-align: center;
}

.graphMenuButton {
    width: 300px;
}

.graphBitmap {
    position: absolute;
    margin-right: 0px;
}

#ResultsList {
    text-align: left;
    margin-left: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

    #ResultsList a {
        font-size: medium;
    }

.SearchTextBox {
    width: 200px;
    height: 16px;
}

.SearchButton {
}

.SearchControlsContainer {
    width: 300px;
    float: right;
    padding-top: 10px;
}

.ShowInfo {
    text-align: center;
    font-size: medium;
    padding-top: 50px;
    padding-bottom: 50px;
}

.CaseListOuterDiv {
    padding-top: 36px;
    position: relative;
    overflow-x: hidden;
}

.CaseListInnerDiv {
}

    .CaseListInnerDiv thead {
        top: 0px;
        left: 0px;
        right: 0px;
    }

.CaseListPagesBottom {
    line-height: 25px;
}

.CaseListPages {
    text-align: center;
    padding: 5px;
}

    .CaseListPages a {
        margin: 0px 3px;
        font-size: 12px;
        font-family: Verdana;
    }

    .CaseListPages span {
        margin: 0px 3px;
        font-size: 12px;
        font-weight: bolder;
        font-family: Verdana;
    }

#graphmap area {
    border: 1px solid black;
}

#UsersTree {
    float: left;
    width: 350px;
    height: 100%;
    border-right: none;
    border-collapse: collapse;
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.03)), linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 97.75%, rgba(0,0,0,0.1) 100%);
}

#UsersForm {
    margin-left: 350px;
    margin-right: 0px;
    border-left: none;
    border-collapse: collapse;
    height: 100%;
}

.usersTreePopup {
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);
    background-color: #FFFFFF;
    width: 400px;
    display: none;
    position: fixed;
    top: 150px;
    left: 300px;
}

.usersTreePopupMain {
    position: relative;
    text-align: left;
    width: 380px;
    margin: 5px 5px 5px 5px;
}

.usersTreePopupTree {
    overflow: auto;
    height: 270px;
    width: 375px;
}

.usersRight {
    float: left;
    width: 52%;
    border-left: none;
    margin-left: -4px;
}

.usersLeft {
    float: left;
    width: 48%;
    border-right: none;
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.03)), linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 97.75%, rgba(0,0,0,0.1) 100%);
}

.usersFormFieldLabel {
    min-width: 30%;
    text-align: right;
    display: inline-block;
    *display: inline; /*IE 7 does not understand inline-block*/
    padding-right: 5px;
    vertical-align: top;
}

.usersFormFieldLabelLeft {
    width: 140px;
    text-align: right;
    padding-right: 5px;
    float: left;
    clear: left;
}

.usersFormField {
    text-align: left;
    margin-right: 1px;
    display: inline-block;
    *display: inline; /*IE 7 does not understand inline-block*/
}

.usersFormFieldWide {
    float: left;
    width: 330px;
}

.usersFormSingleField {
    width: 60%;
    float: left;
    text-align: left;
    margin-right: 1px;
    margin-left: 140px;
}

.usersFormElement {
    margin: 5px;
    margin-left: 1px;
    margin-right: 1px;
}

.loginPanel .usersFormElement {
    display: inline-block;
    /*width:80%;*/
}

.usersFormElementTall {
    padding-top: 5px;
    padding-left: 1px;
    padding-right: 1px;
    clear: left;
}

.usersFormLeftElem {
    float: left;
}

.userCurrentGroups {
    max-height: 300px;
    overflow: auto;
}

.usersFormIcon {
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.usersLogo {
    text-align: center;
    margin: 10px;
}

.usersDepartmentAddDescription {
    font-style: italic;
    margin-top: 30px;
}

.usersChangeDepartmentBtns {
    margin-top: 25px;
}

.usersDepartmentConfirmBtns {
    margin-top: 20px;
    text-align: center;
}

.usersError {
    color: Red;
}

.usersManagers {
    width: 200px;
    text-align: center;
    margin-left: 20%;
    padding: 20px;
    padding-top: 10px;
    margin-top: 50px;
    border: 2px solid #3F7ECB;
    margin-bottom: 20px;
}

.usersPictureElem {
    margin-top: 2px;
    clear: both;
}

.departTree a:active, .departTree a:link, .departTree a:visited {
    Color: Black;
}


.pnlRegisterPrompt {
    display: block;
    /*padding-top:10px;*/
}

.pnlRegister {
    display: none;
}

.loginFormFieldLabel {
    width: 30%;
    text-align: right;
    padding-right: 5px;
    vertical-align: top;
    float: left;
    padding-bottom: 3px;
}

.loginPanel .loginFormFieldLabel {
    text-align: left;
    width: 100%;
    float: none;
}

.loginFormField {
    width: 60%;
    float: left;
    text-align: left;
    margin-right: 1px;
}

.loginPanel .loginFormField {
    width: 100%;
    float: none;
}

.loginFormSingleField {
    width: 60%;
    float: left;
    text-align: left;
    margin-right: 1px;
    margin-left: 30%;
}

.loginMain {
    min-width: 1000px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.loginLogo {
    width: 35%;
    height: 100%;
    float: left;
    text-align: right;
}

.loginForm {
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    width: 400px;
}

.loginContainer {
    width: 400px;
    height: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.loginPanel {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    color: #000000;
}

.loginCenter {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.loginPanelBorder {
    margin-top: 20px;
    margin-bottom: 20px;
    border: none;
}

.loginDescription {
    padding: 20px 0px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

    .loginDescription img {
        max-width: 100%;
    }

.loginCenterText {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
}

.loginButton {
    background-image: none;
    margin-left: auto;
    margin-right: auto;
    height: 38px;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    cursor: pointer;
    display: table;
}

    .loginButton input {
        line-height: 38px;
        height: 38px;
        border: 0px none;
        background-color: transparent;
        font-size: 16px !important;
        font-family: Verdana;
        font-weight: bold !important;
        cursor: pointer;
        padding: 0px;
        width: 150px;
    }

    .loginButton :hover {
        border: 1px solid black;
        text-decoration: none;
    }

    .loginButton a {
        line-height: 38px;
        height: 38px;
        border: 1px solid white;
        background-color: transparent;
        font-size: 16px !important;
        color: #000000 !important;
        font-weight: bold !important;
        cursor: pointer;
        width: 150px;
        display: block;
    }

.loginFailure {
    font-weight: bold;
    color: Red;
}

.resetButton {
    /*background-image:url("../images/case-list-button-background.jpg");*/
    margin-left: auto;
    margin-right: auto;
    height: 38px;
    min-width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
    cursor: pointer;
}

    .resetButton input {
        /*line-height:38px;*/
        height: 38px;
        border: 0px none;
        background-color: transparent;
        font: 16px !important;
        font-family: Verdana;
        font-weight: bold !important;
        cursor: pointer;
        min-width: 200px;
        padding: 0 !important;
    }

    .resetButton :hover {
        border: 1px solid black;
        text-decoration: none;
    }

    .resetButton a {
        line-height: 38px;
        height: 38px;
        border: 1px solid white;
        background-color: transparent;
        font-size: 16px !important;
        color: #000000 !important;
        font-weight: bold !important;
        cursor: pointer;
        width: 200px;
        display: block;
    }

.pointer {
    cursor: pointer;
}

.settingsMainContainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #66A1E7;
    border-right: 1px solid #66A1E7;
}

.settingsSearch {
    height: 50px;
    background: #f1f1f1;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}

.settingsSearchRight {
    float: right;
    padding: 10px;
}

.settingsSearchLeft {
    float: left;
    padding: 10px;
}

.settingsPopupMain {
    width: 300px;
    text-align: center;
    padding: 5px;
    margin: auto;
}

.settingsPopupDropDown {
    text-align: left;
}

.groupsButton {
    width: 100%;
    height: 30px;
    background-image: url(../images/case-list-button-background.jpg);
    vertical-align: middle;
    border: none;
    cursor: pointer;
    border: none;
    margin-bottom: 1px;
    display: block;
}

    .groupsButton:hover {
        width: 100%;
        height: 30px;
        background-image: url(../images/case-list-button-background.jpg);
        vertical-align: middle;
        border: none;
        cursor: pointer;
        border: none;
        margin-bottom: 1px;
        display: block;
        text-decoration: underline;
    }

.groupFormElement {
    margin: 5px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: left;
}

.groupsFormFieldLabel {
    width: 45%;
    text-align: right;
    display: inline-block;
    *display: inline; /*IE 7 does not understand inline-block*/
    padding-right: 5px;
    vertical-align: top;
}

.groupsFormField {
    width: 45%;
    text-align: left;
    margin-right: 1px;
    display: inline-block;
    *display: inline; /*IE 7 does not understand inline-block*/
}

    .groupsFormField input.textInput {
        width: 300px;
    }

#GroupsLeft {
    float: left;
    width: 300px;
    border-right: none;
    border-collapse: collapse;
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.03)), linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 97.75%, rgba(0,0,0,0.1) 100%);
    overflow: auto;
}

#GroupsRight {
    margin-left: 300px;
    margin-right: 0px;
    border-left: none;
    border-collapse: collapse;
    height: 100%;
}

.groupsDropDownPanel {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 200px;
    left: 0px;
    top: 0px;
}

.ui-dialog {
    padding: 0px;
    /*left:50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.47);*/
}

    .ui-dialog .ui-dialog-content.groupsDropDownPanel {
        padding: 0.5em 0.1em;
    }

#taTitleDialog, #taTitleDialogHtml {
    width: 590px;
    height: 200px;
    margin-bottom: 10px;
}

.groupsList {
    overflow: auto;
    max-height: 350px;
}

.groupsDropDownItem {
    padding: 1px;
}

#GroupsEditMain {
    text-align: center;
}

.groupsAddNewGroup {
    text-align: center;
    padding: 5px;
}

.groupsToolBar {
    background-image: url(../images/case-background.png);
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
}

.groupsToolBarPicker {
    float: left;
    margin-left: 10px;
}

.mainContainer {
    background-color: White;
    width: 100%;
    height: calc(100vh - 52px);
    float: left;
}

.ForwardStages {
    background-color: #F7F7F7;
    border: solid 1px #CCCCCC;
    position: relative;
    height: 130px;
    width: 800px;
}

.ForwardStageCellContainer {
    border: none;
    padding: 0px 0px 0px 10px;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 100%;
    height: 35px;
}

.ForwardStageCell {
    background-color: White;
    border: solid 1px #868686;
    position: absolute;
    top: 0px;
    width: 100px;
    height: 20px;
    text-align: center;
}

    .ForwardStageCell:hover {
        border: solid 1px #66A1E7;
    }

.ForwardOtherTxt {
    padding: 0px;
    width: 110px;
    height: 20px;
    border: 0px none;
}

.ForwardStageCellOther {
    background-color: White;
    border: solid 1px #868686;
    position: absolute;
    top: 0px;
    width: 140px;
    height: 20px;
}

    .ForwardStageCellOther:hover {
        border: solid 1px #66A1E7;
    }

.ForwardStageBorder {
    position: absolute;
    border: solid 1px #868686;
    background-color: #EDEDED;
}

    .ForwardStageBorder:hover {
        position: absolute;
        border: solid 1px #66A1E7;
        background-color: #EDEDED;
    }

.ForwardStageBorderSelected {
    position: absolute;
    border: solid 1px #3EB551;
    background-color: #3EB551;
}

    .ForwardStageBorderSelected:hover {
        position: absolute;
        border: solid 1px #868686;
        background-color: #3EB551;
    }

.ForwardStageBorderCurrent {
    position: absolute;
    border: solid 1px #66A1E7;
    background-color: #66A1E7;
}

    .ForwardStageBorderCurrent:hover {
        position: absolute;
        border: solid 1px #868686;
        background-color: #66A1E7;
    }

.ForwardStageInput[type='button'] {
    white-space: pre-line;
    line-height: normal;
    border: none;
    background-color: transparent;
    color: Black;
    font-style: normal;
    width: 100%;
    height: 100%;
    margin: 0px;
}

.ForwardStageInput {
    text-align: center !important;
    height: 100%;
}

    .ForwardStageInput[type='text'] {
        outline: 0;
        border: none;
        background-color: transparent;
        color: Black;
        font-style: normal;
        width: 100%;
        height: 100%;
    }

.PopupMain .ForwardStageInput {
    padding: 0px;
}

input.ForwardStageInputEditable[type='text'] {
    border: none;
    background-color: transparent;
    text-align: center !important;
    font-style: italic !important;
    color: #868686 !important;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.PickerInput {
    border: none;
    background-color: transparent;
    color: Black;
    font-style: normal;
    width: 80%;
    height: 100%;
}

.PickerInputEditable {
    border: none;
    background-color: transparent;
    font-style: italic !important;
    color: #868686 !important;
    width: 100%;
    height: 100%;
}


.LabelInputEditable {
    font-style: italic !important;
    color: #868686 !important;
    display: block;
    width: 100%;
}

.NewParamPopup {
    position: relative;
    text-align: left;
    float: right;
    width: 400px;
    padding: 5px 5px 0px 5px;
    border: 2px solid #62A1EE;
    background-color: #EDEDED;
}

.NodeAddNew {
    color: Gray;
    font-style: italic;
}

.ScanPicture {
    width: 450px;
    height: 450px;
    overflow: scroll;
}

.uploadMultipleButton {
    border: 1px solid #cccccc;
    background-color: #f0f0f0;
    display: block;
    float: left;
    margin-right: 10px;
}

span.uploadMultipleButton:hover {
    background-color: #A0A0A0;
}

a.cancelUploadButton {
    display: none;
    float: left;
    font-size: 11px;
    height: 37px;
    text-align: center;
    padding-top: 60px;
    background-image: url('../images/close.png');
    text-decoration: none;
    color: black;
    width: 100px;
}

div.multiUploadStatus div.progressName {
    clear: both;
    float: left;
    margin-right: 5px;
}

div.multiUploadStatus div.progressBarStatus {
    float: left;
}

.CaseIsClosed {
    border-top: solid 1px red;
    border-bottom: solid 1px red;
    text-align: center;
    font-size: large;
    color: red;
    padding: 5px 5px 5px 5px;
    margin: 10px 0px 10px 0px;
}

    .CaseIsClosed .closedCaseBkg {
        background-image: url('../images/caseclosed_small.png');
        background-repeat: no-repeat;
        padding-left: 26px;
    }

.ReminderPanel {
    color: #66A1E7;
    font-weight: bold;
    background-color: #F7F7F7;
}

.ReminderPanelOthers {
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;
    padding: 5px 5px 5px 5px;
}

.FormFieldTable .ajax__calendar_days table {
    border: none;
}

.Calendar .ajax__calendar_container {
    border: 1px solid #ababab;
    background-color: white;
    color: #444;
    z-index: 1001;
    width: 180px;
    padding: 0px;
}

.Calendar .ajax__calendar_body {
    width: 180px;
    height: 120px;
}

.Calendar td {
    padding: 0px !important;
    margin: 0px !important;
}

.Calendar .ajax__calendar_header {
    background-color: rgb(241, 241, 241);
    border-bottom: 1px solid rgb(171, 171, 171);
    height: 24px;
    line-height: 24px;
}

.ajax__calendar_title {
    color: rgb(68, 68, 68);
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal !important;
}

.ajax__calendar_prev {
    margin-top: 3px;
}

.ajax__calendar_next {
    margin-top: 3px;
}

.ajax__calendar_footer {
    height: 24px !important;
}

.ajax__calendar_dayname {
    color: rgb(119, 119, 119);
}

.multiUploadStatus {
    width: 100%;
}

.progressWrapper {
    padding: 2px 10px;
    margin: 2px 0px;
}

.progressBarInProgress {
    background-color: #92bad9;
    height: 15px;
}

.ScanImagePreview {
    display: none;
    padding: 10px;
    position: relative;
}

.MyCasesTabPanel {
    width: 960px;
    overflow: scroll;
}

.AdvancedSearchList {
    width: 100%;
    overflow: auto;
}

.AdvancedSearchPrcList {
    padding-top: 10px;
    border-bottom: 1px solid #66A1E7;
    height: 100%;
    width: 100%;
    float: left;
}

#procedure-results-list li ul {
    margin-left: 10px;
}

#procedure-results-list span.removal, #procedure-results-list span.table-removal {
    float: right;
    margin-right: 15px;
    color: red;
}

#procedure-results-list span.proc-text {
    display: inline-block;
    width: 80%;
}

#procedure-results-list span.removal:hover, #procedure-results-list span.table-removal:hover {
    cursor: pointer;
}

#procedure-results-list {
    font-weight: 700;
}

#procedure-all-procedures-placeholder {
    margin-top: 45px;
    padding-left: 10px;
    padding-right: 10px;
}

#procedure-tree-button a {
    text-decoration: underline;
    color: rgb(0, 0, 238);
}

#CaseListLeft ul.jstree-container-ul {
    width: 100%;
}

#CaseListLeft li.jstree-node {
    overflow: hidden;
}

.AdvancedSearchPanel #CaseListLeft {
    width: 20%;
    box-sizing: border-box;
    padding: 5px 5px 5px 5px;
}

.AdvancedSearchProc {
    width: 100%;
    text-align: left;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    border: none;
    margin-bottom: 1px;
    display: inline-block;
    font-weight: bold;
}

.AdvancedSearchSmallPanelOuter {
    background-color: #F3F3F3;
}

.AdvancedSearchSmallPanel {
    float: right;
    /* border: 1px solid #66A1E7; */
    padding: 5px;
}

#ProcStats {
    float: left;
    /*width: 55%;*/
    /*background-color: #fff;*/
    /*color: rgb(65, 65, 65);*/
    text-align: left;
    padding: 0px 0px 0px 30px;
}

/*ProcedureAttachmentsTable*/

.ProcedureAttachmentsTable th {
    background-color: #EDEDED;
    border: 0px none;
    padding: 5px;
    text-align: left;
}

.ProcedureAttachmentsTable td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.ProcedureAttachmentsTable {
    width: 100%;
    border-collapse: collapse;
}

.ProcedureAttachmentsButtons {
    padding-bottom: 5px;
    padding-top: 5px;
}
/*-----*/

.pictureEnlarged {
    visibility: hidden;
    position: absolute;
    z-index: 10;
}

.pictureContainer {
    position: relative;
}


.ProcedureAttTable {
    border-collapse: collapse;
    width: 100%;
}

    .ProcedureAttTable th {
        background-color: rgb(241,241,241);
        border: none;
        text-align: center;
    }

        .ProcedureAttTable th.subHeader {
            text-align: left;
            height: 30px;
        }

    .ProcedureAttTable td {
        padding: 2px 5px;
        height: auto;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        margin: 0px 5px;
        /*
        */
    }

    .ProcedureAttTable th.chbCol {
        padding: 2px 5px;
        height: auto;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        margin: 0px 5px;
    }

.ProcedureAttTableRow {
    background-color: #F3F3F3;
    border: 1px solid #66A1E7;
    padding-top: 10px;
    cursor: pointer;
    /*
    
    
    
    */
}

.ProcedureAttTable .alternate {
    background-color: #FFFFFF;
}

.ProcedureAttTable td.checkbox {
    width: 30px;
    border: none;
}

.ProcedureAttTable td.section {
    width: 140px;
    border: none;
    padding: 2px 5px;
    text-align: left;
    line-height: 15px;
}


.italicText {
    font-style: italic;
}

div.casemenu table.menuDdltems td {
    border: 1px solid #cccccc;
}

div.casemenu input.btTemplate {
    background-position: center center;
    padding-top: 2px;
    width: 100px;
    display: block;
    float: left;
    border: none;
    cursor: pointer;
    white-space: normal !important; /*line-height:40px;*/
    text-align: center; /* vertical-align:bottom;*/
    background-image: url(../images/attachmentMenuDdBg.png);
    background-repeat: repeat-x;
}

#AttachmentsTemplates {
    padding: 5px 0px; /*position:relative;*/
}

.TableAttachTemplates th {
    background-color: #EDEDED;
    border: 0px none;
    padding: 5px;
    text-align: left;
}

.TableAttachTemplates td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.TableAttachTemplates {
    width: 100%;
    border-collapse: collapse;
}

.TableAttachTemplatesRow:hover {
    cursor: pointer;
}

.TableAttachTemplatesRow {
    background-color: #F3F3F3;
    border: 1px solid rgb(225, 225, 225);
    padding-top: 10px;
    cursor: pointer;
    /*
    
    
    
    */
}

    .TableAttachTemplatesRow .alternate {
        background-color: #FFFFFF;
    }

    .TableAttachTemplatesRow td.checkbox {
        width: 30px;
        border: none;
    }

    .TableAttachTemplatesRow td.section {
        width: 140px;
        border: none;
        padding: 2px 5px;
        text-align: left;
        line-height: 15px;
    }

.TextBoxPrcDesc {
    margin: 10px 10px 10px 10px;
    width: 100%;
}

.TextBoxPrcSettings {
    width: 100%;
}

.DescriptionContent {
    margin: 10px 10px 10px 10px;
    width: 98%;
}

.ProcedureConnectedPrcButtons {
    padding-bottom: 5px;
    padding-top: 5px;
}

.ProcedureConnectedPrcTable {
    border-collapse: collapse;
    width: 100%;
}

    .ProcedureConnectedPrcTable th {
        background-color: rgb(241,241,241);
        border: none;
        text-align: center;
    }

        .ProcedureConnectedPrcTable th.subHeader {
            text-align: left;
            height: 30px;
        }

    .ProcedureConnectedPrcTable td {
        padding: 2px 5px;
        height: auto;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        margin: 0px 5px;
    }

    .ProcedureConnectedPrcTable th.chbCol {
        padding: 2px 5px;
        height: auto;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        margin: 0px 5px;
    }

.ProcedureConnectedPrcTableRow {
    background-color: #F3F3F3;
    border: 1px solid #66A1E7;
    padding-top: 10px;
    cursor: pointer;
    /*
    
    
    
    */
}

.ProcedureConnectedPrcTable .alternate {
    background-color: #FFFFFF;
}

.ProcedureConnectedPrcTable td.checkbox {
    width: 30px;
    border: none;
}

.ProcedureConnectedPrcTable td.section {
    width: 140px;
    border: none;
    padding: 2px 5px;
    text-align: left;
    line-height: 15px;
}

.ProcedureConnectedPrcTableRow:hover {
    cursor: pointer;
}

.ProcedureConnectedPrcTableRow {
    background-color: #F3F3F3;
    border: 1px solid #aaa;
    padding-top: 10px;
    cursor: pointer;
    /*
    
    
    
    */
}

    .ProcedureConnectedPrcTableRow .alternate {
        background-color: #FFFFFF;
    }

.ProcedureCategoryHeader {
    background-color: #fff;
    font-weight: bold;
    height: 35px;
    line-height: 25px;
    color: #777;
    border-bottom: 1px solid #ababab;
    margin-bottom: 5px;
}

.ProcedureCategoryHeaderDark {
    background-color: #3EB551;
}

.ProcedureSubCategoryHeader {
    background-color: #fff;
    font-weight: bold;
    height: 35px;
    line-height: 25px;
    color: #777;
    border-bottom: 1px solid #ababab;
}

.ProcedureContentPanel {
}

.ProcedurePanel {
    border-collapse: collapse;
    border-bottom: 1px solid #62A1EE;
    padding-left: 20px;
    padding-bottom: 10px;
}

.TableAttachTemplatesRow td.checkbox {
    width: 30px;
    border: none;
}

.TableAttachTemplatesRow td.section {
    width: 140px;
    border: none;
    padding: 2px 5px;
    text-align: left;
    line-height: 15px;
}


.TableConnectedCases th {
    background-color: #EDEDED;
    border: 0px none;
    padding: 5px;
    text-align: left;
}

.TableConnectedCases td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.TableConnectedCases {
    width: 100%;
    border-collapse: collapse;
}

.TableConnectedCasesRow:hover {
    cursor: pointer;
    background-color: #F3F3F3;
}

.TableConnectedCasesRow {
    padding-top: 10px;
    cursor: pointer;
    background-color: #FFFFFF;
    /*
    
    
    
    */
}

    .TableConnectedCasesRow .alternate {
        background-color: #F3F3F3;
    }


.TableCaseAttachTemplates th {
    background-color: #EDEDED;
    border: 0px none;
    padding: 5px;
    text-align: left;
}

.TableeCaseAttachTemplates td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.TableCaseAttachTemplates {
    width: 100%;
    border-collapse: collapse;
}

.TableCaseAttachTemplatesRow:hover {
    cursor: pointer;
    background-color: #FFFFFF;
}

.TableCaseAttachTemplatesRow {
    padding-top: 10px;
    cursor: pointer;
    /*
    
    
    
    */
}

    .TableCaseAttachTemplatesRow .alternate {
        background-color: #F3F3F3;
    }

.NoAccessLabel {
    text-align: center;
    font-size: large;
    margin: 50px;
}

.PopupEdit td {
    padding-left: 5px;
    padding-right: 5px;
}

.AdvancedSearchBrace {
    background-image: url("../images/brace.png");
    background-repeat: repeat-y;
    background-position: right;
    height: 100%;
}

.AdvancedSearchBraceTop {
    background-image: url("../images/bracetop.png");
    background-repeat: no-repeat;
    float: right;
    right: 0px;
    top: 0px;
    position: relative;
    width: 12px;
    height: 12px;
}

.AdvancedSearchBraceBottom {
    background-image: url("../images/bracebottom.png");
    background-repeat: no-repeat;
    float: right;
    right: 0px;
    bottom: 0px;
    position: relative;
    width: 12px;
    height: 12px;
}

.RestTable {
    border: 1px solid #F3F3F3;
    width: 100%;
}

.RestHeaderRow {
    background-color: #F3F3F3;
}

.RestSubHeader {
    padding: 2px 0px 2px 0px;
}

.RestHeader {
    font-weight: bold;
}

.RequiredTable {
    border: 1px solid rgb(225, 225, 255);
    float: right;
}

    .RequiredTable.Fixed {
        width: 420px;
        position: fixed;
        z-index: 10001;
        background-color: rgb(247, 247, 247);
    }

    .RequiredTable .RequiredHeaderRow {
        color: White;
        background: url('../images/required.png') no-repeat;
        background-color: #F05152;
        font-size: 15px;
    }

    .RequiredTable th {
        line-height: 40px;
        padding-left: 50px;
        text-align: left;
    }

    .RequiredTable tr {
        border-bottom: 1px solid #E4E4E4;
    }

    .RequiredTable .RequiredDocumentRow {
        background-color: #F3F3F3;
    }

    .RequiredTable .RequiredDoc {
        width: 250px;
    }

    .RequiredTable .RequiredDocIco {
        width: 30px;
    }

    .RequiredTable .RequiredDocLink {
        text-align: center;
        width: 70px;
        padding: 0px;
    }

        .RequiredTable .RequiredDocLink a {
            color: #437AD4;
            text-decoration: underline;
            font-weight: bold;
        }

    .RequiredTable .RequiredFields {
        text-align: center;
    }

        .RequiredTable .RequiredFields input {
            background-color: #3F7ECB;
            border: 1px solid #3F7ECB;
            color: #ffffff;
            font-size: 12px;
            font-weight: bold;
        }

    .RequiredTable td {
        font-size: 12px;
        padding-left: 10px;
    }


#tbRequiredFields th {
    text-align: left;
    font-size: 11px;
    line-height: 12px;
    padding-left: 5px;
    padding-right: 5px;
}

#tbRequiredFields .RequiredFieldsHeader {
    background-color: #F3F3F3;
}

#tbRequiredFields tr {
    border-bottom: 1px solid #F3F3F3;
}

#tbRequiredFields td {
    line-height: 12px;
    padding: 2px 5px 2px 5px;
    white-space: normal;
    text-align: left;
    font-size: 11px;
}

#tbRequiredFields {
    width: 350px;
}

.PopupRequiredFields {
    background-color: white;
    border: 1px solid #3F7ECB;
    cursor: default;
    font-size: 11px;
    position: relative;
    z-index: 1001;
}

.divRequiredContent {
    overflow: auto;
    max-height: 150px;
    width: 367px;
}

.SystemParamsTable tr {
    vertical-align: top;
    height: 20px;
}

.SystemParamsTable td.SystemParamName {
    min-width: 200px;
}

.SystemParamsTable td.SystemParamValue {
    min-width: 400px;
}

.SystemParamValue img {
    max-height: 100px;
}

.ParamsPanel {
    border: 1px solid;
    height: auto;
    width: auto;
    max-width: 400px;
    overflow: auto;
    min-height: 16px;
    min-width: 150px;
}


.ProcedureInfo {
    font-size: 15px;
}

.AttachmentOpen {
    margin: 5px;
    width: auto;
    text-align: center;
}

.AttachmentOpenButton {
    padding: 2px 6px;
    border: 1px solid black;
}

    .AttachmentOpenButton a:link {
        padding: 1px 6px;
        color: #000;
        text-decoration: none;
    }

.TableCaseAttachTemplates td {
    border: 0px none;
    height: 15px;
    padding: 5px;
    text-align: left;
}

.TableCaseAttachTemplates {
    width: 100%;
    border-collapse: collapse;
}

.TableCaseAttachTemplatesRow:hover {
    background-color: #F3F3F3;
    border: 0px none;
    cursor: pointer;
}


.TableMultiTempl th {
    text-align: left;
    font-size: 11px;
    line-height: 12px;
    padding: 4px 7px;
    border: 1px solid #F3F3F3;
}

.TableMultiTempl .RequiredFieldsHeader {
    background-color: #F3F3F3;
}

.TableMultiTempl tr {
    border-bottom: 1px solid #F3F3F3;
}

.TableMultiTempl td {
    line-height: 12px;
    padding: 4px 7px;
    white-space: normal;
    text-align: left;
    font-size: 11px;
    border: 1px solid #F3F3F3;
}

    .TableMultiTempl td.multidettd {
        cursor: pointer;
    }

.TableMultiTempl {
    background-color: #ffffff;
}

.DBParameterTextBox {
    width: 300px;
}
/* <MJ edit> */
span.RuleActions {
    max-height: 200px;
    overflow: hidden;
    white-space: pre-wrap;
    display: block;
}

.ProcedureTable {
    border-collapse: collapse;
    min-width: 1200px;
    table-layout: fixed;
    width: calc(100vw - 180px);
}

    .ProcedureTable a {
        color: blue;
        cursor: pointer;
        font-size: 11px;
        line-height: 40px;
        margin: 5px 10px;
        text-decoration: underline;
    }

    .ProcedureTable th {
        background-color: rgb(241,241,241);
        border-left: 1px solid rgb(241,241,241);
        border-right: 1px solid rgb(241,241,241);
        padding: 2px 5px;
        text-align: center;
    }

    .ProcedureTable .head-first-col {
        text-align: left;
    }

    .ProcedureTable .icon--hidden {
        display: none;
    }

    .ProcedureTable .group-by-stage-header {
        background-color: #a3a3a3;
        cursor: pointer;
        line-height: 12px;
        font-size: 18px;
        font-weight: bold;
        font-style: italic;
    }

        .ProcedureTable .group-by-stage-header:hover {
            background-color: #939393;
        }

    .ProcedureTable .group-by-mode-header {
        background-color: #d3d3d3;
        cursor: pointer;
        line-height: 10px;
        font-size: 14px;
        font-style: italic;
    }

        .ProcedureTable .group-by-mode-header:hover {
            background-color: #c3c3c3;
        }

    .ProcedureTable td {
        border-left: 1px solid rgb(225, 225, 225);
        border-right: 1px solid rgb(225, 225, 225);
        text-align: left;
        vertical-align: top;
        padding: 10px 10px 10px 10px;
        word-break:break-all;
    }

    .ProcedureTable .row-hidden {
        display: none;
    }

    .ProcedureTable .row-collapsed {
        display: none;
    }

    .ProcedureTable .collapse-button {
        font-style: normal;
    }

.ProcedureTableRow {
    background-color: #fff;
    border: 1px solid rgb(225, 225, 225);
    padding: 10px;
}

    .ProcedureTableRow:hover {
        background-color: #ccc;
    }

.ProcedureTable .alternate {
    background-color: #FFFFFF;
}

.ProcedureAppsTableRow {
    background-color: #F3F3F3;
    border: 1px solid #66A1E7;
    padding: 10px;
}

.ProcedureAppsUrl {
    word-wrap: break-word;
    max-width: 200px;
}

.ProcedureAppsPopUpClose {
    position: relative;
    float: right;
}

.ProcedureAppsPopUpLabel {
    width: 150px;
    text-align: right;
    margin-right: 6px;
    margin-top: 2px;
    float: left;
}

.ProcedureAppsPopUpField {
    float: left;
    width: 400px;
    padding: 2px;
}

input.btLongText.btApplyRule:hover {
    background-color: transparent;
    background-position-x: center;
}

input.btLongText2.btApplyRule {
    width: 110px !important;
}

input.btLongText {
    padding: 30px 3px 0px 3px !important;
    width: 80px !important;
    background-color: transparent;
}

input.btLongText2 {
    padding: 10px 3px 0px 3px !important;
}

input.btApplyRule {
    background-position: left top;
    background-repeat: no-repeat;
}

    input.btApplyRule:hover, input.btApplyRule:active {
        background-position: left -73px;
        background-repeat: no-repeat;
    }

    input.btApplyRule[disabled], input.btApplyRule[disabled]:hover {
        background-position: left top;
        cursor: default;
    }

.ShowHideCaseInfo {
    vertical-align: middle;
    border: none;
    width: 100%;
    cursor: pointer;
    float: left;
}

/* </MJ edit> */


.UpdateProgressSave {
    z-index: 1001;
    position: fixed;
    background-color: #EDEDED;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    width: 100%;
    height: 100%;
    text-align: center;
}

.UpdateProgressOpen {
    z-index: 1001;
    position: relative;
    background-color: #EDEDED;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
}

.dictionaryReorderList li {
    list-style: none;
    list-style-image: none;
    padding: 2px 2px 2px 2px;
}

.dictionaryReorderList ul {
    list-style: none;
    list-style-image: none;
}


.DictionarySeparator {
    border-top: 3px solid #66A1E7;
    height: 10px;
}

.ParamsTable td .SpanFormField.FormFieldLong {
    width: 750px;
}

.FormFieldTable td .SpanFormField.TableFormFieldLong {
    width: 300px;
}

.FormFieldTable td.cell.multidettd {
    cursor: pointer;
    padding: 3px;
    white-space: normal;
}

.SpanFormField {
    display: block;
    background-color: #f0f0f0;
    padding: 0px 3px;
}

.FormFieldTable .SpanFormField {
    background: none;
    border: none;
}

.SpanFormFieldMS {
    font-family: "Lucida Console", Monaco, monospace;
}

.SpanFormFieldPreWrap {
    white-space: pre-wrap;
}

.SpanHistoryField {
    white-space: pre-wrap;
    font-family: "Lucida Console", Monaco, monospace;
}

span.TableFormField {
    width: 150px;
}

input.FormFieldDisabled, select.FormFieldDisabled, textarea.FormFieldDisabled, span.FormFieldDisabled, input.FormField:disabled {
    color: #000;
}

input.FormField[type="text"],
.FormFieldLong,
.FormFieldLink,
select.FormField {
    border: solid 1px #ababab;
    padding: 3px;
}


select.FormField, select.TableFormField {
    box-sizing: content-box;
    color: #444;
}

.FormFieldTable .CalendarWithTimeField.CalendarField.AMODFormField {
    min-width: 195px;
}

.FormFieldTable .TableFormFieldUser {
    min-width: 235px;
}


.FormFieldTable .ReferenceField.Autocomplete {
    min-width: 235px;
}

.FormFieldTable .CalendarWithoutTimeField.CalendarField.AMODFormField {
    min-width: 105px;
}


input.FormField.FormFieldDateTime,
.CalendarField .FormField {
    width: 100px;
    min-width: 100px;
}

input.FormField.FormFieldDateTime2 {
    width: 70px;
    min-width: 70px;
}

.FormFieldError {
    border: solid 2px #FF0000;
    clear: both;
    min-width: 240px;
    color: #FF0000;
}

.ProcedureFieldError {
    border: solid 2px #FF0000;
    clear: both;
    color: #FF0000;
}

.FormFieldSummary {
    border: solid 1px #CCCCCC;
    clear: both;
    min-width: 120px;
}

.FormFieldSummaryError {
    border: solid 2px #FF0000;
    clear: both;
    min-width: 120px;
    color: #FF0000;
}

.FormFieldNotValidated, .FormFieldRequiredEmpty {
    border: solid 1px red !important;
    background-color: #FFCC99 !important;
}

table.FormFieldYesNo.FormFieldRequiredEmpty {
    border: solid 1px red !important;
}

    table.FormFieldYesNo.FormFieldRequiredEmpty td {
        background-color: #FFCC99 !important;
        border: none;
    }

table.FormFieldYesNo td {
    padding: 1px;
    background-color: transparent;
    border: 1px solid transparent;
}

.FormFieldYesNoChb.FormFieldRequiredEmpty {
    outline: 5px solid #FFCC99;
}

.FormFieldUser input {
    border: solid 1px #CCCCCC;
    width: 273px;
}

.FormFieldUserNotValidated {
    border: solid 1px red;
    background-color: #FFCC99;
}

.OutOfOffice {
    background-image: url('../images/outofoffice.jpg');
    padding-right: 24px;
    background-position: right;
    background-repeat: no-repeat;
}

.FormFieldLink {
    font-style: italic;
    clear: both;
    width: 300px;
}

.FormFieldLinkA img {
    vertical-align: middle;
}

.FormFieldLong {
    clear: both;
    min-width: 300px;
}

.FormFieldDateTimeWithTime {
    border: solid 1px #888;
    clear: both;
    width: 42px;
    margin-left: 2px;
}

.NotValidated {
    border: solid 1px red;
    background-color: #FFCC99;
}

.FormFieldDropDownItem {
    color: #000000 !important;
    cursor: pointer;
    display: block;
    margin: 1px 0;
    padding: 4px 19px 4px 19px;
    text-decoration: none;
}

    .FormFieldDropDownItem:hover {
        color: #000000;
        cursor: pointer;
        display: block;
        margin: 1px 0;
        padding: 4px 19px 4px 19px;
        text-decoration: none;
        background-color: #F3F3F3;
    }

.FormFieldDropDownMenu {
    background-color: white;
    border: 1px solid black;
    cursor: default;
    font-size: 11px;
    padding: 1px 1px 0;
    z-index: 1000;
    height: 180px;
    min-width: 60px;
    overflow: auto;
}


.FormFieldPicture {
    margin-right: 5px;
    display: inline-block;
    float: left;
}

.FormFieldSignaturePrint {
    margin: 10px 10px 10px 10px;
    width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

table.FormFieldTable .FormFieldSignaturePrint {
    width: 200px;
}

.SignatureFieldDate {
    text-align: center;
}

.SignatureFieldUserName {
    text-align: center;
    font-family: Tempus Sans ITC;
    font-size: large;
    line-height: normal;
}

.SignatureFieldComment {
    text-align: center;
    font-size: smaller;
}

.FormFieldSignatureButton {
    margin: 10px 0px 10px 0px;
}

.ErrorLabel {
    color: Red;
    display: inline;
}

#divSaveAfterStageChange {
    display: none;
    white-space: nowrap;
}

.divSaveAfterStageChangeInput {
    background-color: #3F7ECB;
    border: 1px solid #3F7ECB;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.FormFieldTable {
    border-collapse: collapse;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
}

    .FormFieldTable td.cell, .FormFieldTable td.summary {
        border: 1px solid #aaa;
        padding: 1px;
        white-space: nowrap;
        vertical-align: top;
    }

    .FormFieldTable td.btn {
        text-align: right;
        padding: 1px;
    }

    .FormFieldTable td.cell span.SpanFormField {
        white-space: normal;
        width: auto !important;
    }

    .FormFieldTable td.cell td.header {
        white-space: normal;
    }

    .FormFieldTable th.title {
        text-align: left;
        line-height: 16px;
    }

tr.tableGroupSep td {
    height: 7px;
    line-height: 7px;
}

tr.tableGroupName td {
    background-color: #fff;
    border: none;
}

.FormFieldTable td.header, .FormFieldTable th {
    border: 1px solid #aaa;
}

.SQLFormFieldTable td {
    border: 1px solid #aaa;
}

.FormFieldTable tr.summary {
    border: 1px solid #aaa;
}

.FormFieldTable th {
    padding: 5px;
}

.FormFieldTable tr.header {
    border: 1px solid #3F7ECB;
}

.FormFieldTable td.footer {
    background-color: #f1f1f1;
}

.FormFieldTable td.fieldname {
    border: 1px solid #66a1e7;
    background-color: #3F7ECB;
}

.FormFieldTable td.main {
    border: 1px solid #66a1e7;
    line-height: 0px;
    height: 0px;
    padding: 0px;
    text-align: center;
}

.FormFieldTable.FormFieldTable td {
    background-color: #fff;
}

.FormFieldTableImage {
    cursor: pointer;
}

.FormFieldTable table {
    border: 1px solid #aaa;
}

.FormFieldTable td.footernb {
    border: 0px;
}

.FormFieldTable td.summary {
    background-color: #e1e1e1;
}


.FormFieldTable td.sqlnumber, .FormFieldTable td.sqldate {
    text-align: right;
}

.ImageClickable {
    cursor: pointer;
}

/* calendar begins*/
.CalendarFieldTable {
    border: 1px solid rgb(128, 128, 128);
    border-collapse: collapse;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 5px;
}

    .CalendarFieldTable td {
        border: none;
        padding: 1px;
        vertical-align: top;
    }

.CalendarListTable td {
    vertical-align: middle;
}

.CalendarFieldTable th.title {
    text-align: left;
    line-height: 16px;
}

.CalendarFieldTable td.header {
    background-color: #fff;
    border-bottom: 1px solid rgb(128, 128, 128);
    font-weight: 600;
}

.CalendarFieldTable td.footer {
    background-color: #62A1EE;
}

.CalendarFieldTable td.fieldname {
    border: 1px solid #66a1e7;
    background-color: #3F7ECB;
}

.CalendarFieldTable td.main {
    border: 1px solid #66a1e7;
    line-height: 0px;
    height: 0px;
    padding: 0px;
    text-align: center;
}

.CalendarLabel {
    padding: 0 0 0 5px;
}
/* calendar ends*/


/* signatures begins */
div.SignaturesHeader h4 {
    margin-bottom: 0px;
}

div.ParamsFooterMetric {
    width: calc(100% - 100px);
}

div#SignaturesMain {
    margin-left: 20px;
}

.SignaturesHeader {
    font-size: initial;
    font-weight: bold;
    text-align: left;
}

.SignaturesPrintHeader {
    font-size: medium;
    font-weight: bold;
    text-align: left;
    padding-top: 30px;
}

.SignaturePrintDivShort {
    text-align: center;
    margin: 10px 10px 10px 10px;
    max-width: 120px;
    display: inline-block;
    vertical-align: top;
}

.SignaturePrintDivMedium {
    text-align: center;
    margin: 10px 10px 10px 10px;
    max-width: 240px;
    display: inline-block;
    vertical-align: top;
}

.SignaturePrintDivWide {
    text-align: center;
    margin: 10px 10px 10px 10px;
    max-width: 480px;
    display: inline-block;
    vertical-align: top;
}

.SignaturesListPrintDiv {
    overflow: auto;
    max-width: 80%;
    width: 80%;
}

.SignatureTable {
    width: 100%;
    font-size: initial;
}

.SignatureTableHandwriting {
    font-family: Tempus Sans ITC;
    font-size: large;
}

.SignatureTableComment {
    text-align: left;
    padding-top: 10px;
}

.SignatureTableCell {
    white-space: nowrap;
    padding-top: 10px;
    padding-right: 10px;
    text-align: center;
}

/*TableField*/
.TableFormField {
    border: solid 1px rgb(204, 204, 204);
    position: relative;
    width: 200px;
    float: left;
}

.FormFieldTable .AMODFormField.DefinedDictionary.DynamicMod {
    width: 240px;
}

select.TableFormField {
    max-width: 250px;
}

.TableFormFieldNarrow {
    width: 80px;
}

.TableFormFieldError {
    border: solid 2px #FF0000;
    clear: both;
    color: #FF0000;
}

.TableFormFieldSummary {
    border: solid 1px #888;
    position: relative;
    clear: both;
}

.TableFormFieldSummaryError {
    border: solid 2px #FF0000;
    position: relative;
    clear: both;
    color: #FF0000;
}

.TableFormFieldNotValidated {
    border: solid 1px red;
    background-color: #FFCC99;
    clear: both;
}

/* signatures (print) ends */

.SignatureTree {
    max-height: 200px;
    overflow: auto;
    vertical-align: top;
}

.TableFormFieldUser {
    position: relative;
    float: left;
    min-width: 232px;
}

.TableFormFieldFile {
    margin-right: 30px;
}

.TableFormFieldLink {
    border: solid 1px #888;
    position: relative;
    font-style: italic;
    clear: both;
}

.TableFormFieldLong {
    border: solid 1px #888;
    position: relative;
    clear: both;
}

.TableFormFieldPicture {
    margin-right: 5px;
    float: left;
}

.TableFormButtonLeft {
    float: left;
}

.TableFormButtonRight {
    float: left;
}

.TableFormButtonCenter {
    margin-left: auto;
    margin-right: auto;
}
/*Table field end*/
.CursorPointer {
    cursor: pointer;
}

.TextBoxAlignCenter {
    text-align: center;
}

.MinMax {
    color: #66a1e7;
    font-weight: bold;
    cursor: pointer;
}

.FieldDesc {
    background-color: #F7F7F7;
    position: absolute;
    padding: 3px;
    z-index: 100;
    border: 1px solid #66a1e7;
}

.TooltipDesc {
    background-color: #F7F7F7;
    position: absolute;
    padding: 5px;
    margin: 5px;
    z-index: 10000;
    display: none;
    border: 1px solid #66a1e7;
    width: 500px;
}

.FieldDesc {
    position: absolute;
    display: none;
    text-align: left;
}

.FieldDescBtn {
    background-image: url('../images/fielddesc.gif');
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline;
    width: 100%;
    text-align: center;
}

.TooltipBtn {
    background-image: url('../images/fielddesc.gif');
    background-position: right top;
    background-repeat: no-repeat;
    width: 18px;
    cursor: pointer;
    height: 16px;
}

    .TooltipBtn.flt {
        float: left;
    }

.SectionDesc {
    background-color: #F7F7F7;
    position: absolute;
    padding: 3px;
    z-index: 100;
    border: 1px solid #66a1e7;
    font-weight: normal;
    color: Black;
}

.SectionDescBtn {
    background-image: url('../images/fielddesc.gif');
    background-position: right top;
    background-repeat: no-repeat;
    width: 18px;
    cursor: pointer;
}


.ErrorConsole {
    background-color: gray;
    color: White;
    border: 1px solid white;
    width: 100%;
    height: 50px;
}

.LockOff {
    display: none;
    visibility: hidden;
}

.LockGraphPreview {
    display: none;
    position: absolute;
    top: 51px;
    right: 0;
    width: 30%;
    height: 100%;
    background-color: #ccc;
    text-align: center;
    filter: alpha(opacity=75);
    opacity: 0.75;
    overflow: hidden;
}

    .LockGraphPreview img {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
    }

.LockOn {
    display: block;
    visibility: visible;
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

    .LockOn img {
        position: fixed;
        top: 50%;
        left: 50%;
        display: block;
    }

.LockCircleOff {
    display: none;
}

.LockCircleOn {
    display: block;
}

    .LockCircleOn img {
        z-index: 9999;
        position: fixed;
        top: calc(50% - 64px);
        left: calc(50% - 64px);
    }

.InsertParamButton {
    color: #66a1e7;
    cursor: pointer;
    text-decoration: underline;
    font-size: small;
}

.SignatureRangeTableCell {
    padding-left: 15px;
}

.SignatureRangeTableCell2 {
    padding-left: 30px;
}

.CaseIsSigned {
    color: Red;
    margin: 5px 5px 5px 5px;
}

.CollectingSignaturesHeader {
    display: block;
    background-color: #66A1E7;
    color: White;
    font-weight: bold;
    width: auto;
    padding: 5px 5px 5px 5px;
    overflow: auto;
    vertical-align: middle;
}

.CollectingSignaturesItem {
    display: block;
    background-color: #F7F7F7;
    width: auto;
    padding: 8px 8px 8px 8px;
    overflow: auto;
    vertical-align: middle;
}

.CollectingSignaturesAltItem {
    display: block;
    background-color: #EDEDED;
    width: auto;
    padding: 8px 8px 8px 8px;
    overflow: auto;
    vertical-align: middle;
}

.CollectingSignaturesSpecialItem {
    display: block;
    background-color: White;
    width: auto;
    padding: 8px 8px 8px 8px;
    overflow: auto;
    vertical-align: middle;
    border: 4px solid RED;
}

.CaseListDescription {
    font-style: italic;
    font-size: smaller;
    color: Gray;
}

#DictionaryLeft {
    float: left;
    width: 240px;
    height: 100%;
    border-right: none;
    border-collapse: collapse;
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.03)), linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.0) 97.75%, rgba(0,0,0,0.1) 100%);
}

#DictionaryRight {
    margin-left: 240px;
    margin-right: 0px;
    border-collapse: collapse;
    height: 100%;
}

div.hidden {
    display: none!important;
}

.SignatureTreeList {
    vertical-align: top;
}

.jqExtender {
    border: 1px solid transparent !important;
    height: 46px !important;
}

    .jqExtender:hover {
        border: 1px solid #61a1ed !important;
    }

.jqExtenderContent {
    position: absolute;
    top: 95px;
    left: -100px;
}

.jqExtenderDiv {
    display: none;
    visibility: hidden;
    position: relative;
    float: left;
    z-index: 1001;
}
/* needed for zoom viewport to function correctly */
.tzoom-viewport {
    position: relative;
    overflow: hidden;
}
/* zoom image class */
.tzoom-image {
    position: relative;
}
/* loading image class. z-index puts the loading image on top of the proxy image when lazy loading */
.tzoom-image-loading {
    position: relative;
    display: block;
    z-index: 1001;
}
/* non-zoomable images (same size or smaller than viewport) */
.tzoom-image-static {
    position: relative;
    display: block;
}
/* IE specific opacity for when the zoom image is disabled */
img.tzoom-disabled {
    filter: alpha(opacity=100) !important;
    opacity: 1;
}
/* default error message element class when an error occurs during image load */
.tzoom-error {
    margin: 10px;
    padding-left: 10px;
    clear: both;
    overflow: hidden;
}

    .tzoom-error p {
        float: left;
    }

    .tzoom-error span.ui-icon {
        float: left;
        margin-right: 10px;
    }

    .tzoom-error strong {
        float: left;
    }

a.AttPreviewLink:link {
    color: Black;
    font-size: large;
    padding: 0px 3px;
}

a.AttPreviewLink:active {
    color: Black;
    font-size: large;
}

a.AttPreviewLink:visited {
    color: Black;
    font-size: large;
}

a.AttPreviewLink:hover {
    color: Black;
    font-size: large;
}

.AttPreviewPanel {
    position: fixed;
    top: 10%;
    width: 50%;
    height: 85%;
    right: 0px;
    display: none;
    border-collapse: separate;
    z-index: 1002;
}

.AttToolTipPanel {
    position: fixed;
    top: 10%;
    width: 40%;
    height: 85%;
    right: 0px;
    display: none;
    border-collapse: separate;
    z-index: 1002;
}

.AttInnerPanel {
    position: relative;
    height: 100%;
}

.AttCommentsPanel {
    display: none;
    background: rgba(255, 255, 255, 1.0);
    overflow: auto;
    height: 94%;
}

.AttPreviewZoomControls {
    float: left;
}

.attHistory {
    display: none;
}

.zoom-control {
    width: 27px;
    height: 27px;
}

#divComments {
    background-color: white;
}

.AttPreviewZoom {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 93%;
}

.AttPreviewNumbers {
    text-align: center;
}

.AttPreviewHideButton {
    float: right;
}

.FloatingButton {
    min-height: 20px;
    list-style: none;
    position: fixed;
    z-index: 10006;
    right: 0;
    width: 16px;
    padding: 8px 5px;
    border-collapse: separate;
}

.AttPreviewShowButton {
    top: 10%;
}

.AttPreviewShowButton2 {
    top: 10%;
    cursor: pointer;
}

@media screen and (max-width:1000px) {
    .AttPreviewShowButton2 {
        top: 75px;
    }
}

.PreviewGraphShowButton2 {
    float: left;
    width: 30%;
    padding: 0px;
    background-color: transparent;
    cursor: pointer;
}

.PreviewGraphMobileShowButton2 {
    display: none;
}

.PreviewGraphCloseButton2 {
    top: 20%;
    width: 16px;
    height: 20px;
}

.PreviewGraphImage {
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.PreviewGraphDiv {
    position: absolute;
    display: none;
    width: 30%;
    right: 0;
    top: 51px;
    height: 100%;
    background-color: #F1F1F1;
    border: 1px solid rgb(225, 225, 225);
    text-align: center;
}


.ClosePreviewPanelButton {
    float: right;
    padding: 8px 5px;
}

.EditFormButton {
    top: 30%;
}

.SaveShowButton {
    top: 20%;
}

.BorderWithShadow {
    /* Add the curved white border */
    border: 3px solid #fff;
    /*border-right: none;*/
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    /* Add the drop shadow */
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    /* Add the semitransparent background */
    background: rgb(28,134,238);
    /*  filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=70);
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=70)';	
   TODO psują wyświetlanie w ie9 wywalić?
   */
    background: rgba(28,134,238, .70);
}


.MultiFileUpload .uploadForm #filesQueue {
    border: 1px solid #cccccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 5px;
    height: 172px;
    overflow: auto;
}

.MultiFileUpload #filesToUpload {
    visibility: hidden;
    width: 1px;
    height: 1px;
}

.MultiFileUpload .queueItem {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    padding: 3px 0px;
}

    .MultiFileUpload .queueItem:last-child {
        border-bottom: 0px;
    }

    .MultiFileUpload .queueItem .fileDetails {
        padding-bottom: 4px;
    }

    .MultiFileUpload .queueItem .progress {
        position: relative;
        width: 100%;
        height: 16px;
        background: #cfcfcf;
    }

        .MultiFileUpload .queueItem .progress .progressBar {
            height: 14px;
            border: 1px solid #99cc62;
            display: none;
            background-color: #c7f299;
        }

            .MultiFileUpload .queueItem .progress .progressBar.error {
                background-image: -moz-linear-gradient(top, #ff0000, #de5500);
                background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#de5500));
            }

        .MultiFileUpload .queueItem .progress .progressPrecentage {
            font-size: 10px;
            position: absolute;
            top: 1px;
            left: 6px;
            color: rgb(59, 59, 59);
        }

.MultiFileUpload .row {
    margin-bottom: 10px;
}

    .MultiFileUpload .row.bottom {
        margin-top: 10px;
        text-align: right;
    }

.CollapseExpandLink {
    float: right;
    font-size: 16px;
    font-weight: bold;
}

.ProcedureFormControl {
    float: left;
    min-width: 180px;
    margin-right: 10px;
}

.tableRowsAddTexbox {
    width: 20px;
    vertical-align: middle;
}

.AddNewRow {
    vertical-align: middle;
}

.addDictPos {
    height: 20px;
    float: left;
}

.CurrentStageButton {
    width: 280px;
    height: 70px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center !important;
}

.StageButton {
    width: 240px;
    min-height: 30px;
    font-weight: bold;
    text-align: center !important;
    margin: 5px;
    overflow: visible;
}

.StageButtonDiv {
    margin: 10px 0px 10px 0px;
}

.AdvancedSearchSymbol:link {
    font: 11px;
    font-family: Verdana;
    color: #3966bf;
    text-decoration: none;
}

.AdvancedSearchSymbol:visited {
    font: 11px;
    font-family: Verdana;
    color: #3966bf;
    text-decoration: none;
}

.AdvancedSearchSymbol:hover {
    color: #66A1E7;
    text-decoration: none;
}

.menuwrapper {
    position: relative;
}

    .menuwrapper ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        width: 300px;
        border: 1px solid black;
        background-color: White;
    }

        .menuwrapper ul.first {
            position: relative;
        }

        .menuwrapper ul li {
            height: auto;
            min-height: 20px;
            position: relative;
            margin-left: 0px;
            min-height: 20px;
            padding: 2px 10px 2px 10px;
        }

            .menuwrapper ul li:hover {
                background-color: #F3F3F3;
            }

            .menuwrapper ul li a {
                text-decoration: none;
                color: Black;
                display: block;
                line-height: 20px;
            }

            .menuwrapper ul li ul {
                display: none;
                position: absolute;
                left: 300px;
                top: 0px;
                color: Black;
                max-height: 420px;
                overflow: auto;
            }

            .menuwrapper ul li:hover ul, .menuwrapper ul li.hover li ul {
                display: block;
            }

.menuwrapperheader {
    background-color: #3F7ECB;
    border-bottom: 1px #66a1e7 solid;
    color: white;
    line-height: 20px;
}

    .menuwrapperheader div.mwleft {
        float: left;
        width: 260px;
    }

    .menuwrapperheader div.mwright {
        float: right;
    }

    .menuwrapperheader:hover {
        background-color: #66a1e7 !important;
    }

.menuwrappersubheader {
    background-color: #66a1e7;
    color: White;
}

    .menuwrappersubheader:hover {
        background-color: #66a1e7 !important;
    }

.menuwrapperall {
    color: White !important;
    font-weight: bold !important;
}


.menuwrapperunknown {
    font-weight: bold !important;
    font-style: italic !important;
}

.ProcedureSelectControl {
    display: inline;
}

#OtherCasesFromThisMail {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 1px;
    left: 0px;
    background-color: rgb(247, 247, 247);
    width: 400px;
    border: 1px solid rgb(63, 126, 203);
    z-index: 20;
}

    #OtherCasesFromThisMail li {
        padding: 3px 5px;
        margin: 0px;
    }

        #OtherCasesFromThisMail li a.connectcase {
            display: block;
            float: right;
            width: 16px;
        }

.CaseTree {
    width: 100%;
}

.CaseTreeNode {
    border-bottom: 1px solid #66A1E7;
    border-left: 1px solid #66A1E7;
    border-right: 1px solid #66A1E7;
    color: Black;
    width: 100%;
    height: 28px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    text-align: left;
}

    .CaseTreeNode a {
        text-decoration: underline;
    }

    .CaseTreeNode:hover {
        border-bottom: 1px solid #66A1E7;
        border-left: 1px solid #66A1E7;
        border-right: 1px solid #66A1E7;
        color: Black;
        width: 100%;
        height: 28px;
        cursor: pointer;
        padding: 0px 5px 0px 5px;
        vertical-align: middle;
        text-align: left;
        background-color: #E3E3E3;
    }

.CurrentCaseTreeNode {
    border-bottom: 1px solid #66A1E7;
    border-left: 1px solid #66A1E7;
    border-right: 1px solid #66A1E7;
    color: #3EB551;
    width: 100%;
    height: 28px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    text-align: left;
    background-color: #F3F3F3;
}

    .CurrentCaseTreeNode:hover {
        border-bottom: 1px solid #66A1E7;
        border-left: 1px solid #66A1E7;
        border-right: 1px solid #66A1E7;
        color: #3EB551;
        width: 100%;
        height: 28px;
        cursor: pointer;
        padding: 0px 5px 0px 5px;
        vertical-align: middle;
        text-align: left;
        background-color: #E3E3E3;
    }

.ClosedCaseTreeNode {
    border-bottom: 1px solid #66A1E7;
    border-left: 1px solid #66A1E7;
    border-right: 1px solid #66A1E7;
    color: #000099;
    width: 100%;
    height: 28px;
    cursor: pointer;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    text-align: left;
    background-color: #F3F3F3;
}

    .ClosedCaseTreeNode:hover {
        border-bottom: 1px solid #66A1E7;
        border-left: 1px solid #66A1E7;
        border-right: 1px solid #66A1E7;
        color: #000099;
        width: 100%;
        height: 28px;
        cursor: pointer;
        padding: 0px 5px 0px 5px;
        vertical-align: middle;
        text-align: left;
        background-color: #E3E3E3;
    }

.CaseTreeHeader {
    background-color: #66A1E7;
    border-bottom: none;
    padding: 5px;
    color: White;
    text-align: left;
}

.WordWrap {
    word-wrap: break-word;
}

.clearRightIfNotIE7 {
    clear: right;
}

.InlineButton {
    display: inline;
}

.answerreminder {
    color: #66A1E7;
    font-style: italic;
    font-weight: normal;
}

.expiredreminder {
    color: red;
    font-style: italic;
    font-weight: normal;
}

.setreminder {
    color: #66A1E7;
    font-style: italic;
    font-weight: normal;
}

#ColorSchema {
    width: 700px;
    background-color: transparent;
    height: auto;
}

.ColorSchema {
    width: 700px;
    background-color: transparent;
    height: auto;
}

.userGroupsTable td {
    padding: 2px 5px;
}

.ui-tabs .ui-tabs-nav li a, .ajax__tab_tab {
    text-transform: uppercase;
    margin-top: 1px;
}

.ui-tabs .ui-tabs-nav li {
    border: 1px solid rgb(241, 241, 241);
    border-radius: 0px;
    background-color: rgb(241, 241, 241);
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif;
    font-size: 10.6666669845581px;
    top: 0px;
}

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

    .ui-tabs .ui-tabs-panel {
        background-image: none !important;
    }

    .ui-tabs .ui-widget-header .ui-state-default {
        background-color: transparent;
        background-image: none !important;
        color: rgb(102, 102, 102);
        font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-size: 13px;
        height: 26px;
        font-weight: normal;
    }

    .ui-tabs .ui-widget-header .ui-state-active {
        background-color: rgba(239, 239, 239, 0.780392);
        border-bottom: 1px solid rgba(239, 239, 239, 0.780392);
        background-image: none !important;
        color: #666666;
        font-weight: 600;
    }

    .ui-tabs .ui-state-hover a, .ui-state-hover a:hover {
        color: rgb(102, 102, 102) !important;
    }

    .ui-tabs .ui-widget-header .ui-state-hover {
        background-color: rgba(239, 239, 239, 0.780392);
        border-bottom: 1px solid rgba(239, 239, 239, 0.780392);
        color: #666666;
        text-shadow: 1px 0px 0px #666666;
    }

    .ui-tabs .ui-widget-header {
        border: 1px solid;
        border-bottom: 1px solid #e1e1e1;
        border-radius: 0px;
        background: #f1f1f1;
    }

.BlogNews {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

    .BlogNews h3 {
        text-align: center;
    }

        .BlogNews h3 a {
            font-size: 12px;
            font-weight: bold;
        }

.rssBody {
    padding: 10px 20px 0px 25px;
}

    .rssBody ul {
        margin: 0px;
        padding: 0px;
        text-align: left;
        line-height: 15px;
        list-style: disc;
    }

        .rssBody ul li a {
            font-weight: bold;
            font-size: 12px;
            line-height: 24px;
        }

        .rssBody ul p {
            margin: 0px;
            padding: 3px 0px 15px 0px;
            display: none;
        }

.cleditorPopup {
    z-index: 10010 !important;
}

table.searchviewmenu td {
    text-align: left;
    padding: 5px 15px 5px 15px;
}

table.searchviewmenu th {
    text-align: left;
    padding: 20px 15px 2px 15px;
}

.newParamDiv select {
    height: 22px;
    border: 1px solid #ababab;
    color: #444;
}

.LicenceWarningText {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

    .LicenceWarningText div {
        text-align: center;
        width: 600px;
        min-height: 150px;
        background-color: white;
        opacity: 1;
        padding-bottom: 30px;
        top: 30%;
        position: relative;
        margin: auto;
        font-size: 15px;
    }

        .LicenceWarningText div a {
            font-size: 15px;
        }

.dbWizardLabel, .dbWizardInput {
    display: block;
    float: left;
    width: 200px;
    margin: 5px 0px;
}

.dbWizardInner {
    width: 700px;
    margin: 50px auto;
}

.dbWizardOuter {
}

.dbWizardFields {
    margin: auto;
}

.dbWizardPrev, .dbWizardNext {
    width: 100px;
    padding: 125px 0px;
}

.dbWizardPrev {
    float: left;
}

.dbWizardNext {
    float: right;
}

.dictProcListCont {
    position: relative;
}

.dictProcList {
    margin-left: 40px;
    padding: 6px;
    max-height: 3em;
    overflow: hidden;
    padding-bottom: 1.5em;
    border: 1px solid transparent;
}

    .dictProcList ul {
        padding: 2px 15px;
        margin: 0px;
    }

.dictProcListShow.dictProcList {
    max-height: none;
    background-color: white;
    border: 1px solid #66A1E7;
}

.dictProcListMore {
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    padding-bottom: 0px;
    width: 90%;
    background-color: white;
}

.dictToolbar {
    margin-left: 40px;
}

    .dictToolbar input, .dictToolbar select {
        margin: 4px;
    }

.dictLargeInfo {
    width: 650px;
    padding: 4px 4px 4px 4px;
    background-color: #F3F3F3;
    border: 1px solid #aaa;
    margin: 5px 0px;
}

.AMODTableScroll {
    width: 100%;
    overflow-x: auto;
}

.AMODOuterTable {
    /*width:calc(100vw - 90px);*/
    clear: both;
}

.TilesTitle {
    color: #000;
    font-weight: 500;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-left: 10px;
}

.TilesBackPath {
    color: #000;
    font-weight: 500;
    line-height: 42px;
}

.TilesFooter {
    position: relative;
    width: 100%;
    clear: both;
}

    .TilesFooter .thumbButton {
        position: absolute;
        right: 0px;
    }

.thumb {
    /*background-color:#FFFFFF;*/
    border-spacing: 10px;
    margin: 10px;
    float: left;
    cursor: pointer;
    height: 190px;
    width: 190px;
    position: relative;
}

@media screen and (max-width: 440px) {
    .thumb {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .TilesFooter .thumbButton {
        position: relative;
    }
}

.thumb:hover, .description:hover .thumb {
    box-shadow: none;
}

.thumbPrcIco {
    float: left;
}

.thumbLicInfo {
    margin: 8px 0px;
    float: left;
}

.thumbAddIco {
    float: right;
    margin-top: 9px;
    margin-right: 8px;
}

.thumbStarIco {
    position: absolute;
    left: 153px;
    margin-top: 9px;
}

.grow {
    transition: all .1s ease-in-out;
}

    .grow:hover {
        transform: scale(1.4);
    }

.thumbPic {
    width: 190px;
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #18BFA9;
}

.thumbInitials {
    word-wrap: break-word;
    margin-top: 22px;
    display: block;
    color: white;
    font-size: 42px;
    text-align: center;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

.thumbInitialsLarge {
    font-size: 80px;
    margin-top: 0px;
}

.thumbTit {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: rgb(65, 65, 65);
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    margin-right: 0px;
    margin-left: 0px;
    display: table;
    position: absolute;
    height: 78%;
    width: 100%;
}

    .thumbTit div {
        margin-left: 5px;
        margin-right: 5px;
        display: table-cell;
        vertical-align: middle;
    }

    .thumbTit .Text {
        width: 190px;
    }

.thumbButton {
    display: inline-block;
    width: auto;
}

    .thumbButton .thumbTit {
        width: 100%;
    }

        .thumbButton .thumbTit .Text {
            width: 100%;
            white-space: nowrap;
        }

.thumbDesc {
    float: right;
    margin-left: 5px;
    width: 32px;
    clear: both;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    height: 32px;
    position: absolute;
}

    .thumbDesc div {
        background-color: rgba(65,65,65, 0.3);
        text-align: center;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
    }

    .thumbDesc .thumbDescText {
        display: none;
        position: absolute;
        background-color: rgba( 0,0,0,0.8 );
        width: 160px;
        height: 0px;
        overflow-y: hidden;
        z-index: 1;
        font-size: 10px;
        line-height: 12px;
        color: #fff;
        top: -118px;
        left: -128px;
        /*padding:3px 3px;*/
    }

.thumbDescText p {
    margin-left: 5px;
    margin-right: 5px;
}

.thumbDesc .img {
    float: right;
}

.thumbCase {
    background-color: rgb(233, 233, 233);
    border: 1px solid #fff;
}

.thumbCat {
    border: 1px solid #fff;
}

.thumbCatTab {
    width: 100px;
    height: 15px;
    background-color: #5B94E5;
}

    .thumbCatTab img {
        float: right;
    }

.thumbCat .thumbTit .Text,
.thumbSubCat .thumbTit .Text {
    color: #fff;
    font-size: 14px !important;
}

.thumbCat .thumbTit,
.thumbSubCat .thumbTit {
    background-color: #3F7ECB;
    height: 175px;
}


.thumbCat .thumbPic {
    display: none;
}

.thumbCatDots {
    position: absolute;
    bottom: 18px;
    left: 75px;
}

.thumbSubCat {
    border: 1px solid #fff;
}

.thumbCase:hover /*, .thumbCat:hover, .thumbSubCat:hover*/ {
    /*border: 1px solid #2a8dd4;*/
    background-color: rgba( 205,230,247,0.5 );
}

.thumbButton:hover {
    background-color: #CBCBCB;
}

.thumbButton {
    background-color: #CBCBCB;
    height: 42px;
    margin-top: 0px;
    display: table;
}


    .thumbButton .thumbTit {
        color: #000;
        height: 42px;
        float: right;
        text-align: left;
        position: relative;
        width: auto;
        margin-left: 10px;
        margin-right: 20px;
    }

    .thumbButton .thumbPic {
        width: auto;
        color: #000;
        position: relative;
        font-size: 35px;
        float: left;
        line-height: 42px;
        background-color: #ccc;
        height: 42px;
        margin-left: 10px;
    }

    .thumbButton .Text {
        font-weight: 500;
    }

    .thumbButton .thumbPic img {
        margin-top: 9px;
    }

    .thumbButton .thumbAddIco,
    .thumbButton .thumbStarIco {
        display: none;
    }

div.hist {
    display: inline-block;
}

div.histWarning, div.histOK {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
    float: left;
    position: relative;
}

    div.histWarning.histshorttime {
        background-image: url("../images/histshorttime.png");
    }

    div.histWarning.histlongtime {
        background-image: url("../images/histlongtime.png");
    }

    div.histWarning.histnewsituation {
        background-image: url("../images/histnewsituation.png");
    }

    div.histWarning.histunusualpeople {
        background-image: url("../images/histunusualpeople.png");
    }

    div.histWarning.histunusualstages {
        background-image: url("../images/histunusualstages.png");
    }

    div.histWarning.histinfo {
        background-image: url("../images/fielddesc.gif");
    }

div.histWarning {
    background-size: contain;
}

div.histOK {
    background-color: green;
}

.histOnCase {
    display: inline-block;
}

    .histOnCase div.histWarning, .histOnCase div.histOK {
        width: 20px;
        height: 20px;
    }

.histInfo {
    display: inline-block;
    float: left;
}

.histDebug {
    display: none;
    background-color: white;
    padding: 3px;
    border: 1px solid black;
    position: absolute;
    z-index: 1000;
    left: 16px;
    top: -12px;
    white-space: nowrap;
    color: Black;
    font-weight: normal;
}

.histWarning:hover .histDebug {
    display: block;
}

div.autosavediv {
    position: fixed;
    right: 20px;
    top: 80px;
    width: 200px;
    height: 50px;
    background-color: White;
    border: 1px solid black;
    display: none;
}

    div.autosavediv div.counter, div.autosavediv div.progress {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 180px;
        height: 30px;
    }

    div.autosavediv div.counter {
        padding-right: 10px;
        line-height: 30px;
        z-index: 100;
        text-align: right;
    }

    div.autosavediv div.progress {
        background-color: Aqua;
        z-index: 99;
    }

.advanceSearchHeader {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
}

.tabFaq {
    height: 100%;
}

.faq-items {
    padding: 0px 50px 10px 20px;
}

    .faq-items ol, ul {
        list-style: none;
        padding: 0px;
    }

    .faq-items li {
        position: relative;
        padding: 18px 72px 18px 0px;
        border-bottom: 1px solid #CCCCCC;
        background: white;
        transition: box-shadow 1s;
    }

.faq-trigger {
    padding-left: 48px;
    color: black;
    display: block;
    line-height: 1.2;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
    transition: color 0.2s;
}

    .faq-trigger:hover {
        color: #66A1E7;
    }

.faq-content {
    padding-left: 48px;
    color: black;
    display: none;
    font-size: 1em;
    line-height: 1.4;
}

.faq-trigger::after,
.faq-trigger::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    position: absolute;
    left: 14px;
    top: 28px;
    height: 2px;
    width: 13px;
    background: #66A1E7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.faq-trigger::before {
    left: 22px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.content-visible .faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.content-visible .faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#LogViewerPopup {
    width: 100%;
    height: 100%;
}

.LogViewer {
    height: calc(100vh - 51px);
}

    .LogViewer .Filter {
        height: 45px;
        background-color: #CCCCCC;
    }

        .LogViewer .Filter .Header {
        }

    .LogViewer .FilterLine {
        padding: 10px;
    }

#log-list-left {
    float: left;
    width: 400px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    display: none;
    position: absolute;
    z-index: 1001;
    background-color: #FFFFFF;
}

    #log-list-left a {
        color: black;
    }

.LogsListPanel:hover {
    background-color: #F3F3F3;
    cursor: pointer;
}

.LogsListPanel {
    border-collapse: collapse;
    border-bottom: 1px solid rgb(225, 225, 225);
    padding: 10px;
    text-align: left;
    padding-left: 30px;
}

.LogViewer .Filter .ExportButton {
    padding-bottom: 5px;
    display: inline-block;
    float: right;
    line-height: 23px;
}

.LogViewer .Filter .LineTitles .Element {
    display: inline-block;
    width: 25%;
}

.LogViewer .Filter .LinkButton {
    font-size: 2em;
}

.LogViewer .LogViewerLogs {
    width: 100%;
    height: calc(100% - 45px);
    overflow-y: scroll;
    box-sizing: border-box;
    border-color: #62A1EE;
}

    .LogViewer .LogViewerLogs .Row {
        box-sizing: inherit;
        padding: 3px 0px;
        border-color: #62A1EE;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .LogViewer .LogViewerLogs .EvenRow {
        box-sizing: inherit;
        background-color: #F3F3F3;
    }

    .LogViewer .LogViewerLogs .mdi.red {
        color: red;
    }

    .LogViewer .LogViewerLogs .mdi {
        padding: 0px 5px;
    }

.LogViewer #activity-queue-main .Row .Main {
    cursor: text;
}

.LogViewer .LogViewerLogs .Row .Main {
    box-sizing: inherit;
    cursor: pointer;
}

    .LogViewer .LogViewerLogs .Row .Main .Header {
        box-sizing: inherit;
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

        .LogViewer .LogViewerLogs .Row .Main .Header .Element {
            display: inline-block;
            padding-right: 10px;
        }

.LogViewer .LogViewerLogs .Row .Message {
    display: inline-block;
    width: 65%;
    box-sizing: inherit;
    word-wrap: break-word;
}

.LogViewer .LogViewerLogs .Row .MoreInformations {
    box-sizing: inherit;
    display: none;
    width: 100%;
}

    .LogViewer .LogViewerLogs .Row .MoreInformations .Url {
        box-sizing: inherit;
        width: 100%;
        word-wrap: break-word;
        padding: 1em 0px;
    }

    .LogViewer .LogViewerLogs .Row .MoreInformations .CallStack {
        box-sizing: inherit;
        width: 100%;
        word-wrap: break-word;
        margin-bottom: 20px;
        white-space: pre-wrap;
    }

.LogViewer .LogViewerLogs .Row .CallStack:empty {
    height: 0em;
}

.LogViewer .LogViewerLogs .Row .CallStackMore {
    box-sizing: inherit;
    text-align: center;
}

.LogViewer .LogViewerLogs .Row .CallStack .text {
    font-size: .95em;
    margin: .05em;
    overflow: hidden;
}

.Filter .search-log-button {
    line-height: 25px;
    margin-left: 10px;
}

.refresh-log-button {
    cursor: pointer;
}

.CaseItemTmpl .pcrIconTmpl {
    width: 32px;
    height: 32px;
    background-color: lightgray;
    margin: 2px;
    float: left;
}

.CaseItemTmpl .CaseTitle, .CaseItemTmpl .CaseSub {
    display: inline-block;
    width: 200px;
    background-color: lightgray;
    margin: 2px;
}

.CaseItemTmpl .CaseSub {
    width: 300px;
}

.CaseSub .HistItem {
    color: #ababab;
}

.CaseItem {
    border-bottom: 1px solid rgb(241, 241, 241);
    padding: 5px;
    clear: left;
}

    .CaseItem .prcIcon {
        float: left;
        margin: 5px;
        display: block;
    }

.prcIcon {
    width: 32px;
}

.CaseItem .caseRead, .CaseItem .caseAtt {
    margin: 2px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
}

.CaseItem A.CaseTitle {
    /*color: #0072c6;*/
    color: #000;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    cursor: pointer;
}

    .CaseItem A.CaseTitle:hover {
        color: #0072c6;
        text-decoration: underline;
    }

.CaseItem .hist {
    margin: 2px;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
}

    .CaseItem .hist div.histWarning,
    .CaseItem .hist div.histOK {
        width: 15px;
        height: 15px;
    }

.CaseSub {
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    min-height: 18px;
    /*color: rgb(68, 68, 68);*/
    color: #ababab;
}

    .CaseSub .HistSeparator {
        display: inline-block;
    }

    .CaseSub .ListTable {
        overflow-x: auto;
    }

.Comment {
    position: relative;
    padding: 10px;
    margin: 10px;
    background: #FFEF85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -3px 2px 25px 0px #616161;
    -moz-box-shadow: -3px 2px 25px 0px #616161;
    box-shadow: -3px 2px 25px 0px #616161;
    max-height: 100px;
    max-width: 90%;
    overflow: auto;
}

    .Comment:after {
        content: """";
        position: absolute;
        top: 7px;
        left: -8px;
        border-style: solid;
        border-width: 8px 8px 8px 0;
        border-color: transparent #FFEF85;
        display: block;
        width: 0;
        z-index: 1;
    }

.case-edit {
    /*overflow-y: scroll !important;*/
    /*background-color: #F7F7F7;*/
}

.customHeight {
    height: 200px;
}

.case-edit .customHeight {
    height: 0px;
}

.header-container,
.comments-container,
.attachments-container {
    margin: 4px 5px;
}

.comment .initials, div.addComment div.initials {
    margin-top: 1px;
    margin-left: 5px;
    font-size: 8pt;
}

.header-container .header-overview .title {
    color: black;
    font-size: 15px;
    font-weight: bold;
}

.header-container .header-overview .prcIcon {
    float: left;
    margin: 5px;
    display: block;
}

.header-container .header-details {
    display: none;
}

.header-container .expand,
.header-container .collapse {
    cursor: pointer;
}

.header-container .collapse {
    display: none;
}

div.header-details table {
    width: 100%;
}

.comments-container .comment {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .comments-container .comment .blue {
        background-color: rgb(217, 227, 255);
    }

    .comments-container .comment .red {
        background-color: rgb(255, 220, 221);
    }

    .comments-container .comment .yellow {
        background-color: rgb(255, 251, 174);
    }

    .comments-container .comment .green {
        background-color: rgb(225, 255, 223);
    }

    .comments-container .comment .orange {
        background-color: rgb(255, 214, 181);
    }

    .comments-container .comment .purple {
        background-color: rgb(237, 214, 235);
    }

    .comments-container .comment .silver {
        background-color: rgb(217, 217, 217);
    }

    .comments-container .comment .user-image, div.addComment > span.user-image {
        width: 35px;
        height: 35px;
        display: inline-block;
        margin: 5px;
        vertical-align: top;
    }

        .comments-container .comment .user-image img#imgThumb {
            width: 28px;
            height: 28px;
        }

    .comments-container .comment .content {
        padding: 5px;
        display: inline-block;
        width: 80%;
        max-width: 500px;
    }

        .comments-container .comment .content .date {
            line-height: 20px;
        }

    .comments-container .comment .details {
        color: rgb(175, 175, 175);
        font-size: 9px;
    }

.attarchment-actions {
    width: 100%;
    text-align: center;
}

.attachments {
    float: left;
}

.attachments-container .hide-detailed-attachments {
    display: none;
}

.attachments-container .detailed-attachments {
    display: none;
    float: left;
}

.attachments .attachment,
.attachment-action {
    /* min-width: 150px; */
    padding: 5px;
}

.attachments .attachment {
    float: left;
}

    .attachments .attachment .name,
    .detailed-attachments .detailed-attachment .name {
        vertical-align: super;
        margin: 5px;
    }

.detailed-attachments .detailed-attachment {
    height: 120px;
    width: 260px;
}

.detailed-attachments .detailed-attachment,
.detailed-attachment-action {
    /* border: 3px solid #888888; */
    border-spacing: 10px;
    margin: 10px;
    padding: 10px;
    float: left;
    background-color: rgb(233, 233, 233);
    /* border-radius: 8px; */
}

.detailed-attachment-action {
    border: none;
    background-color: #fff;
    float: left;
    margin: 5px;
    padding: 5px;
}

.detailed-attachments .detailed-attachment .attachment-header {
    margin-bottom: 5px;
    height: 16px;
}

.detailed-attachments .detailed-attachment .icons img {
    vertical-align: top;
}

.detailed-attachments .detailed-attachment .button-container {
    text-align: center;
    margin: 5px;
}

.detailed-attachments .detailed-attachment button {
    display: inline-block;
    width: 100%;
}

/*wizard create procedure 2*/
.wizard {
    min-height: calc(100vh - 50px);
    width: 100%;
    display: inline-block;
    color: #000000;
}

    .wizard .boxsizingBorder {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .wizard .cursor {
        cursor: pointer;
    }

div.storeElement.prc-exists span.prc-name {
    color: grey;
}

div.storeElement.prc-exists span.prc-exists-info {
    float: right;
    margin-right: 10px;
}

.wizard .fontStyleItalic {
    font-style: italic;
}

.wizard .fontSize10 {
    font-size: 10px;
}

.wizard .fontSize15 {
    font-size: 15px;
}

.wizard .fontSize20 {
    font-size: 20px;
}

.wizard .fontSize30 {
    font-size: 30px;
}

.wizard .checked {
    background-color: #61A1ED;
}

.wizard .loading {
    position: fixed;
    left: 50%;
    top: 50%;
}

.wizard .wizardBlock {
    width: 1000px;
    display: block;
    margin: 20px auto;
}

    .wizard .wizardBlock .verticalView {
    }

        .wizard .wizardBlock .verticalView .paragraph {
            float: left;
            width: 500px;
            height: 300px;
        }

            .wizard .wizardBlock .verticalView .paragraph .title {
                height: 200px;
                display: table-cell;
                vertical-align: bottom;
            }

            .wizard .wizardBlock .verticalView .paragraph .description {
                margin: auto;
            }

        .wizard .wizardBlock .verticalView .buttons {
            display: inline-block;
            height: 500px;
            margin: auto;
        }

            .wizard .wizardBlock .verticalView .buttons .button {
                width: 290px;
                height: 90px;
                display: block;
                margin: 30px 60px;
                padding: 100px 30px 0px 30px;
                background-color: #EEEEEE;
                background-position: 50% 20%;
                background-repeat: no-repeat;
                text-align: center;
            }

            .wizard .wizardBlock .verticalView .buttons #import {
                background-image: url('../images/wizardImport.png');
            }

            .wizard .wizardBlock .verticalView .buttons #createOwn {
                background-image: url('../images/wizardNew.png');
            }


    .wizard .wizardBlock .centre {
        display: inline-block;
    }

        .wizard .wizardBlock .centre .newPrcStages {
            width: 100%;
        }

        .wizard .wizardBlock .centre .newPrcTitle {
            width: 100%;
            height: 40px;
            margin: 0 0 10px 0;
        }

        .wizard .wizardBlock .centre .paragraph {
            text-align: center;
            width: 1000px;
            margin: auto;
        }

            .wizard .wizardBlock .centre .paragraph .title {
                display: inline-block;
                width: 100%;
                text-align: left;
            }

            .wizard .wizardBlock .centre .paragraph .description {
                display: inline-block;
                font-size: 20px;
                width: 100%;
                text-align: left;
            }

    .wizard .wizardBlock .rigth {
        display: none;
        display: inline-block;
        width: 110px;
        height: 35px;
        line-height: 35px;
        text-align: right;
        background-color: #CCC;
        background-position: left;
        background-image: url('../images/wizardBack.png');
        background-repeat: no-repeat;
        margin-left: 5px;
        position: absolute;
        left: 80%;
    }

        .wizard .wizardBlock .rigth .back {
            margin-right: 10px;
        }

        .wizard .wizardBlock .rigth.newPrc {
            width: 280px;
            left: 55%;
            background-position: left;
            background-image: url('../images/wizardNew.PNG');
            background-repeat: no-repeat;
            background-size: 13%;
            text-align: right;
        }

    .wizard .wizardBlock .centre .storeElements {
    }

        .wizard .wizardBlock .centre .storeElements .storeElement {
            min-height: 50px;
            background-color: #E9E9E9;
            margin: 5px 0px;
            line-height: 50px;
        }

            .wizard .wizardBlock .centre .storeElements .storeElement .prcTitle {
                padding-left: 10px;
            }

            .wizard .wizardBlock .centre .storeElements .storeElement .storeDetails {
                min-height: 60px;
                line-height: 20px;
                display: none;
                padding: 5px 10px;
                background: #FFFFFF;
            }

                .wizard .wizardBlock .centre .storeElements .storeElement .storeDetails .storeImportButton {
                    margin: 20px auto;
                    line-height: 30px;
                    text-align: center;
                    width: 150px;
                    background-color: #61A1ED;
                }

    .wizard .wizardBlock .centre .buttons {
    }

        .wizard .wizardBlock .centre .buttons .button {
            width: 300px;
            height: 130px;
            display: inline-block;
            margin-top: 40px;
            padding: 90px 30px 0px 30px;
            background-color: #F3F3F3;
            background-position: 50% 20%;
            background-repeat: no-repeat;
            text-align: center;
        }

        .wizard .wizardBlock .centre .buttons #import {
            background-image: url('../images/wizardImport.png');
            float: left;
        }

        .wizard .wizardBlock .centre .buttons #createOwn {
            background-image: url('../images/wizardNew.png');
            float: right;
        }

        .wizard .wizardBlock .centre .buttons #createCase {
            background-image: url('../images/wizardCreateCase.png');
            background-repeat: no-repeat;
        }

    .wizard .wizardBlock .centre .buttons {
        text-align: center;
    }

    .wizard .wizardBlock .centre .createCaseButtons {
        width: 500px;
        height: 40px;
        line-height: 40px;
        margin: 40px auto;
        text-align: center;
    }

        .wizard .wizardBlock .centre .createCaseButtons .caseCreatorButton {
            display: inline-block;
            width: 180px;
            background-repeat: no-repeat;
            background-position: 20% 50%;
        }

        .wizard .wizardBlock .centre .createCaseButtons #createCaseOK {
            background-color: #61A1ED;
            background-image: url('../images/wizardCreate.png');
            float: left;
        }

        .wizard .wizardBlock .centre .createCaseButtons #createCaseCancel {
            background-color: #cccccc;
            background-image: url('../images/wizardCancel.png');
            float: right;
        }


#searchToolbar {
    position: fixed;
    right: 1px;
    top: 51px;
    background-color: rgb(239, 239, 239);
    opacity: 0.9;
    padding: 6px;
    border-radius: 0px 0px;
    z-index: 900;
}

    #searchToolbar .toolbar-container {
        width: 0px;
        height: 0px;
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
    }

        #searchToolbar .toolbar-container.expanded {
            width: 430px;
            height: inherit;
        }

        #searchToolbar .toolbar-container .toolbar {
            width: 430px;
            display: inline-block;
            overflow: hidden;
        }

            #searchToolbar .toolbar-container .toolbar input,
            #searchToolbar .toolbar-container .toolbar select {
                margin: 4px;
                height: 20px;
                border: solid 1px #CCCCCC;
                border-radius: 0px 0px;
            }

            #searchToolbar .toolbar-container .toolbar input {
                height: 20px;
                width: 390px;
                padding-left: 5px;
            }

                #searchToolbar .toolbar-container .toolbar input.search-term {
                    width: 370px;
                }

            #searchToolbar .toolbar-container .toolbar .search-term-help {
                cursor: pointer;
            }

            #searchToolbar .toolbar-container .toolbar select {
                height: 24px;
                width: 397px;
                padding-left: 3px;
            }

                #searchToolbar .toolbar-container .toolbar select.sort {
                    margin-left: 8px;
                }

            #searchToolbar .toolbar-container .toolbar .search-icon {
                vertical-align: middle;
            }

            #searchToolbar .toolbar-container .toolbar .toolbar-line {
                width: 100%;
                display: inline-block;
            }

            #searchToolbar .toolbar-container .toolbar .toolbar-line {
                padding-left: 5px;
                padding-top: 5px;
            }

                #searchToolbar .toolbar-container .toolbar .toolbar-line img.search {
                    cursor: pointer;
                }

.case-list-header {
    background-color: #eeeeee;
    font-size: 15px;
    font-style: italic;
    padding: 15px;
}

.amodit-link {
    font-size: 15px;
}

.filter-info {
    cursor: pointer;
}

.filter-info--hidden {
    display: none;
}

.filter-info.fontSize13 {
    font-size: 13px;
}

.filter-info.fontSize15 {
    font-size: 15px;
}

.filter-info.fontSize18 {
    font-size: 18px;
}

.no-cases-container {
    left: 50%;
    position: absolute;
    top: 30%;
}

    .no-cases-container .content {
        border: 1px solid #f3f3f3;
        -webkit-box-shadow: 10px 12px 24px 0px rgba(0,0,0,0.36);
        -moz-box-shadow: 10px 12px 24px 0px rgba(0,0,0,0.36);
        box-shadow: 10px 12px 24px 0px rgba(0,0,0,0.36);
        font-size: 15px;
        font-style: italic;
        left: calc(-50% - 10px);
        line-height: 50px;
        padding: 0 10px;
        position: relative;
        text-align: center;
    }

@media screen and (max-width: 1000px) {
    .filter-info {
    }
}

#searchToolbar .buttons {
    color: #000;
    cursor: pointer;
    float: right;
    font-size: 16pt;
    margin: 4px;
    vertical-align: middle;
}

.glyphicon-chevron-right::before {
    content: "\e080";
}

img.logoImage {
    margin-top: 6px;
    max-height: 200px;
    max-width: 100%;
}

div.headerSeparator {
    margin-left: 20px;
    margin-right: 20px;
    width: 1px;
    display: inline-block;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.4);
}

.ajax__dropdown_arrow.ajax__dropdown_arrow_image {
    display: none;
}

.ajax__tab_default span.ajax__tab_tab {
    text-align: left;
    line-height: 25px;
}

div.ajax__dropdown_frame_line {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

input[type="submit"],
input[type="button"],
.dialogButton {
    min-width: 6em;
    line-height: 31px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
}

@media not all and (min-resolution:.001dpcm) {
    @media {

        input[type="submit"],
        input[type="button"],
        .dialogButton {
            line-height: inherit !important;
        }
    }
}

.casemenutabs input.bt {
    line-height: normal;
    height: 110px;
}

input.groupsButton {
    border: none;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled {
    background-color: #ddd;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.dialogButton:hover {
    border-color: #92c0e0;
    background-color: #e6f2fa;
}

input.FormField[type="text"], input.TableFormField[type="text"], select.TableFormField {
    padding: 3px 3px 3px;
    border: 1px solid #ababab;
    color: #444;
    height: 18px;
}

select.FormFieldDateTimeWithTime {
    height: 26px;
}

div.ui-tabs-panel input.bt[type="submit"], #CaseTop div.casemenu input.bt[type="button"], #CaseTop div.casemenu input.btIcon.bt[type="submit"], #CaseTop div.casemenu a.bt {
    margin: 0px;
    background-size: 77px;
    height: 72px;
    width: 66px;
    background-position-x: center;
}

#CaseTop div.casemenu a.bt {
    display: block;
    float: left;
    height: 29px;
}

div.casemenu input.bt.btBackward {
    margin: 0px;
    background-size: 33px;
    height: 77px;
    width: 33px !important;
    min-width: 33px;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #666;
}

.ui-tabs.ui-widget-content {
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color: #fff;
    border: 1px solid rgb(225, 225, 225);
}

select.FormFieldDateTimeWithTime {
    padding: 2px 2px;
    border: 1px solid #ababab;
    color: #444;
    width: 44px;
}

.ParamsTable a {
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
}

input.btSendAnswer[disabled], input.btSendAnswer[disabled]:hover {
    background-size: 66px;
}

.ParamFooterContainer {
}

.ParamsFooterButtons {
    position: absolute;
    right: 0px;
}

.ParamsAddParam {
    text-align: left !important;
    float: left !important;
    padding-left: 7px;
}

.ParamsFooterMetric {
    text-align: left !important;
}

a.caselist2RuleButtons {
    color: blue;
    font-size: 11px;
    margin: 5px 10px;
    line-height: 40px;
    cursor: pointer;
}

    a.caselist2RuleButtons:hover {
        text-decoration: underline;
    }

.btnMsgBoxActions {
    display: none;
}

#dialogDeletePermanCase {
    display: none;
}

.openDialogDeleteCase {
    position: relative;
    left: 5px;
    top: -5px;
    font-weight: bold;
    border: none;
    background-color: transparent;
    color: #E74545 !important;
    cursor: pointer;
    vertical-align: middle;
}

.successActionLbl {
    font: bold 19px Arial;
    font-style: italic;
    color: white;
    margin-left: 90px;
    margin-top: 10px;
}

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

a.btnUpdate,
a.btnSign,
a.btnDelete,
a.btnCancelSignature {
    color: blue;
}

.LeftMargin10 {
    margin-left: 10px;
    display: block;
}

.caseHeaderToggle {
    cursor: pointer;
}

.warningMsg {
    color: green;
}

.warning{
    color: orange;
}

.errMsg {
    color: red;
}

.listOfErrors {
    list-style-type: disc;
    padding-left: 40px;
}

.AttPreviewGraph {
    position: fixed;
    top: 0;
    right: 0px;
    display: none;
    border-collapse: separate;
    /*z-index:1002;*/
    background-color: #D3D3D3;
    overflow: scroll;
    overflow-x: auto;
    width: 100%;
    height: 100%;
}

.PreviewGraphCloseButton {
    float: right;
    padding: 8px 5px;
}


.PreviewGraphHideInfo {
    display: none;
}

.GraphPreviewProp {
    display: block;
    height: 80px;
    width: 300px;
    margin: 0 auto;
}

    .GraphPreviewProp .GraphPreviewAlgoritm {
        color: #000;
        /* background-color:#D3D3D3;*/
        background-color: rgb(241, 241, 241);
    }

.CaseItemClicked {
    background-color: #939393;
}

.CaseItem--readed a.CaseTitle {
    font-weight: normal;
}

.CaseItem--refreshed {
    background-color: #ffffe0;
}

    .CaseItem--refreshed a.CaseTitle {
        font-weight: bold;
    }


.NoMargin {
    margin: 0px;
}

.AddCaseTitle {
    vertical-align: top;
    margin-top: 10px;
    margin-left: 10px;
    display: block;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

.BorderedPicker {
    border: 1px solid #ababab;
    margin-top: 5px;
    position: relative;
}

.CaseItem A.CaseTitleLarge {
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
}

.NewLookDisplayNone {
    display: none;
}

div.paramname,
div.onecolumn,
div.twocolumnsdata,
div.fourcolumnsdata {
    float: left;
    box-sizing: border-box;
    padding: 5px;
}

div.onecolumn {
    width: 100%;
}

div.twocolumnsdata {
    width: calc(100% - 150px);
}

@-moz-document url-prefix() {
    @media screen and (min-width: 600px) {
        div.onecolumn, div.parameter-full-width {
            width: calc(100vw - 80px);
        }
    }
}

.parameter-full-width,
.section-one-columns .parameter-section-width {
    float: left;
    min-height: 36px;
    width: 100%;
}

@media screen and (min-width: 1120px) {
    .parameter-full-width.parameter-editable {
        width: 980px;
    }

        .parameter-full-width.parameter-editable span.cke {
            width: 826px;
        }
}

.document-preview-visible .parameter-full-width.parameter-editable {
    max-width: 520px;
    width: auto;
}

    .document-preview-visible .parameter-full-width.parameter-editable span.cke {
        width: 466px;
    }

.section-two-columns .parameter-section-width {
    float: left;
    min-height: 36px;
    width: 520px;
}

.parameter-section-width.parameter-hidden {
    visibility: hidden;
}

    .parameter-section-width.parameter-hidden.parameter-hidden-column1.parameter-hidden-column2 {
        display: none;
    }

@media screen and (max-width: 600px) {
    .parameter-section-width.parameter-hidden {
        display: none;
    }
}

.parameter-full-width.parameter-hidden {
    display: none;
}

.FormFieldLong {
    width: 100%;
}

.SpanFormField.FormFieldLong.FormFieldDisabled {
    word-wrap: break-word;
}

.SpanFormField.FormField.FormFieldDisabled {
    word-wrap: break-word;
}

@media screen and (min-width: 600px) and (max-width: 1120px) {
    /*div.fourcolumnsdata {
        width: calc(100% - 150px);
    }*/

    /*.FormFieldLong {
        width: 80%;
    }
    .AMODFormField .cke{
        width: 80%;
    }*/

    div.paramname {
        clear: both;
    }

    .section-two-columns .parameter-section-width {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .ParamsTable .paramname,
    div.paramname {
        padding-bottom: 1px;
    }

    div.twocolumnsdata,
    div.fourcolumnsdata {
        padding-top: 1px;
    }

    .ParamsTable .paramname,
    div.paramname,
    div.twocolumnsdata,
    div.fourcolumnsdata {
        width: 100%;
    }

    .section-two-columns .parameter-section-width {
        width: 100%;
    }

    .FormFieldLong {
        width: 80%;
    }

    .PopupWindowSendFrame {
        width: 100% !important;
        height: 100% !important;
    }

    .PopupFrame {
        width: 100% !important;
        height: 100% !important;
    }

    .pnlFrameDefault {
        box-sizing: border-box;
        width: 100% !important;
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        padding: 0px !important;
    }
}

@media screen and (max-width: 400px) {
    .AMODFormField {
        min-width: 0px;
    }

    .Picker {
        width: calc(100% - 27px);
    }

    .AMODFormField .popupUserDdl {
        position: absolute;
        right: -5px;
        left: initial;
    }

    .FormFieldUser input {
        width: 100%;
    }

    .FormFieldLink {
        width: calc(100% - 28px);
        box-sizing: border-box;
    }

    .FormFieldLong,
    .FormField {
        width: 100%;
        min-width: 0px;
    }

    div.headerLogo {
        min-width: 100px;
    }

    div.headerLogo {
        min-width: 115px !important;
    }
}

@media screen and (max-width: 800px) {
    .RequiredFieldDiv {
        display: none;
    }
}

.clearBoth {
    clear: both;
}

.clearBothEmpty {
    clear: both;
    height: 0px;
    padding: 0px;
    margin: 0px;
    line-height: 0px;
}

table.ParamsTable input[type="submit"],
table.ParamsTable input[type="button"] {
    min-width: 1em;
    margin-left: 5px;
    margin-right: 5px;
}

.ParamFooterContainer {
    height: 200px;
}

.skanujToFrame {
    position: absolute;
    z-index: 1000;
}

.closeFrameBtn {
    position: absolute;
    right: 20px;
    background-color: #51A513;
    line-height: 35px;
    height: 35px;
    z-index: 1500;
    padding: 0px 10px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px -1px 2px #8cc34c;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-decoration: none;
}

    .closeFrameBtn:hover {
        cursor: pointer;
        color: white;
    }

.expandableMenu {
    top: 50px;
    max-width: calc(100% - 2px);
    overflow: hidden;
    position: absolute;
    box-sizing: border-box;
    background-color: white;
}

.heightAuto {
    display: block;
    overflow: auto;
    float: left;
}

.reportsList {
    position: absolute;
    right: 0;
    border: 1px solid;
    padding: 5px;
}

.reportsListTitle {
    font-family: Arial;
    font-size: 16px;
}

.graphTable {
    min-width: 600px;
}

.previous-comments-show {
    cursor: pointer;
}

.btDesignForm {
    text-align: left;
    margin-left: 6px;
}

.btDesignFormBig {
    text-align: center;
    display: block;
    width: 100%;
}

    .btDesignFormBig a, .btDesignFormBig span {
        font-size: 20px;
    }

.AutoHeight {
    height: auto !important;
}

.panViewToolbar {
    margin-left: 20px;
}

    .panViewToolbar .title {
        font-size: 20px;
        margin-top: 5px;
    }

    .panViewToolbar .checkBox {
        margin-left: 7px;
    }

    .panViewToolbar .categoryDdl {
        margin-left: 7px;
    }

        .panViewToolbar .categoryDdl div div {
            display: inline-block;
            width: 100px;
        }

        .panViewToolbar .categoryDdl div select {
            width: 200px;
        }

    .panViewToolbar .text {
        margin-left: 12px;
    }

    .panViewToolbar .textbox {
        margin-left: 12px;
        width: 400px;
    }

    .panViewToolbar .buttons {
        margin-left: 12px;
    }

    .panViewToolbar .element {
        margin-top: 5px;
        margin-bottom: 5px;
    }


.PreviewShown {
    width: 70%;
}

@media screen and (min-width: 1000px) {
    .PreviewShown {
        width: 100%;
    }
}

.DocumentPreviewShown {
    width: 50%;
}

.RightTopClose {
    z-index: 999999;
    position: fixed;
    top: 15px;
    right: 30px;
    padding: 3px;
}

.CaseHistoryWindow {
    width: 100%;
    min-height: 200px;
    overflow-y: auto;
}

.AttBtnOnTheForm {
    margin-right: 15px;
    float: left;
    margin-bottom: 15px;
}

.AMODFormField .BtnDeleteFile {
    min-width: 11px;
    line-height: 20px;
    border: none;
    background-color: transparent;
    font-size: 11px;
    font-family: Verdana;
    color: #3966bf;
    cursor: pointer;
}

.AttNameOnTheForm {
    color: #437AD4;
    text-decoration: underline;
    font-weight: bold;
    float: left;
    margin-right: 0;
    width: 300px;
}


.AMODFormField .AttTemplateOnTheForm {
    color: #437AD4;
    text-decoration: underline;
    font-weight: bold;
}

.ExtensionsOnTheForm {
    display: block;
}

.BigQuestionMark {
    color: white;
    font-size: 100px !important;
}

.MediumQuestionMark {
    color: white;
    line-height: 35px;
    font-size: 30px;
    font-weight: 600;
    margin-left: 10px;
}

.RequiredFieldDiv {
    float: right;
    margin: 10px;
    margin-bottom: 0px;
}

.PopupsRoot {
    height: 0px;
}

.ProcedureParamsRow .BtnParamSettings {
    border: 0;
    display: inline-block;
    /*text-decoration:underline;*/
}

.ParamSettingsTree {
    background-color: #FFFFFF;
}

.pnlFrameDefault .ParamSettingsFrameHeight {
    width: 400px;
}

.pnlFrameDefault .ParamSettingsSmallHeight {
    height: 200px !important;
    width: 400px;
}

.pnlFrameDefault .textBoxParamSettings {
    height: 400px !important;
    width: 400px;
}
.HistItem .PrintableTable {
    margin: 2px;
    border-collapse: collapse;
}

    .HistItem .PrintableTable .paramNumberTd {
        text-align: right;
    }

.HistItem .SignatureItem {
    display: inline-block;
    margin: 3px 15px;
    clear: both;
}

.HistItem .SignatureName {
    line-height: 40px;
    height: 40px;
    float: left;
    display: block;
}

.HistItem .Signature {
    display: block;
    float: left;
    height: 40px;
    margin-left: 5px;
}

.HistItem .PrintableTable td, .HistItem .PrintableTable th {
    border: 1px solid #ababab;
    padding: 2px;
}

    .HistItem .PrintableTable td pre {
        padding: 0px;
        margin: 0px;
        white-space: normal;
    }

.FieldSettingsPopupMain {
    position: relative;
    text-align: left;
    margin: 10px;
}

    .FieldSettingsPopupMain .footer {
        position: fixed;
        right: 10px;
        bottom: 10px;
    }

    .FieldSettingsPopupMain .fldName {
        padding: 6px 0px;
    }

.DdlFieldSettingsUser {
    max-width: 215px;
}

.CustomDialogUi {
    padding: 0;
    border: 0;
    z-index: 1100;
    border-radius: 0px;
}

    .CustomDialogUi .ui-widget-header {
        border: 0;
        font-weight: 400;
        line-height: 34px;
        text-align: left;
        font-family: "Segoe UI Semilight","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
        font-size: 1.46em;
        padding: 0;
        width: 100%;
        border-radius: 0px;
    }

    .CustomDialogUi .ui-dialog-title {
        padding-left: 10px;
    }

    .CustomDialogUi .ui-dialog-titlebar-close {
        border: 0;
        background-color: transparent;
    }

    .CustomDialogUi .ui-button-text-only {
        min-width: 6em;
        line-height: 31px;
        border: 1px solid #ababab;
        background-color: #fdfdfd;
        font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
        font-size: 11px;
        color: #444;
    }

.afxDialogDiv #taTitleDialog,
.afxDialogDiv #taTitleDialogHtml {
    width: 100%;
    height: 150px;
    resize: none;
}

.DisplayTitlesLabel {
    max-width: 250px;
}

    .DisplayTitlesLabel .lblDefineDisplayText {
        line-height: 20px;
        text-align: left;
        font-size: 12px;
        color: rgb(65,65,65);
        font-weight: normal;
        font-style: italic;
        cursor: pointer;
        word-break: break-all;
    }

    .DisplayTitlesLabel .descriptionHtml {
        max-height: 50px;
        display: block;
        overflow: hidden;
    }

.pnlReminders {
    min-width: 220px;
}

    .pnlReminders .FormFieldDateTime {
        width: 70px;
    }

    .pnlReminders input {
        line-height: 23px;
        height: 23px;
        border: solid 1px #888;
        box-sizing: content-box;
    }

.popupUserDdl {
    width: 20px;
    top: 1px;
    text-align: center;
    padding: 0px;
    position: relative;
    float: right;
    left: -23px;
}

.dictSearch {
    width: 225px;
    padding: 4px;
    display: inline-block;
}

    .dictSearch .dictTxt {
        width: 200px;
        margin: 0;
    }

    .dictSearch .dictSearchBtn {
        background-image: url('../images/toolbar-search.png');
        width: 16px;
        height: 16px;
        display: block;
        float: right;
        position: relative;
        right: 23px;
        top: 3px;
    }

.loginPanel .loginTxt, .loginDialog .loginTxt {
    display: block;
    height: auto;
    width: 100%;
    font-size: 16px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
}
.registerContainer .loginPanel .loginTxt {
    margin-bottom: 6px;
    padding: 6px;
    width: 90%;
    display:inline-block;
}
.registerContainer .loginPanel .regvalidatorblock {
    display:block;
}
    .loginPanel input:-webkit-autofill {
        -webkit-box-shadow: inset 0 0 0 50px #fff !important;
        color: #999 !important;
    }



.loginPanel .loginPassword {
    margin-bottom: 10px;
}

.loginPanel input[type="submit"] {
    display: block;
    padding: 4px;
    text-align:center;
    font-size: 18px;
    color: #fff;
    background-color: #337ab7;
    width: 100%;
}
.registerContainer .loginPanel input[type="submit"] {
    width: 90%;
}
    a.loginpagelink:link {
    }

.ruleButtons .disableLink {
    pointer-events: none;
    opacity: 0.7;
    color: #fff;
}

.ajax__tab_inner .wrapLongTitles {
    white-space: normal;
    height: auto;
    line-height: 13px !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

.ui-corner-flat, .ui-corner-flat .ui-corner-all {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-calendar .ui-state-default, .ui-datepicker .ui-datepicker-buttonpane button {
    background-image: none !important;
    border: 0px !important;
}

    .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
        background-color: #6EAB2C;
    }

    .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
        background-color: #F7D94E;
    }

.lengthWarning {
    display: none;
    left: 125px;
    top: -26px;
}

.sortTableCases {
    margin-left: 15px;
}

select.ddlSortTableParams {
    margin-left: 15px;
    min-width: 115px;
}

.expiryDateMargin {
    display: inline-block;
    margin-bottom: 15px;
}

.inviteInfo ul {
    list-style: initial;
    padding-left: 20px;
}

.downloadInfo {
    position: fixed;
    bottom: 0px;
    height: 50px;
    background-color: #5cb85c;
    color: white;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    font-size: 25px;
}
    .downloadInfo .progBar {
        background-color: #439943;
        height: 100%;
        -webkit-transition-property: width;
        -webkit-transition-duration: 1s;
        transition-property: width;
        transition-duration: 1s;
    }

.defaultValueEditor {
    position: relative;
    float: left;
    min-width: 230px;
}

    .defaultValueEditor select {
        height: 23px;
    }

    .defaultValueEditor div.el {
        float: left;
    }

        .defaultValueEditor div.el .AMODFormField {
            min-width: 0px;
        }


div.ReportsList {
    width: 400px;
    height: 100%;
    border-right: none;
    /*padding-top:10px;*/
}

#ReportsLeft {
    float: left;
    width: 400px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    display: none;
    position: absolute;
    z-index: 1001;
    background-color: #FFFFFF;
}

div.ReportsListTbl {
    width: 100%;
    overflow: auto;
    height: calc(100vh - 180px);
}

#ReportsLeft a {
    color: #000;
}

.Case2FullScreenPopup {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.casemenu > div.casemenutabs > div.ui-tabs-panel {
    overflow-x: auto;
    width: 100%;
    display: inline-flex;
}

.case2fieldset {
    min-width: 70%;
}

.afxDialogContainer {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.afxDialogDiv {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .afxDialogDiv iframe {
        width: 100%;
        height: 100%;
        filter: Alpha(opacity=50);
    }
        .afxDialogDiv iframe.iframecentered {
            background-color: #FFFFFF;
            margin: auto;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            overflow: auto;
        }

    .afxDialogDiv .PopupWindow {
        margin: auto;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        position: fixed;
    }

    .afxDialogDiv iframe .background {
        width: 100%;
        height: 100%;
    }

.afxDialogOverlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #D6D6D6;
    opacity: 0.7;
}

.LockCircleContainer .LockCircleOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .LockCircleContainer .LockCircleOverlay.grayed {
        background-color: #D6D6D6;
        opacity: 0.7;
        position: fixed;
    }

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
}

.select2-container--default {
    float: left;
}

ul.select2-results__options > li {
    white-space: nowrap;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: black !important;
}

span.select2-dropdown {
    max-width: 600px;
    min-width: 200px;
}

select[disabled] {
    background-color: #ddd;
}


.FormFieldTable span.select2.select2-container.select2-container--default {
    min-width: 200px;
}

.select2-container--default .select2-results > .select2-results__options {
    overflow-y: scroll !important;
}

span.select2.select2-container.select2-container--default {
    min-width: 200px;
}



span.text.comment-content {
    overflow: hidden;
    white-space: pre-wrap;
    display: block;
}

    span.text.comment-content.expandable {
        max-height: 150px;
    }

div.showcommentpreview {
    font-size: 25px;
    display: block;
    float: right;
    margin: 3px 3px 0px 0px;
    cursor: pointer;
}

    div.showcommentpreview::before {
        content: "\e105";
    }

div.addComment span.content textarea {
    resize: vertical;
    width: calc(100% - 35px);
    padding: 0;
    height: 35px;
}

div.addComment span.content span {
    bottom: 6px;
    color: #2730aa;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
}

div.addComment span.content {
    display: inline-block;
    width: 83%;
    max-width: 510px;
    position: relative;
}

.blockedUserIcon {
    vertical-align: bottom;
    width: 15px;
    height: 15px;
}

.calendar-container {
    margin-left: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.icon-type-container {
    display: flex;
    flex-flow: column;
    float: left;
}

.icon-type-element {
    margin-top: 15px;
}

.lbl-icon-type {
    float: left;
    margin-top: 15px;
}

.lbl-belt-bg {
    margin-top: 12px;
}

.lbl-icon-type, .lbl-belt-bg {
    display: inline-block;
    min-width: 110px;
}

.img-icon-preview {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

textarea.taHtml {
    visibility: hidden;
}

.htmlField textarea {
    min-height: 250px;
}

.tableHtmlField {
    min-width: 500px;
}

.dialogButtons {
    text-align: center;
}

    .dialogButtons button {
        margin: 10px;
    }

div.PopupMainContainer {
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 10px;
}

div.PopupButtonsContainer {
    padding-bottom: 10px;
    text-align: center;
}

.tableScroll {
    position: fixed;
    bottom: 0px;
    overflow-x: auto;
}

.tableScrollInner {
    height: 25px;
}

.btn-toolbar-mobile {
    width: 50px;
    height: 72px;
    display: inline-block;
    line-height: 72px;
    text-align: center;
    font-size: 25px;
    color: gray;
}

.btn-exp {
    position: absolute;
}

    .btn-exp::before {
        content: "\e114";
    }

.btn-collapse::before {
    content: "\e113";
}

#extra-buttons {
    display: none;
}

#main-buttons {
    display: inline-block;
    width: calc(100% - 50px);
    overflow: hidden;
    overflow-x: auto;
}

#extra-buttons div {
    display: inline-block;
}

#extra-buttons .UserContextMenuItemHorizontalFixed {
    width: 66px;
}

.btns-all-shown {
    width: 100%;
    white-space: normal;
    height: auto;
    text-align: center;
}

#MobileToolbar {
    display: none;
}

.main-edit-div {
    float: left;
    width: 100%;
}

.main-right {
    width: 50%;
    float: left;
}
/*
@media screen and (max-device-width: 1000px), screen and (max-width: 1000px) {
   
    .header,
    .headerSpacer,
    #container-mobile-toolbar
    {
        display: none;
    }

    .main-edit-div
    {
        display: none;
    }
}*/

.document-preview {
    background-color: #333333;
    opacity: 0.8;
    overflow: auto;
    width: 100%;
    position: relative;
}

.preview-image-container {
    position: relative;
    width: 100%;
    margin-top: 15px;
}

.document-preview-section {
    padding-top: 48px;
    position: relative;
}

.document-preview-toolbar {
    border: none;
    z-index: 9999;
    top: 0;
    height: 48px;
    position: absolute;
    background-color: #000;
    width: 100%;
    text-align: center;
    left: 50%;
    display: inline !important;
    font-size: 16pt;
    color: #fff;
    left: 0;
    line-height: 48px;
    font-family: "Segoe UI Regular WestEuropean","Segoe UI",Tahoma,Arial,sans-serif;
}

    .document-preview-toolbar .current {
        display: inline-block;
        width: 32px;
        line-height: 30px;
        margin-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #000;
        background-color: #fff;
    }

    .document-preview-toolbar .page-numbers {
        float: left;
    }

    .document-preview-toolbar .total {
        margin-left: 5px;
    }

    .document-preview-toolbar .button {
        width: 120px;
        cursor: pointer;
        float: left;
        height: 48px;
    }

        .document-preview-toolbar .button span {
            line-height: 48px;
            border: none;
        }

        .document-preview-toolbar .button:hover {
            background-color: #444;
        }

        .document-preview-toolbar .button.small {
            width: 48px;
        }

    .document-preview-toolbar .button-right {
        float: right;
    }

.document-preview-image {
}


.glyphicon-download-alt::before {
    content: "\e025";
}

.glyphicon-zoom-in::before {
    content: "\e015";
}

.glyphicon-zoom-out::before {
    content: "\e016";
}

.glyphicon-chevron-up::before {
    content: "\e113";
}

.glyphicon-chevron-down::before {
    content: "\e114";
}

.glyphicon-plus::before {
    content: "\2b";
}

.glyphicon-minus::before {
    content: "\2212";
}

.glyphicon-remove::before {
    content: "\e014";
}

.glyphicon-alert::before {
    content: "\e209";
}

.glyphicon-trash::before {
    content: "\e020";
}

.glyphicon-copy::before {
    content: "\e205";
}

.glyphicon-refresh::before {
    content: "\e031";
}

.glyphicon-cog::before {
    content: "\e019";
}

.glyphicon-search:before {
    content: "\e003";
}

.forwardRow {
    width: 100%;
    margin-bottom: 5px;
}

.UserContextMenuItemHorizontal {
    width: 30%;
    height: 79%;
    padding: 1.6%;
    display: block;
    float: left;
    text-align: center;
}

    .UserContextMenuItemHorizontal:hover {
        background-color: rgb(234, 234, 234);
        text-decoration: none;
        color: #FFFFFF;
        border: none;
    }

.store-info-text {
    width: 100%;
}


.select2-container input {
    font-size: 16px;
}

div.new-group, div.new-dictionary {
    margin-top: 10px;
}

div.new-groups, div.new-dictionaries {
    margin-top: 10px;
}

span.select2-amod-group-button {
    margin-left: 4px;
    border-radius: 10%;
    padding: 6px 6px 6px 6px;
    background-color: initial;
    border: 1px solid grey;
    cursor: pointer;
}

    span.select2-amod-group-button:hover {
        background-color: rgb(234,234,234);
    }

    span.select2-amod-group-button:active {
        background-color: rgb(162, 162, 162);
    }

div.dictionary-examplary-items {
    margin-left: 50px;
}

a.dict-positions-toggle {
    margin-left: 10px;
}

.required-container {
    width: 100%;
    padding: 7px 0;
    background-color: #FE2E2E;
    color: white;
}

    .required-container .fields-list {
        display: inline;
    }

.fields-list .required-field {
    cursor: pointer;
}

.required-container .text-required-fields {
    font-weight: bold;
    margin-left: 20px;
}

.fields-list span {
    font-style: italic;
}

.fields-show-more {
    cursor: pointer;
}

#procedure-left {
    width: 400px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    display: none;
    position: absolute;
    background-color: #FFFFFF;
}

.proc-content {
    width: calc(100% - 160px);
    float: right;
}

.proc-tabs {
    color: rgb(102, 102, 102);
    line-height: 26px;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 1px;
    /*height: calc(100vh - 51px);*/
    overflow-y: auto;
    vertical-align: middle;
    width: 160px;
    float: left;
}

#procedures .proc-tab {
    height: 26px;
    vertical-align: middle;
    padding-left: 15px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: transparent;
    color: rgb(102, 102, 102);
    cursor: pointer;
    display: inline-block;
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    width: calc(100% - 15px);
}

.proc-tabs > div:hover {
    background-color: rgba( 205,230,247,0.5 );
    border-right: 1px solid white;
}

.proc-active-tab {
    background-color: rgba(233, 233, 233, 0.780392);
    color: #666666;
    border-bottom: 1px solid rgba(233, 233, 233, 0.780392);
}


.required-container {
    width: 100%;
    padding: 7px 0;
    background-color: #FE2E2E;
    color: white;
}

    .required-container .fields-list {
        display: inline;
    }

.fields-list .required-field {
    cursor: pointer;
}

.required-container .text-required-fields {
    font-weight: bold;
    margin-left: 20px;
}

.fields-list span {
    font-style: italic;
}

.fields-show-more {
    cursor: pointer;
}




input[type="button"].go-to-new-editor {
    margin-right: 12px;
    margin-top: -3px;
    width: 200px;
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    input[type="button"].go-to-new-editor:hover,
    input[type="button"].go-to-new-editor:active {
        background-color: #367fa9;
    }

.requiredHidden {
    display: none;
}

.TestVersion {
    display: block;
    font-size: large;
    height: 2em;
    line-height: 2em;
    background-color: khaki;
    color: grey;
    text-align: center;
}


.CaseSub .Indented {
    margin-left: 60px;
}


.UploadFile span {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}

#activity-queue-main.user-settings-logs {
    overflow: hidden;
}

#authenticationInfo {
    float: left;
    line-height: 50px;
    margin-right: 10px;
}

    #authenticationInfo.red {
        color: red;
    }

.link-case-dict {
    color: blue;
    text-decoration: underline;
    width: 100%;
    min-height: 20px;
    display: inline-block;
    line-height: 20px;
}

.pretext {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.calendarevent {
    max-height: 45px;
    overflow: hidden;
    margin: 2px;
}

.clearfix:after {
    clear: both;
    display: table;
    content: " ";
}

.btn {
    border: 1px solid transparent;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.42857143;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    text-decoration: none;
    box-sizing: border-box;
}

    .btn.btn-flat {
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-width: 1px;
    }

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.btn-oauth {
    width: 100%;
}

    .btn-oauth {
        padding-left: 2px;
    }
        .btn-oauth:first-child {
            padding-left: 0px;
        }
    .btn-oauth a {
        text-align: center;
    }

.btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    margin-top: -2px;
    border-right: 1px solid rgba(0,0,0,0.2);
}

@media (max-width: 400px) {
    .btn-social {
        padding-left: 26px;
        padding-right: 6px;
        text-overflow: unset;
    }

        .btn-social > :first-child {
            width: 24px;
        }
}

.social-auth-links {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.btn-microsoft {
    color: #ffffff !important;
    background-color: #2672ec;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-microsoft:focus,
    .btn-microsoft.focus {
        color: #ffffff !important;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:hover {
        color: #ffffff !important;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        color: #ffffff !important;
        background-color: #125acd;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-microsoft:active,
    .btn-microsoft.active,
    .open > .dropdown-toggle.btn-microsoft {
        background-image: none;
    }

    .btn-microsoft .badge {
        color: #2672ec;
        background-color: #ffffff;
    }

.btn-google {
    color: #ffffff !important;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-google:focus,
    .btn-google.focus {
        color: #ffffff !important;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:hover {
        color: #ffffff !important;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        color: #ffffff;
        background-color: #c23321;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-google:active,
    .btn-google.active,
    .open > .dropdown-toggle.btn-google {
        background-image: none;
    }

    .btn-google .badge {
        color: #dd4b39;
        background-color: #ffffff;
    }

.btn-facebook {
    color: #ffffff !important;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-facebook:focus,
    .btn-facebook.focus {
        color: #ffffff !important;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:hover {
        color: #ffffff !important;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        color: #ffffff !important;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-facebook:active,
    .btn-facebook.active,
    .open > .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook .badge {
        color: #3b5998;
        background-color: #ffffff;
    }

.btn-openid {
    color: #fff;
    background-color: #f7931e;
    border-color: rgba(0, 0, 0, 0.2);
}

    .btn-openid:focus,
    .btn-openid.focus {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:hover {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        color: #fff;
        background-color: #da7908;
        border-color: rgba(0, 0, 0, 0.2);
    }

    .btn-openid:active,
    .btn-openid.active,
    .open > .dropdown-toggle.btn-openid {
        background-image: none;
    }

    .btn-openid .badge {
        color: #f7931e;
        background-color: #fff;
    }


.hidden {
    display: none;
}

.export-settings-disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #c0c0c0;
    background-color: #ffffff;
}

.export-settings-frame {
    border: 1px solid #62A1EE;
    background-color: #FFFFFF;
    width: 400px;
    height: 250px;
}

.export-settings-container .colDesc {
    min-width: 150px;
}

.export-settings-container select {
    width: 150px;
}

a.export-xslt-button:link {
    font-family: 'Segoe UI', Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

a.export-xslt-button:hover {
    color: black;
}

#divFireRules .fire-rules-btns {
    margin-bottom: 20px;
}

.xml-file-link {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.edit-report {
    float: left;
    margin: 10px;
    cursor: pointer;
}

.details-link {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.htmleditortext {
    border: 1px solid #666;
    padding: 5px;
    margin-bottom: 5px;
}

.ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block
}

.ajax__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block
}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 4px;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 3px;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll
}

.ajax__scroll_auto {
    overflow: auto
}

.SystemParamName {
    width: 250px;
}

.paramsSearch {
    line-height: 90px;
    float: left;
    margin-left: 10px;
}

    .paramsSearch a {
        margin-left: 5px;
        margin-right: 5px;
    }

.selectedParam {
    text-decoration: underline;
    background-color: gold;
}

.sub-level {
    margin-left: 25px;
}

.additional-info {
    margin-top: 10px;
}

.change-btn {
    margin-left: 5px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.select-att-field {
    width: 129px;
}

.att-after-create {
    float: left;
    margin-right: 5px;
}

#archive-path {
    margin-top: 25px;
}

.registry_editor_overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    overflow: auto;
    background-color: rgba(0, 0, 0, .4);
}

.registry_editor_overlay_inner {
    height: 90vh;
    width: 90vw;
    background-color: rgba(255, 255, 255, 1);
    margin: auto;
    margin-top: 2vh;
}

.registry_editor_overlay_div {
    width: 100%;
    height: calc(100% - 0px);
}

.history-job-status-container {
    width: 700px;
    display: inline-block;
}

.history-job-status {
    display: inline-block;
    margin-top: 11px;
    font-weight: bold;
    font-style: italic;
    font-size: 12px;
}

.history-job-stopped {
    color: red;
}

#graphEditor h1 {
    text-align: center;
}
.resetPasswordContainer, .registerContainer {
    top: 150px;
    width: 329px;
}
    .resetPasswordContainer #imgLogo, .registerContainer #imgLogo {
        width: 300px;
    }
    .resetPasswordContainer h2, .registerContainer h2 {
        font-size: 16px;
        margin-top: 30px;
        width:90%;
    }
    .resetPasswordContainer .loginPanel, .registerContainer .loginPanel {
        text-align: left;
    }
    .resetPasswordContainer label, .registerContainer label {
        margin-top: 30px;
    }
    .registerContainer label {
        font-size: 14px;
    }
        .resetPasswordContainer input {
            border-radius: 3px;
            font-size: 14px !important;
            margin-bottom: 15px;
        }
    .registerContainer input {
        border-radius: 3px;
    }
        .resetPasswordContainer input:not([type="submit"]) {
            color: rgb(0, 0, 0);
            border-color: rgb(229, 229, 229) !important;
            padding: 8px 10px 8px 10px !important;
            margin-bottom: 15px;
        }
        .resetPasswordContainer input[type="checkbox"] {
            margin-bottom: 0px;
            height: auto!important;
        }
        .resetPasswordContainer input.btn-orange, .registerContainer input.btn-orange {
            color: #ffffff;
            background-color: #FF6F00;
            border-color: #FF6F00;
            text-transform: uppercase;
            padding: 0px !important;
            width: 329px;
            margin-top: 30px;
        }
    .resetPasswordContainer p {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .resetPasswordContainer button.btn-orange {
        border-radius: 3px;
        height: 34px !important;
        font-size: 14px !important;
        margin-bottom: 15px;
        color: #ffffff;
        background-color: #FF6F00;
        border-color: #FF6F00;
        text-transform: uppercase;
        padding: unset;
        width: 329px;
    }
.btn-orange:disabled, .btn-orange[disabled] {
    filter: grayscale(1);
    cursor: not-allowed !important;
}
    .resetPasswordContainer .font-small,
    .resetPasswordContainer .font-small label,
    .resetPasswordContainer .font-small a {
        font-size: 12px !important;
        color: #000000;
    }
.width-100 {
    width: 100%;
}

div.minor-title {
    text-align: center;
    position: relative;
    padding: 10px 0px 10px 0px;
}

hr.minor-title-line {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: rgb(211,211,211);
    border: 0px;
    height: 1px;
    background-color: rgb(229, 229, 229);
}

div.minor-title-text {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -20px;
}

    div.minor-title-text span {
        background: white;
        padding: 0px 20px 0px 20px;
    }


.AmodColorPicker {
    position:absolute;
    z-index:10000;
    background:white;
    border: 1px solid #aaa;
}

.AmodColorPickerCanvas {
    background:gray;
}
li.multiline {
    white-space: pre-wrap;
}

.centered-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.scrollable-modal {
    overflow-y: scroll;
    max-height: 70vh;
}

.dimmed {
    opacity: 60%;
}

.dimmed:hover {
    opacity: 100%;
}

.history-mdi-small {
    font-size: 16px;
}

.wrap-long-text {
    word-break: break-all;
}

.bottom-margin-16px {
    margin-bottom: 16px;
}
.divseparator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 10px 0px;
}

    .divseparator::before,
    .divseparator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #ddd;
    }

    .divseparator:not(:empty)::before {
        margin-right: .25em;
    }

    .divseparator:not(:empty)::after {
        margin-left: .25em;
    }

.PrcAnonymizationChx {
    display: flex;
    align-items: center;
}