html {
    font-family: Tahoma
}

BODY {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

TABLE, INPUT {
    font-family: Tahoma;
    font-size: 12px
}

UL {
    margin: 0;
    padding: 0
}

A IMG {
    border: 0
}

.DG {
    width: 100%
}

.Part {
    width: 100%
}

.Button {
    background-color: #add8e6;
    border: solid 1px #00008b;
    width: 120px;
    font-family: Tahoma
}

.Header {
    margin-top: 10px;
    font-weight: 700;
    display: block
}

.Date {
    font-size: 12px;
    direction: ltr;
    unicode-bidi: embed
}

.HeadLine {
    font-size: 12px;
    display: block
}

.Caption {
    font-weight: 700
}

.FoundInFile img {
    vertical-align: text-bottom
}

.ItemCount {
    font-size: 12px;
    font-weight: 700
}

.Size {
    direction: ltr;
    unicode-bidi: embed
}

.PicutreThumb {
    width: 160px;
    height: 170px;
    text-align: center;
    border: dashed 1px #d3d3d3
}

.Number {
    display: block
}

.List {
    margin: 3px
}

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

.ListContent {
    vertical-align: top
}

.View {
    margin: 5px
}

.ViewPicture {
    vertical-align: top
}

.ViewContent {
    vertical-align: top;
    width: 100%;
    padding-right: 10px
}

.View .Summary {
    display: block;
    margin-bottom: 20px
}

.View .HeadLine {
    font-size: medium;
    display: block
}

.View .Title {
    display: block;
    font-size: medium;
    font-weight: 700;
    margin-bottom: 20px
}

.View .Content {
    display: block
}

.View .Refrence {
    margin-top: 20px
}

.View .List .Title {
    font-size: 12px;
    font-weight: 400
}

.News .ListContent UL {
    list-style-type: none;
    margin-right: 0
}

.Advertisment .ListPicture {
    width: 100%;
    padding: 0
}

.GeneralText .ListPicture {
    width: 0;
    padding: 0
}

.GeneralText .ListContent {
    width: 99%;
    padding: 0
}

.GeneralText {
    margin: 0;
    padding: 0
}

.Person .Organization {
    display: block
}

.Person .Job {
    display: block
}

.Contact .Telephone {
    display: block
}

.Contact .Address {
    display: block
}

.Contact .Email {
    display: block
}

.Language .LanguageIcon {
    color: #fff;
    background-color: #00008b
}

.VideoConferenceRoomSender {
    width: 300px
}

.VideoConferenceRoomPanel {
    width: 200px;
    height: 150px
}

.VideoConferenceRoomReceiver {
    height: 500px;
    background-color: #000
}

.VideoConferenceRoomReceiverList {
    background-color: navy;
    color: lime
}

.VideoConferenceRoomReceiverList .Caption {
    font-weight: 700
}

.VideoConferenceRoomReceiverList .ListCaption {
    font-weight: 700
}

.VideoChatSender {
    width: 300px
}

.VideoChatPanel {
    width: 200px;
    height: 150px
}

.VideoChatReceiver {
    height: 500px;
    background-color: #000
}

.VideoChatReceiverList {
    background-color: navy;
    color: lime
}

.VideoChatReceiverList .Caption {
    font-weight: 700
}

.VideoChatReceiverList .ListCaption {
    font-weight: 700
}

.VideoReceiver {
    background-color: #000
}

.VideoReceiverInfo {
    color: #fff;
    text-align: right
}

.VideoReceiverPanel {
    text-align: center
}

.NewsTop .ListContent .HeadLine {
    font-family: tahoma;
    font-size: 12px;
    font-weight: 400
}

.NewsTop .ListContent .Title {
    font-family: arial;
    font-size: 12px;
    font-weight: 700
}

.NewsSecondary .ListContent .HeadLine {
    font-family: tahoma;
    font-size: 12px;
    font-weight: 400
}

.NewsSecondary .ListContent .Title {
    font-family: arial;
    font-size: 12px;
    font-weight: 700
}

.DivHintCssClass {
    background-color: #f5f5f5;
    width: 50%;
    border: solid 1px gray;
    position: absolute;
    padding: 5px
}

.Search .Path {
    color: green
}

.NotificationBar {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fc6;
    color: #000;
    font-family: Tahoma;
    font-size: 9pt;
    border: 1px solid #d3d3d3;
    padding: 5px;
    padding-top: 2px
}

.Error {
    color: #c00000
}

.LoginPicture {
    display: none
}

.SearchText {
    font-family: tahoma;
    font-size: 12px;
    width: 100%;
    height: 22px
}

.SearchButton {
    background-image: url(../Images/Search1.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px
}

.SearchButtonSize {
    width: 60px;
    height: 20px
}

.eShopCategoryHeader {
    background-color: #f2f2e8;
    width: 100%;
    height: 30px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #ccc;
    color: #5d5d5d
}

.eShopProductHeader {
    background-color: #f2f2e8;
    width: 100%;
    height: 30px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #ccc;
    color: #5d5d5d
}

.eShopCardHeader {
    background-color: #f2f2e8;
    width: 100%;
    height: 30px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #ccc;
    color: #5d5d5d
}

.eShopPager {
    background-color: #f2f2e8;
    width: 100%;
    height: 25px;
    font-weight: 700;
    text-align: center
}

.eShopTreeView {
    font-weight: 700
}

.eShopTreeViewSelectedNode {
    font-weight: 700;
    background-color: #eef0f3
}

.eShopSearchHeader {
    background-color: #f2f2e8;
    font-weight: 700;
    vertical-align: bottom;
    border: solid 1px #ccc;
    height: 30px;
    text-align: center;
    color: #5d5d5d
}

.eShopSearchBar {
    border: solid 1px #ccc;
    border-top: none;
    padding-right: 8px
}

.eShopTrackingBar {
    height: 35px;
    vertical-align: bottom;
    border: solid 1px #ccc;
    border-top: none;
    border-bottom: none;
    width: 100%
}

.eShopSearchTitle {
    width: 70px
}

.eShopTrackingButton {
    background: url(../Images/Search1.gif) no-repeat center middle;
    width: 30px;
    height: 20px
}

.eShopTreeViewHoverNode {
}

.eShopTreeViewLeafNode {
}

.eShopTreeViewNode {
}

.eShopTreeViewParentNode {
}

.eShopTreeViewRootNode {
}

.eShopCategoryBar {
    border: solid 1px #ccc;
    border-top: none;
    overflow: auto;
    height: 400px
}

.eShopProductPanel {
    width: 100%;
    text-align: center;
    border: solid 1px #ccc;
    border-top: none
}

.eShopProductCell {
    width: 200px;
    min-height: 250px;
    border: 1px solid #ccc;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    padding: 2px;
    zoom: 1;
    *display: inline;
    _height: 250px
}

.eShoppart-c h2 {
    font-size: 9pt
}

.eShoppart-c h4 {
    font-size: 8pt
}

.eShopProductCell h1 {
    font-size: 9pt
}

.eShopProductCell h2 {
    font-size: 8pt
}

.CurrentCategoryOnNavigator {
    font-size: 9pt;
    display: inline-block
}

.eShopPrice {
}

.eShopCurrency {
}

.eShopCardPanel {
    border: solid 1px #ccc
}

.eShopCardDG {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #aac
}

.eShopCardDGItem {
    text-align: center;
    font-size: 8pt;
    color: #666;
    background-color: #eef0f3;
    behavior: url(Script/hilite.html)
}

.eShopCardDGHeader {
    font-weight: 600;
    font-size: 8pt;
    color: #fff;
    height: 21px;
    text-align: center;
    background-color: #889dca
}

.eShopCardDGAlt {
    text-align: center;
    font-size: 8pt;
    color: #666;
    behavior: url(Script/hilite.html);
    background-color: #f4f4f4
}

.eShopCardDGItem:hover {
    background-color: #b0d2df;
    color: #3b6798
}

.eShopCardDGAlt:hover {
    background-color: #b0d2df;
    color: #3b6798
}

.eShopCardDGPage {
    direction: ltr;
    font-weight: 400;
    font-size: 8pt;
    word-spacing: 5pt;
    text-align: center;
    height: 22px
}

.eShopCardDGFooter {
    text-align: center;
    font-weight: 400;
    font-size: 8pt;
    height: 22px;
    color: #ffc
}

.eShopCardDGSelect {
    text-align: center;
    font-size: 8pt;
    behavior: url(Script/hilite.html);
    background-color: #fff;
    border-top: solid 1px #3b6798;
    border-bottom: solid 1px #3b6798;
    color: #3b6798
}

.eShopCardDGEdit {
    text-align: center;
    font-size: 8pt;
    behavior: url(Script/hilite.html);
    background-color: #fff;
    border-top: solid 1px #3b6798;
    border-bottom: solid 1px #3b6798;
    color: #3b6798
}

.eShopButton {
    font-size: 8pt;
    font-family: Tahoma;
    font-weight: 700;
    text-align: center;
    height: 22px;
    color: #fff;
    width: 100px;
    border: solid 1px #99c;
    background-color: #7187c1
}

.eShopSearchButton {
    font-size: 8pt;
    font-family: Tahoma;
    font-weight: 700;
    text-align: center;
    height: 22px;
    color: #5d5d5d;
    width: 100px;
    border: solid 1px #5d5d5d;
    background-color: #f2f2e8
}

.eShopBrandGroup {
    background-color: #c7dfe5
}

.eShopBrandItem {
    background-color: #fff
}

.HitCounters {
    display: inline-block;
    clear: both;
    float: right;
    white-space: nowrap
}

.HitCounters_Hit {
    display: inline-block;
    float: right
}

.SearchInputWrapper, .SearchButton {
    display: table-cell;
    width: 100%;
    vertical-align: top
}

.site_footer {
    width: 100%;
    background-color: #eaeaea
}

.site_footer_right {
    width: 33%;
    text-align: right;
    font-size: 8pt;
    color: gray
}

.site_footer_middle {
    width: 34%;
    text-align: center
}

.site_footer_left {
    width: 33%;
    direction: ltr;
    text-align: left
}

.site_footer_left span {
    font-size: 8pt;
    color: gray;
    direction: ltr
}

.site_footer_right a {
    font-size: 8pt;
    color: gray
}

.Form_UpdateProgress {
    background-color: #000;
    background-image: url('../images/WebPart/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

.EditForm_UpdateProgress {
    background-color: #000;
    background-image: url('../images/WebPart/loading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    z-index: 200
}

.InstantSearchImage {
    display: none;
    border: 0 none;
    position: absolute;
    margin-right: 7px
}

.CustomFormButtons {
    cursor: pointer
}

.CustomFormButtons:hover {
    background-color: #0555a5 !important
}

.CustomFormButtons:disabled {
    background-color: #868686 !important;
    cursor: default !important
}

.ActionProgressBarTitle {
    font-family: Tahoma;
    font-size: 8pt
}

.ui-dialog-titlebar-close {
    background-image: url('../Images/WebPart/Close.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 23px;
    width: 23px;
    border: 0 none
}

.ui-dialog {
    background-color: #eaeaea;
    padding: 10px
}

table.pagerContainer {
    float: right;
    width: 100%;
    display: block
}

table.pagerContainer tbody {
    display: block;
    width: 100%;
    float: right;
    text-align: center
}

table.pagerContainer tr {
    width: 50%;
    display: block;
    float: right
}

a.PageNumber, .CurrentPage {
    background: #fafafa;
    border: 1px solid #ddd !important;
    border-radius: 2px;
    display: block;
    padding: 0 5px;
    text-align: right;
    margin: 2px;
    text-decoration: none;
    color: #222
}

a.PageNumber:hover, .CurrentPage:hover {
    background: none repeat scroll 0 0 #666;
    border: 1px solid #222;
    border-radius: 5px;
    color: #fafafa
}

.SearchArchiveResultTitle {
    background: #666;
    text-align: right;
    display: block;
    margin: 10px;
    color: #fff;
    width: 98%;
    padding: 3px;
    font-weight: bold
}

.div_PanelSearch .SearchArchiveTitle span {
    color: #fff;
    text-align: center
}

.div_PanelSearch .SearchDataList_Picturediv {
    float: right;
    margin-right: 20px;
    width: 39%
}

.div_PanelSearch .divSearch_BodyGrid {
    border-top: 1px solid #aaa;
    float: right;
    margin-right: 12px;
    position: relative;
    width: 100%;
    max-width: 95%
}

.div_PanelSearch .divSearch_ImgGrid {
    float: right;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px
}

.div_PanelSearch .divSearch_DataInGrid {
    float: right;
    margin-bottom: 23px;
    width: 85%
}

.div_PanelSearch .SearchSummary {
    font-size: 13px
}

.div_PanelSearch .SearchDate {
    color: #999;
    font-size: 12px
}

.div_PanelSearch .divSearch_DataInGrid a {
    text-decoration: none;
    font-size: 13px;
    text-align: right
}

.div_PanelSearch .SearchLink {
    color: #003;
    font-size: 12px;
    margin: 10px;
    text-decoration: none;
    float: left
}

.div_PanelSearch .SearchAllTotalFound {
    color: #003;
    font-size: 12px;
    margin: 10px;
    text-decoration: none;
    float: right
}

.div_PanelSearch .GridPagingStyle {
    text-align: center
}

.divSearch_DataInGrid > div {
    width: 100%;
    float: right;
    text-align: right !important
}

.dynamic-form-td .treeAdvancedAjax_combo {
    color: #8c8c8c;
    font-size: 12px;
    line-height: 2.5;
    height: 30px;
    border: 1px #ccc solid;
    padding: 0;
    display: inline-block;
    margin: 4px 0;
    text-indent: 5px;
    width: 98% !important;
    border-radius: 5px
}

.dynamic-form-td .treeAdvancedAjax_combo .treeAdvancedAjax_combo_icon {
    height: 25px
}

.dynamic-form-td .treeAdvancedAjax_comboDetail {
    border: 1px #ccc solid
}

.MonthBar input[type=submit] {
    width: 25px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0
}

.SearchFormField {
    font-family: tahoma;
    width: 80%
}

.dynamic-form-validator-requiredfield {
    color: red
}

.search-keyword1 {
    background-color: #dae129
}

.search-keyword2 {
    background-color: #39c
}

.search-keyword3 {
    background-color: #4ccc33
}

.search-keyword4 {
    background-color: #865ab2
}

.search-keyword5 {
    background-color: #9ccc33
}

.RequiredStar {
    color: red
}

.dynamic-form-previewimage {
    width: 60px;
    height: 60px
}

@media print {
    @page {
        size: landscape
    }

    a[href]:after {
        content: none
    }

    abbr[title]:after {
        content: none
    }

    * {
        font-size: 13px !important
    }

    .SiPo-Menu {
        display: none !important
    }
}

.placeholderTextDirectionRight::-webkit-input-placeholder {
    text-align: right
}

.placeholderTextDirectionRight::-moz-placeholder {
    text-align: right
}

.placeholderTextDirectionRight:-ms-input-placeholder {
    text-align: right
}

.placeholderTextDirectionRight placeholder {
    text-align: right
}

.placeholderTextDirectionLeft::-webkit-input-placeholder {
    text-align: left
}

.placeholderTextDirectionLeft::-moz-placeholder {
    text-align: left
}

.placeholderTextDirectionLeft::-moz-placeholder {
    text-align: left
}

.placeholderTextDirectionLeft:-ms-input-placeholder {
    text-align: left
}

.placeholderTextDirectionLeft placeholder {
    text-align: left
}

select.dynamic-form-dropdown:disabled {
    background-color: #ebebe4
}

.newsarchive_to_lbl {
    width: 30px;
    display: inline-block
}

.newsarchive_from_lbl {
    width: 30px;
    display: inline-block
}

.newsarchive_table {
    width: 300px
}

.newsarchive_from_day_ddl {
    width: 40px
}

.newsarchive_from_month_ddl {
    width: 80px
}

.newsarchive_from_year_ddl {
    width: 80px
}

.newsarchive_to_day_ddl {
    width: 40px
}

.newsarchive_to_month_ddl {
    width: 80px
}

.newsarchive_to_year_ddl {
    width: 80px
}

.newsarchive_view_btn {
    border: none;
    background-color: #008dff;
    padding: 4px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}

.searchableComboBox {
    display: inline-block
}

.SiPoSearchableClientComboBox {
    -webkit-appearance: button !important;
    -webkit-border-radius: 2px !important;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1) !important;
    -webkit-padding-end: 20px !important;
    -webkit-padding-start: 2px !important;
    -webkit-user-select: none !important;
    font-family: Tahoma !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 5px 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.Formlogin_ValidationError {
    font-family: tahoma;
    font-size: 11px;
    color: red
}

.Formlogin_CaptchaLabel {
    display: block;
    font-family: tahoma;
    font-size: 11px
}

.Formlogin_Error {
    font-family: tahoma;
    font-size: 11px;
    color: red;
    display: block
}

.Formlogin_Welcome {
    font-family: tahoma;
    font-size: 11px
}

.Formlogin_UserDisplayName {
    font-family: tahoma;
    font-size: 11px
}

.Formlogin_ChangePassword {
    font-family: tahoma;
    font-size: 11px
}

.Formlogin_RefreshStyle {
    background: url(../images/Refresh.gif) no-repeat top left;
    border: none;
    cursor: pointer
}

.Formlogin_captcha_err {
    color: red;
    display: none
}

.FormChangePassword_ValidationError {
    font-family: tahoma;
    font-size: 11px;
    color: red
}

.FormChangePassword_Message {
    font-family: tahoma;
    font-size: 11px;
    color: red
}

.Formlogin_ChangePassword {
    font-family: tahoma;
    font-size: 11px
}

.Formlogin_InputTextBoxCaptcha {
    display: block
}

.ui-dialog-titlebar {
    text-align: left
}

.Formlogin_logindialog {
    max-width: 100%;
    cursor: pointer
}

.Formlogin_loginpopuppic {
    max-width: 100%;
    cursor: pointer
}

.Formlogin_captcha_image {
    margin-top: 6px;
    margin-bottom: 6px
}

.Formlogin_mainDialog {
    position: absolute;
    background-color: #eaeaea;
    padding: 5px;
    width: 350px;
    z-index: 999
}

.Formlogin_close_box {
    float: left;
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px;
    color: #000
}

.ChangePassword_CahngePasswordButton {
    margin-right: 1px !important
}

.ChangePassword_ReturnButton {
    position: relative;
    top: -40px;
    left: -112px;
    margin-bottom: -7px
}

.is-invalid {
    border: 1px solid red !important
}

.is-valid {
    border: 1px solid #2b7e35 !important
}

.ClientDuplicateClickMessage {
    display: none
}

span.dynamic-form-validator {
    font-size: 12px;
    line-height: 2;
    background: #ffdcdc url(../images/Alert.png) no-repeat 98% 4px;
    color: #c80000 !important;
    padding: 5px 30px 5px 5px;
    margin: 2px 0
}

.errorMessageCaptchaValidator {
    display: block
}

.FormTitle:empty {
    display: none
}

@media (max-width: 1023px) {
    .GENERALTEXT tr, .GENERALTEXT tr td, .GENERALTEXT tr td .List, .GENERALTEXT tr td .List tr, .GENERALTEXT tr td .List tr .ListContent {
        vertical-align: top;
        width: auto;
        display: inline-table;
        text-align: inherit
    }

    .part-center table.dg, .part-center .dg tbody, .part-center .dg tr, .part-center .dg td {
        display: block;
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
        text-align: center;
        border: none !important
    }

    .part-center table, .part-center .dg, .Summary table {
        text-align: center;
        margin: auto;
        display: block;
        width: 100% !important
    }

    .part-center .ListPicture, .part-center .ListContent {
        margin: auto;
        text-align: center;
        width: auto
    }

    .part-control > table, .part-control table, .part-control tbody, .part-center > table, .part-center table, .part-center tbody {
        width: 100%;
        border-collapse: collapse;
        height: auto !important;
        display: block;
        text-align: center
    }

    .part-control tr, .part-control tr, .part-center tr {
        height: auto !important;
        width: 100%
    }

    .part-control th, .part-control th, .part-center th {
        height: auto !important
    }

    .part-control > table::after, .part-control > table > tbody::after, .part-control > table > tbody > tr::after, .part-control > table > tbody > tr > td::after, .part-control > table::after, .part-control > table > tbody::after, .part-control > table > tbody > tr::after, .part-control > table > tbody > tr > td::after, .part-center > table::after, .part-center > table > tbody::after, .part-center > table > tbody > tr::after, .part-center > table > tbody > tr > td::after, .part-center > table::after, .part-center > table > tbody::after, .part-center > table > tbody > tr::after, .part-center > table > tbody > tr > td::after {
        display: block;
        clear: both;
        content: ''
    }

    .part-control table, .part-control thead, .part-control tbody, .part-control th, .part-control td, .part-control tr, .part-control table, .part-control thead, .part-control tbody, .part-control th, .part-control td, .part-control tr {
        display: block
    }

    .part-control thead tr, .part-control thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .part-control td, .part-control td {
        border: none;
        position: relative;
        padding-left: 1%
    }

    .part-control td:before, .part-control td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .part-control table span, .part-control table span {
        position: relative;
        max-width: 100%;
        width: auto;
        height: auto;
        display: inline-block
    }

    .part-control td.FormField.dynamic-form-td, .part-control td.FormField.dynamic-form-td {
        width: 100%
    }

    .part-control table, .part-control table {
        margin: 20px 0
    }

    .part-control table, .part-control thead, .part-control tbody, .part-control th, .part-control td, .part-control tr {
        display: block
    }

    .part-center table, .part-center thead, .part-center tbody, .part-center th, .part-center td, .part-center tr {
        display: block;
        width: 100%
    }

    .PageNumber + td, .PageNumber + td + td {
        width: auto !important;
        display: table-cell !important
    }

    .part-control thead tr, .part-center thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .part-control td, .part-center td {
        position: relative;
        padding-left: 1%
    }

    .part-control td:before, .part-center td:before {
        position: absolute;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .part-control td.FormField.dynamic-form-td, .part-center td.FormField.dynamic-form-td {
        width: 100%
    }
}

.Login {
    width: 100%
}

.Login table, .Login tbody, .Login tr, .Login td {
    display: block;
    width: 100%;
    text-align: center
}

.SiPo-FORM .dynamic-form-Ajaxfileupload {
    height: auto
}

.SiPo-FORM div.border div.title {
    font-weight: bold
}

.SiPo-FORM .treeAdvancedAjax_comboDetail {
    position: absolute !important;
    left: inherit !important
}

.SiPo-FORM .ListData {
    text-align: right;
    list-style: none
}

.SiPo-FORM table.dg td.FormField, .SiPo-FORM .dg tr.DGItem td, .SiPo-FORM .dg tr.DGAlt td {
    line-height: 1.5;
    text-align: right;
    vertical-align: middle
}

.SiPo-FORM .dynamic-form-textbox-caption:focus {
    outline: none
}

.SiPo-FORM input.FormButton:hover {
    color: #fff;
    cursor: pointer
}

.SiPo-FORM div, .SiPo-FORM p, .SiPo-FORM span, .SiPo-FORM ul, .SiPo-FORM li, .SiPo-FORM table.Part, .SiPo-FORM table, .SiPo-FORM tr, .SiPo-FORM td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.SiPo-FORM .dynamic-form-textbox-multiline:focus {
    outline: none
}

.SiPo-FORM span.dynamic-form-validator {
    line-height: 2;
    padding: 5px 30px 5px 5px;
    margin: 2px 0
}

.SiPo-FORM table.dg {
    width: 98%;
    margin: 0 auto;
    border: none;
    border-spacing: 0;
    border-collapse: collapse
}

.SiPo-FORM table.dg > tbody {
    display: inline-table;
    width: 100% !important
}

.SiPo-FORM table.dg li.ListData .Title {
    display: inline-block
}

.SiPo-FORM .dynamic-form-textbox-datetime-georgian:focus {
    outline: none
}

.SiPo-FORM table.dg tr.DGAlt td:first-child {
    border-right: none
}

.SiPo-FORM .dynamic-form-radiobutton-list {
    padding: 5px 0;
    display: block
}

.SiPo-FORM table.dynamic-form-table {
    margin: 0 auto
}

.SiPo-FORM td.dynamic-form-td table.dg span {
    display: inline-block;
    padding-right: 5px
}

.SiPo-FORM table.dg tr.DGItem {
    height: 30px;
    width: 90% !important
}

.SiPo-FORM table.dg tr.DGAlt {
    height: 30px;
    background: #eaeaea
}

.SiPo-FORM table.dg tr div.FormPageContent legend {
    text-align: right;
    line-height: 2
}

.SiPo-FORM .SearchButtonSize {
    width: 36px;
    height: 36px
}

.SiPo-FORM table.dg .Title, table.View .Title {
    background: none;
    padding: 0
}

.SiPo-FORM .dynamic-form-textbox-multiline {
    line-height: 1.5;
    padding: 5px;
    min-width: 100px;
    min-height: 100px;
    display: inline-block;
    margin: 4px 0;
    width: 95% !important;
    border-radius: 5px;
    outline: none
}

.SiPo-FORM .dynamic-form-fileupload {
    padding: 5px;
    min-width: 100px;
    display: inline-block;
    margin: 4px 0;
    text-indent: 0;
    width: auto !important;
    -webkit-border-radius: 5px;
    outline: none;
    margin-top: 10px;
    direction: ltr;
    line-height: 22px
}

.SiPo-FORM a.PageNumber.PrevPage, .SiPo-FORM a.PageNumber.NextPage {
    background-position: top center;
    background-repeat: no-repeat;
    overflow: hidden
}

.SiPo-FORM table.dg table.dg th {
    border-top: none;
    padding: 7px 0;
    border-radius: 0 !important
}

.SiPo-FORM span.dynamic-form-label-caption {
    line-height: 1.5;
    display: inline-block;
    text-indent: 5px
}

.SiPo-FORM input.dynamic-form-button-search {
    border: none;
    padding: 8px 15px;
    margin: 5px 10px;
    border-radius: 2px
}

.SiPo-FORM input.dynamic-form-button-search-delete {
    border: none;
    color: red;
    padding: 8px 15px;
    margin: 5px 0;
    border-radius: 2px;
    font-weight: 700
}

.SiPo-FORM table.dg li.ListData span {
    line-height: 1.5;
    display: inline-block;
    text-indent: 5px
}

.SiPo-FORM fieldset.dynamic-form-fieldset {
    display: block;
    margin: 5px
}

.SiPo-FORM .dynamic-form-td br {
    display: none
}

.SiPo-FORM .dynamic-form-textbox-datetime-georgian.dynamic-form-textbox {
    height: 20px;
    padding: 5px;
    min-width: 100px;
    display: inline-block;
    margin: 4px 0;
    text-indent: 5px;
    width: auto !important;
    border-radius: 5px;
    outline: none
}

.SiPo-FORM input.dynamic-form-button-search:hover {
    color: #fff;
    cursor: pointer
}

.SiPo-FORM input.dynamic-form-button-search-delete:hover {
    color: red;
    cursor: pointer
}

.SiPo-FORM span.FormTitle, .dg span.FormCaption {
    line-height: 23px;
    text-indent: 10px;
    display: inline-block;
    text-decoration: none;
    margin-top: 15px
}

.SiPo-FORM .dynamic-form-textbox-caption.dynamic-form-textbox {
    line-height: 3;
    height: 30px;
    padding: 2px;
    min-width: 120px;
    display: inline-block;
    margin: 4px 0;
    text-indent: 5px;
    width: 61% !important;
    border-radius: 5px
}

.SiPo-FORM input.FormButton {
    border: none;
    padding: 8px 15px;
    margin: 5px 10px;
    border-radius: 2px
}

.SiPo-FORM .dynamic-form-textbox-datetime:focus {
    outline: none
}

.SiPo-FORM input.dynamic-form-textbox:focus {
    outline: none
}

.SiPo-FORM select.dynamic-form-dropdown {
    line-height: 2.5;
    height: 35px !important;
    padding: 5px;
    min-width: 120px;
    display: inline-block;
    margin: 4px 1px;
    text-indent: 5px;
    width: 98% !important;
    border-radius: 5px;
    outline: none;
    -moz-padding-end: 10px
}

.SiPo-FORM input.dynamic-form-textbox {
    line-height: 2.5;
    height: 30px;
    padding: 0;
    display: inline-block;
    margin: 4px 0;
    text-indent: 5px;
    width: 98% !important;
    border-radius: 5px
}

.SiPo-FORM .FormButtonNoWidth, .ui-datepicker-trigger {
    position: relative;
    left: 23px;
    top: 2px;
    cursor: pointer
}

.SiPo-FORM .dynamic-form-textbox-datetime.dynamic-form-textbox {
    min-width: 160px;
    display: inline-block;
    margin: 4px 0;
    text-indent: 5px;
    width: auto !important;
    border-radius: 5px;
    outline: none
}

.SiPo-FORM th.FormCaption, .SiPo-FORM th.PartHeader {
    line-height: 1.5;
    text-align: center;
    font-weight: 400
}

.SiPo-FORM table.dg th {
    border-top: none;
    padding: 7px 0
}

.SiPo-FORM table.dg th:first-child {
    border-top-right-radius: 10px;
    border-top-left-radius: 0;
    border: none
}

.SiPo-FORM table.dg tr th:last-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-left: none
}

.SiPo-FORM .FormCaption {
    font-weight: 700
}

.SiPo-FORM .dynamic-form-label {
    display: block
}

.SiPo-FORM div table {
    margin: 0 auto;
    border-collapse: collapse;
    font-weight: 100;
    text-rendering: optimizeLegibility;
    border-radius: 5px
}

.SiPo-FORM div table .dynamic-form-label-caption {
    font-size: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left, center right
}

.SiPo-FORM div table thead th {
    font-weight: 600
}

.SiPo-FORM div table thead th, .SiPo-FORM div table tbody td {
    font-size: 100%
}

.SiPo-FORM div table tbody td {
    font-size: 100%
}

.SiPo-FORM .dynamic-form-panel {
    position: relative
}

td[data-th='undefined'] {
    color: #fff !important
}

.SiPo-FORM div table tbody td.PageNumber, .SiPo-FORM div table tbody td.PageNumber + td {
    display: table-cell !important;
    width: auto !important
}

@media screen and (max-width: 1023px) {
    .Login {
        width: 100%
    }

    .SiPo-LOGIN {
        overflow: hidden
    }

    .SiPo-FORM {
        width: 90%;
        margin: auto
    }

    .SiPo-FORM * {
        max-width: 100%
    }

    .SiPo-FORM .FormField span {
        padding-right: 5px
    }

    .SiPo-FORM fieldset.dynamic-form-fieldset {
        margin: auto
    }

    .SiPo-FORM div table caption {
        background-image: none
    }

    .SiPo-FORM div table thead {
        display: none
    }

    .SiPo-FORM table.dg tr.DGItem td:first-child {
        border-right: none !important
    }

    .SiPo-FORM div table tbody td {
        display: block;
        width: 98%;
        text-align: right !important;
        margin: 1%
    }

    .SiPo-FORM .dynamic-form-radiobutton-list td {
        display: inherit !important
    }

    .SiPo-FORM .DGItem td {
        padding: 1% 0;
        border-right: none !important;
        border-left: none !important
    }

    .SiPo-FORM div table tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block
    }

    .SiPo-FORM div table .dynamic-form-label-caption {
        width: 100%
    }

    .SiPo-FORM .treeAdvancedAjax_comboDetail {
        left: 0 !important;
        right: 0 !important;
        margin: auto !important;
        text-align: center !important
    }

    .SiPo-FORM table.dg .row-mob-hidden {
        display: none
    }

    .SiPo-FORM .CommandBar td {
        display: inline-block;
        width: auto !important;
        border: none !important
    }

    .SiPo-FORM .dynamic-form-iframe {
        width: 100% !important;
        margin: auto;
        min-height: 550px
    }

    .SiPo-FORM .iFrame {
        height: auto !important
    }

    .container {
        width: 100% !important
    }

    table.dg th, table.dg th:first-child {
        border-radius: 0 !important
    }
}

@media screen and (min-width: 1023px) {
    .SiPo-FORM .dynamic-form-td br {
        display: inherit !important
    }
}

#forcastPlace table > tbody > tr > td {
    display: inline-table
}

#forcastPlace table > tbody > tr > td:first-child {
    width: auto !important
}

#forcastPlace table, .part-left #forcastPlace table > tbody, .part-left #forcastPlace table > tbody > tr {
    width: 100%;
    display: block;
    text-align: center
}

.SiPo-YWeather > div {
    width: 100%
}

.sidebar-wizard {
    font-size: 14px;
    line-height: 20px !important
}

.sidebar-wizard-vertical ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    float: right
}

body[dir='ltr'] .sidebar-wizard-vertical {
    float: left
}

.sidebar-wizard-vertical ul > li:not(:first-child) > a {
    padding-top: 34px
}

.sidebar-wizard-vertical ul > li:not(:last-child) > a {
    margin-bottom: 6px
}

.sidebar-wizard-vertical ul > li:not(:last-child) > a:after, .sidebar-wizard-vertical ul > li:not(:first-child) > a:before {
    width: 0;
    height: 0;
    border-right: 40px inset transparent;
    border-left: 40px inset transparent;
    border-top: 20px solid #eee;
    position: absolute;
    content: ''
}

.sidebar-wizard-vertical ul > li:not(:first-child) > a:before {
    border-top: 20px solid #fff;
    right: 0;
    top: 0
}

.sidebar-wizard-vertical ul > li:not(:last-child) > a:after {
    right: 0;
    bottom: -20px;
    z-index: 2
}

div[class*='sidebar-wizard-horizontal'] {
    width: 100%
}

div[class*='sidebar-wizard-horizontal'] ul {
    margin-bottom: 0;
    list-style: none;
    width: auto;
    overflow: auto;
    white-space: nowrap
}

div.sidebar-wizard-horizontal-rtl ul {
    padding-left: 0;
    float: right;
    text-align: right
}

div.sidebar-wizard-horizontal-ltr ul {
    padding-right: 0;
    float: left;
    text-align: left
}

div[class*='sidebar-wizard-horizontal'] ul > li {
    position: relative;
    display: block;
    float: none;
    display: inline-block;
    width: auto;
    white-space: nowrap
}

div[class*='sidebar-wizard-'] ul > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background-color: #eee;
    line-height: 20px !important
}

