body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Franklin Gothic Book", "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input, textarea, select, button, pre {
    font-family: "Franklin Gothic Book", "Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}

textarea {
    resize: none;
}

input[type="checkbox"]:focus {
    outline: none;
}

input:focus, textarea:focus, div:focus, select {
    outline: 0;
}

@font-face {
    font-family: 'Franklin Gothic Book';
    src: url("../fonts/FRABK.TTF") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin Gothic Book';
    src: url("../fonts/FRABKIT.TTF") format("truetype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'CalciteWebCoreIcons';
    src: url("../fonts/CalciteWebCoreIcons.ttf?jpfyfr") format("truetype"), url("../fonts/CalciteWebCoreIcons.woff?jpfyfr") format("woff"), url("../fonts/CalciteWebCoreIcons.svg?jpfyfr#CalciteWebCoreIcons") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("../fonts/fa-light-300.eot");
    src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url("../fonts/fa-regular-400.eot");
    src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("../fonts/fa-solid-900.eot");
    src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.c-spin {
    -webkit-animation: c-spin 1.2s infinite linear;
    animation: c-spin 1.2s infinite linear;
}

@-webkit-keyframes c-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes c-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

input[type=text] {
    border: 1px solid #a9a9a9;
    height: 18px;
}

.clear {
    clear: both;
}

.search {
    width: 80px !important;
    background-color: rgb(232, 232, 232) !important;
    border: none !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    cursor: pointer !important;
}

    .search:hover {
        background: rgb(225, 225, 225) !important;
    }

input[type="checkbox"], input[type="radio"] {
    margin-top: -2px;
    margin-bottom: 1px;
    vertical-align: middle;
}

.function_bar {
    margin: 16px 18px 16px 0;
}

    .function_bar .text_bar {
        background: #fff;
        cursor: text;
        height: 18px;
    }

        .function_bar .text_bar:hover {
            background: #fff;
        }

    .function_td input,
    .function_bar input,
    .dialog .dialog-func input {
        min-width: 80px;
        line-height: normal;
        margin-left: 6px;
        border: none;
        background: rgb(232, 232, 232);
        background-color: var(--title-bg-color);
        color: var(--title-color);
        padding: 5px 14px;
        cursor: pointer;
        transition: background .12s ease;
    }

.function_td input {
    margin-left: 0;
    margin-right: 6px;
}

    .function_td input:hover,
    .function_bar input:hover,
    .dialog .dialog-func input:hover {
        background: rgb(225, 225, 225);
        background-color: var(--title-bg-opacity-color);
    }

#mask_bg,
.maskbg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    opacity: 0.2;
    /*margin: 0 4px;*/
    /*z-index: 500;*/
}

.loading {
    color: white;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 54px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -35px;
}

    .loading:before {
        font-family: 'Fontawesome';
        content: '\f021';
    }

.main_table {
    border-bottom: 1px solid #b0b0b0;
    border-collapse: collapse;
    width: 100%;
    min-width: 600px;
}

    .main_table td,
    .main_table th {
        padding: 8px;
        text-align: left;
        font-weight: normal;
        cursor: default;
    }

    .main_table th {
        font-weight: bold;
        font-size: 14px;
    }

    .main_table thead tr {
        border-bottom: 1px solid #b0b0b0;
        font-size: 13px;
    }

    .main_table tr {
        border-bottom: 1px solid #f5f5f5;
    }

    .main_table tbody tr:hover {
        background: #e1e1e1;
    }

    .main_table tbody tr.selected {
        background: #ccc;
    }

    .main_table thead tr {
        background: #f9f9f9;
    }

.non-select {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    cursor: default;
}

.dialog {
    position: absolute;
    min-width: 400px;
    border: 1px solid #b1b1b1;
    border-color: var(--title-bg-color);
    background: #fff;
    box-shadow: 0 1px 3px -1px rgba(0,0,0,0.2),0 5px 6px -3px rgba(0,0,0,0.1);
    left: 30vw;
    top: 30vh;
    /*display: none;*/
}

    .dialog .dialog-title {
        margin: 0 !important;
        padding: 0 10px;
        height: 30px;
        line-height: 30px;
        font-weight: 600;
        background: #f4f4f4;
        background-color: var(--title-bg-color) !important;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        color: #000;
        color: var(--title-color);
        cursor: default;
        /* 禁止选中 */
        -moz-user-select: none; /*火狐*/
        -webkit-user-select: none; /*webkit浏览器*/
        -ms-user-select: none; /*IE10*/
        -khtml-user-select: none; /*早期浏览器*/
        user-select: none;
    }

        .dialog .dialog-title em {
            font-family: 'CalciteWebCoreIcons', 'Fontawesome';
            font-style: normal;
        }

    .dialog .dialog-subheader {
        height: 25px;
        line-height: 25px;
        margin: 6px 0;
        background: #f4f4f4;
        font-weight: bold;
        border-bottom: 1px solid #5c5c5c;
    }

    .dialog .dialog-content {
        min-height: 100px;
        padding: 6px 10px 0 10px;
    }

        .dialog .dialog-content em {
            background: none;
            font-family: 'CalciteWebCoreIcons', 'Fontawesome';
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            float: left;
            font-size: 2.4em;
            padding: 10px 16px 0 4px;
        }

        .dialog .dialog-content .question:before {
            content: '\e66c';
        }

        .dialog .dialog-content .info:before {
            content: '\e648';
        }

        .dialog .dialog-content .error:before {
            content: '\e647';
        }

        .dialog .dialog-content .dialog-text {
            max-width: 700px;
            overflow-x: auto;
            padding: 10px 0;
            word-wrap: break-word;
            word-break: break-word;
        }

    .dialog .dialog-func {
        padding: 6px 16px 10px 16px;
    }

        .dialog .dialog-func input {
            float: right;
        }

.icn {
    font-family: 'CalciteWebCoreIcons';
}

.icn-spin {
    -webkit-animation: icn-spin 1.2s infinite linear;
    animation: icn-spin 1.2s infinite linear;
}

@-webkit-keyframes icn-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes icn-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.redasterisk {
    font-size: 16px;
    font-weight: bold;
    color: red;
    padding-left: 4px;
    vertical-align: middle;
}

.loading_icon {
    color: white;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 54px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -50px 0 0 -35px;
}

    .loading_icon:before {
        content: '\e61a';
    }

.sorticonasc:before {
    content: '\e609';
}

.sorticondesc:before {
    content: '\e608';
}

/*自动完成下拉框*/
.dropdownicon {
    width: 20px;
    height: 20px;
    margin-top: 3px;
    text-align: center;
    float: left;
    /*margin-left:-14px;*/
    font-family: 'CalciteWebCoreIcons';
}

    .dropdownicon:before {
        content: '\e681';
    }

.editseldiv {
    position: relative;
    border: 1px solid #A9A9A9;
    height: 20px;
    width: 100%;
}

.editselinput {
    padding: 1px;
    height: 20px;
    border: none;
    float: left;
    vertical-align: middle;
    width: -moz-calc(100% - 22px);
    width: -webkit-calc(100% - 22px);
    width: calc(100% - 22px);
}

.editselicon {
    width: 20px;
    height: 20px;
    /*margin-top: 7px;*/
    text-align: center;
    float: left;
    /*margin-left:-14px;*/
}

.editseldorp {
    border: 1px solid #808080;
    height: auto;
    max-height: 200px;
    overflow: auto;
    background-color: window;
    position: absolute;
    padding: 0px;
    z-index: 10;
    top: 22px;
    left: -1px;
}

.editselitem {
    line-height: 20px;
    white-space: nowrap;
}

    .editselitem:hover {
        background-color: RGB(30,144,255);
        cursor: default;
    }

.itemselected {
    background: RGB(30,144,255);
}

.sorticon {
    font-family: 'CalciteWebCoreIcons';
    line-height: 18px;
    font-size: 8px;
    /*position: absolute;*/
    display: none;
    text-align: right;
    margin-left: 5px;
}

.sorticonasc:before {
    content: '\e609';
}

.sorticondesc:before {
    content: '\e608';
}

.page_title {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
}

.function_title {
    margin: 0;
    float: none;
    background: #f0f0f0;
    line-height: 32px;
    padding-left: 5px;
}

.search_bar {
    margin: 0px 0px 10px 10px;
    display: flex;
    align-items: center;
}

    .search_bar input[type='text'] {
        width: 200px;
    }

    .search_bar input[type='button'] {
        width: 80px;
    }

    .search_bar select {
        width: 204px;
        height: 26px;
    }

    .search_bar .dropdown-wrapper {
        margin-left: 6px;
    }

        .search_bar .dropdown-wrapper > .dropdown-header > .dropdown-text {
            line-height: 24px;
        }

    .search_bar input[type="text"], .search_bar select {
        box-sizing: border-box !important;
        height: 26px !important;
        border: 1px solid #d9d9d9 !important;
        border-radius: 2px !important;
    }

    .search_bar span, .search_bar label {
        margin-left: 5px !important;
        line-height: 25px !important;
    }

.sbutton {
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    font-size: 14px;
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}

    .sbutton:hover {
        background: #ccc;
    }

    .sbutton:before {
        padding-right: 8px;
        font-family: 'FontAwesome';
        color: rgb(123,28,33);
    }

    .sbutton:after {
        padding-left: 8px;
        font-family: 'FontAwesome';
        color: rgb(123,28,33);
    }

.spanbtn {
    font-size: 12px;
    font-weight: normal;
    font-family: 'Fontawesome';
    font-style: normal;
    cursor: pointer;
    padding: 2px 6px;
    margin-top: 1px;
    margin-left: 3px;
    color: rgb(123,28,33);
}

.iconmenu:after {
    content: '\f107';
}

.iconsave:before {
    content: '\f0c7';
}

.iconadd:before {
    content: '\f067';
}

.iconreduce:before {
    content: '\f068';
}

.iconedit:before {
    content: '\f044';
}

.icondelete:before {
    content: '\f00d';
}

.iconrefresh:before {
    content: '\f2f9';
}

.iconcheck:before {
    content: '\f058';
}

.iconprint:before {
    content: '\f02f';
}

.iconexport:before {
    content: '\f56e';
}

.iconimport:before {
    content: '\f56f';
}

.iconexit:before {
    content: '\f08b';
}

.iconexpand:before {
    content: '\f067';
}

.iconcollapse:before {
    content: '\f068';
}

.iconback:before {
    content: '\f053';
}

.iconprevious:before {
    content: '\f0d9';
}

.iconnext:before {
    content: '\f0da';
}

.iconclose:before {
    content: '\f00d';
}

.iconupload:before {
    content: '\f093';
}

.iconchevrondown:before {
    content: '\f078';
}

.iconchevronleft:before {
    content: '\f053';
}

.iconchevronright:before {
    content: '\f054';
}

.iconangledown:before {
    content: '\f107';
}

.iconangleleft:before {
    content: '\f104';
}

.iconangleright:before {
    content: '\f105';
}

.iconmultitext:before {
    content: '\f022';
}

.iconshare:before {
    content: '\f064';
}

.iconlink:before {
    content: '\f0c1';
}

.icondetail:before {
    content: '\f0c9';
}

.iconcopy:before {
    content: '\f0c5';
}

.iconmove:before {
    content: '\f0b2';
}

.iconcaretdown:before {
    content: '\f0d7';
}

.icondownload:before {
    content: '\f019';
}

.iconview:before {
    content: '\f06e';
}

.iconimage:before {
    content: '\f03e';
}

.iconsend:before {
    content: '\f1d8';
}

.iconcog:before {
    content: '\f013';
}

.iconmail:before {
    content: '\f0e0';
}

.iconassets:before {
    content: '\f63c';
}

.iconlayout:before {
    content: '\f00b';
}

.iconresetlayout:before {
    content: '\f0e2';
}

.iconasset:before {
    content: '\f63c';
}

.iconmerge:before {
    content: '\f248';
}

.iconcomment:before {
    content: '\f075';
}

.iconsearch:before {
    content: '\f002';
}

.iconuser:before {
    content: '\f007';
}

.iconmobile:before {
    content: '\f3cd';
}

.iconmessage:before {
    content: '\f0e0';
}

.icontrash:before {
    content: '\f2ed';
}

.iconopentext:before {
    content: '\f658';
}

.icontypes:before {
    content: '\f009';
}

.iconsendcomment:before {
    content: '\f732';
}

.iconpen:before {
    content: '\f304';
}

.iconlocation:before {
    content: '\f3c5';
}

.iconinfo:before {
    content: '\f05a';
}

.iconcheck:before {
    content: '\f46c';
}

.iconlarge:before {
    content: '\f03e';
}

.iconlist:before {
    content: '\f0ae';
}

.iconviewatt:before {
    content: '\f009';
}

.iconatterror:before {
    content: '\f00d';
    color: red;
    font-weight: bold;
}

.iconattsuc:before {
    content: '\f00c';
    color: green;
    font-weight: bold;
}

.iconworkingtime:before {
    content: '\f64a';
}

.iconfilter:before {
    content: '\f0b0';
}

.iconshare:before {
    content: '\f2b5';
}

.iconunshare:before {
    content: '\f127';
}

.iconequel:before {
    content: '\f52c';
}

.iconpolygon:before {
    content: '\f5ee';
}

.iconaddress:before {
    content: '\f601';
}

.iconsendsurvey:before {
    content: '\f15c';
}

.iconquestion:before {
    content: '\f059';
}


.info_tab_content {
    overflow: auto;
    clear: both;
    position: absolute;
    top: 89px;
    left: 0;
    right: 0px;
    bottom: 0px;
}

    .info_tab_content table {
        width: 100%;
        min-width: 1140px;
        table-layout: fixed;
        word-break: break-all;
    }


.icon-col {
    font-family: 'FontAwesome';
    cursor: pointer;
    color: rgb(123,28,33);
}

.icon-col-hide {
    display: none;
}



.edit-content table {
    border-collapse: collapse;
    width: 100%;
}

    .edit-content table td.label {
        width: 200px;
        text-align: right;
        padding-right: 10px;
        line-height: 24px;
        height: 24px;
        vertical-align: top;
    }

    .edit-content table td input[type="text"],
    .edit-content table td textarea {
        border: 1px solid #a9a9a9;
        width: 320px;
        height: 18px;
        padding: 1px;
        max-width: 100%;
    }

    .edit-content table td select {
        border: 1px solid #a9a9a9;
        width: 322px;
        height: 20px;
        /*padding: 1px;*/
    }

    .edit-content table td input[type="checkbox"] {
        border: none;
        height: 13px;
        width: auto;
    }

    .edit-content table td textarea {
        height: 150px;
        resize: none;
        width: 600px;
        /*max-width: 200px;*/
    }

.dialog-content table {
    border-collapse: collapse;
    width: 100%;
}

    .dialog-content table td.label {
        width: 100px;
        text-align: right;
        padding-right: 10px;
        line-height: 24px;
        height: 24px;
        vertical-align: top;
    }

    .dialog-content table td input[type="text"],
    .dialog-content table td textarea {
        border: 1px solid #a9a9a9;
        width: 200px;
        height: 18px;
        padding: 1px;
    }

    .dialog-content table td input[type="checkbox"] {
        border: none;
    }

    .dialog-content table td textarea {
        height: 100px;
        /*max-width: 200px;*/
    }

.msgitem {
    padding: 3px 10px 5px 10px;
    margin: 3px 10px 5px 10px;
    font-size: 14px;
    box-shadow: #CECACA 0 0 9px 3px;
}

    .msgitem:hover {
        background-color: lightgray;
    }

.unreadmsg {
    color: #1664a7;
    font-size: 16px;
}

.cell-flex {
    display: flex;
}

.cell-flex-icon {
    flex: 0 0 auto;
    padding: 0 1px 0 5px;
    margin: 0;
    font-size: 12px;
    height: 17px;
    box-sizing: border-box;
}

.cell-flex-memo {
    flex: 1 1 auto;
    line-height: 17px;
    padding-top: 2px;
    padding-right: 6px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.margin-span {
    margin: 5px;
}

.margin-input-span {
    margin: 5px 3px;
}

.data-grid .input-cell {
    width: 100%;
    border-color: #d9d9d9;
    border-radius: 2px;
    box-sizing: border-box;
    height: 30px;
}

/* dropdown start */
.dropdown {
    background-color: #fff;
}

.dropdown-wrapper {
    border: 1px solid #d9d9d9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*background-color: #fff;*/
    -ms-user-select: none;
    user-select: none;
    /*position: relative;*/
}

    .dropdown-wrapper > .dropdown-header {
        display: flex;
    }

        .dropdown-wrapper > .dropdown-header.disabled {
            background-color: #eee;
        }

        .dropdown-wrapper > .dropdown-header > .dropdown-text {
            flex: 1 1 auto;
            cursor: pointer;
            line-height: 28px;
            padding: 0 4px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border: none !important;
            outline: none;
        }

        .dropdown-wrapper > .dropdown-header > input.dropdown-text {
            cursor: initial;
        }

        .dropdown-wrapper > .dropdown-header > .dropdown-caret {
            flex: 0 0 auto;
            width: 26px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
        }

            .dropdown-wrapper > .dropdown-header > .dropdown-caret::after {
                display: block;
                content: '';
                border-top: 4px solid;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                height: 0;
                width: 0;
            }

    .dropdown-wrapper > .dropdown-panel {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top;
        background-color: #fff;
        /*top: 29px;*/
        z-index: 2;
        -webkit-transition: transform 120ms ease, opacity 120ms ease, visibility 120ms ease;
        transition: transform 120ms ease, opacity 120ms ease, visibility 120ms ease;
        box-sizing: border-box;
        /*border: 1px solid #d9d9d9;
          border-top-width: 0;*/
        -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
        /*left: -1px;
        width: calc(100% + 2px);*/
        min-width: 180px;
        max-width: 300px;
        margin-left: -1px;
        margin-top: 1px;
    }

        .dropdown-wrapper > .dropdown-panel.slide-up {
            /*top: auto;
            bottom: 29px;*/
            /*border-top-width: 1px;
              border-bottom-width: 0;*/
            transform-origin: bottom;
        }

        .dropdown-wrapper > .dropdown-panel.active {
            visibility: visible;
            opacity: 1;
            transform: scaleY(1);
            border-left: 1px solid #a9a9a9;
            border-right: 1px solid #a9a9a9;
            border-bottom: 1px solid #a9a9a9;
        }

        .dropdown-wrapper > .dropdown-panel > .dropdown-search {
            box-sizing: border-box;
            height: 40px;
            line-height: 40px;
            padding: 0 8px;
            position: relative;
        }

            .dropdown-wrapper > .dropdown-panel > .dropdown-search > input[type="text"] {
                box-sizing: border-box;
                width: 100% !important;
                height: 26px;
                outline: none;
                border: 1px solid #767676;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                padding: 0 6px 0 22px;
                color: #323130;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

                .dropdown-wrapper > .dropdown-panel > .dropdown-search > input[type="text"]:hover, .dropdown-wrapper > .dropdown-panel > .dropdown-search > input[type="text"]:focus {
                    border-color: #000;
                    color: #201f1e;
                }

                .dropdown-wrapper > .dropdown-panel > .dropdown-search > input[type="text"]:focus {
                    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
                }

            .dropdown-wrapper > .dropdown-panel > .dropdown-search > .fal {
                position: absolute;
                left: 14px;
                cursor: text;
                font-family: 'FontAwesome';
                font-style: normal;
                font-size: 14px;
                padding: 0 !important;
            }

                .dropdown-wrapper > .dropdown-panel > .dropdown-search > .fal::before {
                    content: '\f002';
                }

        .dropdown-wrapper > .dropdown-panel > .dropdown-list {
            margin: 0;
            padding: 0;
            list-style: none;
            max-height: 210px;
            overflow-y: auto;
        }

            .dropdown-wrapper > .dropdown-panel > .dropdown-list > li {
                line-height: 30px;
                height: 30px;
                padding: 0 10px;
                cursor: pointer;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .dropdown-wrapper > .dropdown-panel > .dropdown-list > li:hover, .dropdown-wrapper > .dropdown-panel > .dropdown-list > li.selected {
                    background-color: #eee;
                }

                .dropdown-wrapper > .dropdown-panel > .dropdown-list > li > input[type="checkbox"], .dropdown-wrapper > .dropdown-panel > .dropdown-list > li > label {
                    cursor: pointer;
                }

/* dropdown end */

.payment-label {
    text-align: right;
    padding-right: 20px;
    line-height: 26px;
    color: #666;
}

.div_tooltip {
    position: absolute;
    z-index: 2000;
    background-color: #FEFBE4;
    color: #212020;
    padding: 5px;
}