div.sidebar-wizard-vertical ul > li > a {
    width: 50px
}

div[class*='sidebar-wizard-'] ul > li > a:hover, div[class*='sidebar-wizard-'] ul > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

div[class*='sidebar-wizard-'] ul > li.disabled > a {
    color: #999
}

div[class*='sidebar-wizard-'] ul > li.disabled > a:hover, div[class*='sidebar-wizard-'] ul > li.disabled > a:focus {
    color: #999;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

div[class*='sidebar-wizard-'] ul > li.done:hover > a, div[class*='sidebar-wizard-'] ul > li:hover > a {
    background-color: #d5d5d5
}

.sidebar-wizard-horizontal-rtl ul > li:not(:first-child) > a:before {
    border-right: 20px solid #fff;
    right: 0
}

.sidebar-wizard-horizontal-ltr ul > li:not(:first-child) > a:before {
    border-left: 20px solid #fff;
    left: 0
}

.sidebar-wizard-horizontal-rtl ul > li:not(:last-child) > a:after {
    border-right: 20px solid #eee;
    left: -20px
}

.sidebar-wizard-horizontal-ltr ul > li:not(:last-child) > a:after {
    border-left: 20px solid #eee;
    right: -20px
}

.sidebar-wizard-horizontal-rtl ul > li.done:hover > a:before, .sidebar-wizard-horizontal-rtl ul > li:hover > a:before, .sidebar-wizard-horizontal-ltr ul > li.done:hover > a:after, .sidebar-wizard-horizontal-ltr ul > li:hover > a:after {
    border-left-color: #d5d5d5
}

.sidebar-wizard-horizontal-rtl ul > li.done:hover > a:after, .sidebar-wizard-horizontal-rtl ul > li:hover > a:after, .sidebar-wizard-horizontal-ltr ul > li.done:hover > a:before, .sidebar-wizard-horizontal-ltr ul > li:hover > a:before {
    border-right-color: #d5d5d5
}

.sidebar-wizard-horizontal-rtl ul > li.done > a, .sidebar-wizard-horizontal-rtl ul > li.done > a:before, .sidebar-wizard-horizontal-rtl ul > li.done > a:after, .sidebar-wizard-vertical ul > li.done > a {
    background-color: #e2e2e2
}

.sidebar-wizard-vertical ul > li.done:hover > a:before, .sidebar-wizard-vertical ul > li:hover > a:before {
    border-bottom-color: #d5d5d5
}

.sidebar-wizard-vertical ul > li.done:hover > a:after, .sidebar-wizard-vertical ul > li:hover > a:after {
    border-top-color: #d5d5d5
}

.sidebar-wizard-vertical ul > li.done > a:before {
    border-bottom-color: #e2e2e2
}

.sidebar-wizard-vertical ul > li.done > a:after {
    border-top-color: #e2e2e2
}

div[class*='sidebar-wizard-'] ul > li.selected > a, div[class*='sidebar-wizard-'] ul > li.selected > a:hover, div[class*='sidebar-wizard-'] ul > li.selected > a:focus {
    color: #fff !important;
    background-color: #999
}

.sidebar-wizard-horizontal-rtl ul > li.selected > a:after {
    border-right-color: #999
}

.sidebar-wizard-vertical ul > li.selected > a:after {
    border-top-color: #999
}

.sidebar-wizard-horizontal-ltr > ul > li.selected > a:after {
    border-left-color: #999
}

div[class*='sidebar-wizard-'] ul > li.active > a, div[class*='sidebar-wizard-'] ul > li.active > a:hover, div[class*='sidebar-wizard-'] ul > li.active > a:focus {
    color: #fff !important;
    background-color: #428bca
}

.sidebar-wizard-horizontal-rtl ul > li.active > a:after {
    border-right-color: #428bca
}

.sidebar-wizard-vertical ul > li.active > a:after {
    border-top-color: #428bca
}

.sidebar-wizard-horizontal-ltr > ul > li.active > a:after {
    border-left-color: #428bca
}

div[class*='sidebar-wizard-'] ul > li.disabled > a {
    color: #777
}

div[class*='sidebar-wizard-'] ul > li.disabled > a:hover, div[class*='sidebar-wizard-'] ul > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    background-color: #eee;
    cursor: default
}

.sidebar-wizard-horizontal-rtl ul > li.disabled > a:before {
    border-left-color: #eee
}

.sidebar-wizard-horizontal-ltr ul > li.disabled > a:after {
    border-left-color: #eee
}

.sidebar-wizard-vertical ul > li.disabled > a:before {
    border-bottom-color: #eee
}

.sidebar-wizard-vertical ul > li.disabled > a:after {
    border-top-color: #eee
}

.wizard-prev, .wizard-next {
    display: none;
    cursor: pointer
}

div.sidebar-wizard-vertical ul > li:first-child > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

div.sidebar-wizard-vertical ul > li:last-child > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

@media (min-width: 700px) {
    div.sidebar-wizard-horizontal-rtl ul > li:not(:first-child) > a {
        padding-right: 34px
    }

    div.sidebar-wizard-horizontal-ltr ul > li:not(:first-child) > a {
        padding-left: 34px
    }

    div[class*='sidebar-wizard-horizontal'] ul > li:not(:first-child) > a:before {
        width: 0;
        height: 0;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        position: absolute;
        content: '';
        top: 0
    }

    div.sidebar-wizard-horizontal-rtl ul > li:not(:last-child) > a {
        margin-left: 0
    }

    div.sidebar-wizard-horizontal-ltr ul > li:not(:last-child) > a {
        margin-right: 0
    }

    div[class*='sidebar-wizard-horizontal'] ul > li:not(:last-child) > a:after {
        width: 0;
        height: 0;
        border-top: 20px inset transparent;
        border-bottom: 20px inset transparent;
        position: absolute;
        content: '';
        top: 0;
        z-index: 2
    }

    div.sidebar-wizard-horizontal-rtl ul > li:last-child > a, .sidebar-wizard-horizontal-ltr ul > li:first-child > a {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    div.sidebar-wizard-horizontal-ltr ul > li:last-child > a, .sidebar-wizard-horizontal-rtl ul > li:first-child > a {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }
}

@media (max-width: 700px) {
    div.sidebar-wizard-horizontal-rtl ul > li {
        float: right;
        margin-right: 5px
    }

    div.sidebar-wizard-horizontal-ltr ul > li {
        float: left;
        margin-left: 5px
    }

    div[class*='sidebar-wizard-horizontal'] ul > li:not(.selected) {
        width: 20px;
        max-width: 20px;
        min-width: 20px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    div[class*='sidebar-wizard-horizontal'] ul > li:not(.selected) a {
        overflow: hidden;
        text-overflow: ellipsis
    }

    div[class*='sidebar-wizard-horizontal'] ul > li > a {
        padding: 10px 20px !important
    }
}

@media (max-width: 481px) {
    div.sidebar-wizard-horizontal-rtl ul {
        float: right
    }

    div.sidebar-wizard-horizontal-ltr ul {
        float: left
    }

    div[class*='sidebar-wizard-horizontal'] ul > li {
        display: none;
        width: auto;
        margin: 0
    }

    div[class*='sidebar-wizard-horizontal'] ul > li.selected {
        display: block
    }

    .sidebar-wizard .wizard-prev {
        position: relative;
        float: right;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #ccc;
        margin-left: 5px;
        display: inline-block
    }

    .sidebar-wizard .wizard-next {
        position: relative;
        float: right;
        width: 0;
        height: 0;
        margin-right: 5px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ccc;
        display: inline-block
    }

    div.sidebar-wizard-horizontal-ltr .wizard-prev {
        float: left;
        border-right: 20px solid #ccc;
        margin-right: 5px;
        border-left: 0
    }

    div.sidebar-wizard-horizontal-ltr .wizard-next {
        float: left;
        border-left: 20px solid #ccc;
        margin-left: 5px;
        border-right: 0
    }

    div.sidebar-wizard-vertical .wizard-next, div.sidebar-wizard-vertical .wizard-prev {
        display: none !important
    }
}

.siposearchable-select {
    position: relative;
    height: 30px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 5px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    display: inline-block
}

.siposearchable-select a:nth-of-type(1) {
    display: inline-block;
    width: calc(100% - 25px);
    height: 20px;
    padding: 8px 10px;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.siposearchable-select a span:nth-of-type(1) {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden
}

select.siposearchable-select {
    display: none !important
}

.siposearchable-select > div {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 1px 0 0 -1px;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    z-index: 10;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center
}

.siposearchable-select input {
    width: 96%;
    border: 1px solid #888;
    padding: 1%;
    font-size: 14px;
    margin: 0 auto;
    text-align: initial
}

.siposearchable-select > div > div {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
    margin: 5px;
    max-height: 120px;
    text-align: initial
}

.siposearchable-select div ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.siposearchable-select div ul li {
    display: none;
    padding: 5px;
    line-height: normal
}

.siposearchable-select div ul li.active {
    display: block;
    cursor: pointer
}

.siposearchable-select div ul li:hover {
    background: #0080ff;
    color: #fff
}

.siposearchable-select div ul li.option-hover {
    background-color: #c8c8c8;
    color: #fff !important
}

.siposearchable-select div ul li.option-disabled {
    color: #999
}

.siposearchable-select div ul li.option-disabled:hover {
    background: #f99;
    color: #fff
}

.siposearchable-select div ul li.option-hover.option-disabled {
    background: #f66;
    color: #fff
}

.siposearchable-select div ul li.no-results {
    display: none;
    background: #f2f2f2;
    color: #000
}

.siposearchable-select-open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: none
}

.siposearchable-select-open div {
    display: block
}

.siposearchable-select input.siposearchable-select-hidden-input {
    position: absolute !important;
    top: 0 !important;
    left: -1000px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    z-index: -1 !important
}

.siposearchable-select .sipocombo-span-icon {
    top: 1px;
    width: 20px;
    display: inline-block;
    cursor: pointer
}

.siposearchable-select .sipocombo-span-icon b {
    display: inline-block !important;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    margin-top: -2px;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    width: 1px !important
}

.siposearchable-select .sipocombo-a-href {
    line-height: initial !important;
    margin: 0 !important;
    padding: 0 !important
}

.siposearchable-select .sipocombo-a-href span {
    width: 100%;
    text-align: initial !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    line-height: 30px !important
}