.modal-content {
    width: 690px;
    margin: 250px auto;
    max-width: 100%;
}

.modal-body .panel-body, .modal-body {
    padding-bottom: 0 !important;
}

.modal-body, .modal-footer {
    background: #fff !important;
}

.modal-body label {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: normal;
    padding-right: 0 !important;
}

.modal-body option {
    font-size: 12px;
}

.subitemBGC {
    padding-left: 30px;
}

.modal-footer {
    border-top: 1px dashed #bbb;
    margin: 0 16px;
    padding: 20px 0 30px;
}

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

.btn-cancel, .btn-save {
    /*height: 26px;*/
    padding: 4px 12px !important;
}

.btn-cancel {
    background: #1E1F22;
    border: 1px solid #414141;
    border-radius:20px;
    color: #FFF!important;
}

.btn-cancel span {
    color: #ffffff;
    font-size: 12px;
}
.bgcThemeColor{
    background: var(--webMainButtonBackColor);
}


.btn-save {
    background: var(--genericColor);
    border-color: var(--genericColor);
}

.btn-save:hover {
    background: #ff6c5f;
    border-color: #ff6c5f;
}

.subitemBGC {
    background: #fff;
    border: none;
}

.table-titles {
    padding-left: 0;
}

.table-fw {
    border: 1px solid #bbb;
    width: 674px;
}

.table-head {
    background: #f5f5f5 !important;
    height: 35px !important;
    line-height: 35px;
    border-bottom: 1px solid #bbb;
}

.table-body tr {
    margin: 2px !important;
}

.table-fw th {
    font-size: 14px;
    color: #3e3e3e !important;
    font-weight: normal;
    text-align: center;
}

.table-fw td {
    height: 40px !important;
}

.table-fw .td-del span {
    margin-top: 5px;
    display: inline-block;
}

.table-fw .th-val span {
    display: inline-block;
    width: 170px !important;
    height: 35px;
}

.table-fw tbody td {
    text-align: center;
}

.add {
    height: 16px;
    margin-top: 4px;
    outline: none;
}

.btn-add {
    background: url("../images/add-icon.png") no-repeat center 4px;
    display: inline-block;
    width: 14px;
    height: 18px;
}

.text-add {
    color: #319edd;
    margin-left: 4px;
    font-size: 14px;
}

.close {
    margin: 4px 10px 0 0;
    outline: none;
}

.home-page nav.navbar-nav > li {
    display: inline-block;
    margin-right: 16px;
}

.home-page .navbar-right {
    float: right;
    display: inline-block;
}

.home-page .menu-right.btn {
    position: relative;
    float: right;
    right: 1em;
    top: 5px;
}

.home-page .menu-margin.btn {
    margin-right: 14px;
}

.clearInputStyle {
    border: none;
    text-align: center !important;
    border-radius: 5px;
    width: 70px;
    padding: 0 6px;
}

.button-text {
    width: 30px;
    border-radius: 5px;
}

.button-b {
    /*border-left: none;*/
    margin: 0 10px;
}

.button-i {
    font-family: Verdana, Arial, sans-serif;
}

.button-b, .button-i {
    border: none;
    outline: none;
    margin-top: 2px;
    height: 30px;
    font-weight: bold;
    /*padding: 0 10px !important;*/
    color: #808080;
    background-color: #ccc;
}

.buttonA {
    background-color: #ff6d60;
    color: #fff;
}

.button-un {
    cursor: no-drop;
    disabled: true;
}

.cursorPointer {
    cursor: pointer !important;
}

.cursor-no {
    cursor: no-drop !important;
}

.input-wrapper {
    margin: 45vh auto 30px;
    max-width: 300px;
    height: 34px;
    border: 1px dashed #F0951B;
}

input {
    width: 100%;
    height: 100%;
    line-height: 22px;
    /*color: white;*/
    padding: 6px;
    word-break: break-all;
}

.input-wrapper input, .input-wrapper input:hover, .input-wrapper input:focus, .input-wrapper input:active {
    background-color: transparent;
    outline: none;
    border: none;
}

.btn-w-8 {
    width: 66.66vw;
}

.home-page .navbar {
    margin-bottom: 0;
}

.home-page .navbar-collapse {
    position: relative;
    top: 6px;
}

.home-page .navbar-collapse li {
    margin-right: 14px;
}

.home-page .container-fluid {
    max-width: 1200px;
}

.home-page .template-display, .home-page .template-edit {
    /*border: 1px solid lightgray;*/
    border-top: 0;
    height: calc(100vh - 282px);
    overflow: auto;
}

.home-page .template-edit {
    height: calc(100vh - 242px);
    background: #fff;
}

.home-page .template-display {
    background-color: lightgray;
}

.home-page .input-group {
    margin: 1em 0;
    width: 100%;
}

.home-page .page-menu .input-group-addon:first-child {
    width: 120px;
}

.home-page .page-item {
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.home-page .page-item.selected {
    border: 1px dashed #ff6d60;
}

.home-page .content-container {
    width: 560px;
    position: relative;
    display: block;
    overflow: hidden;
}

.home-page .body-content {
    border-top: 1px solid #e0e0e0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.home-page .img-place-holder {
    background-color: transparent;
    position: absolute;
    z-index: 998;
    border: 1px solid lightsteelblue;
}

.home-page .img-place-holder.selected {
    border: 1px dashed #F0951B;
}

.home-page .mask-place-holder {
    background-color: transparent;
    position: absolute;
    z-index: 999;
    border: 1px solid lightsteelblue;
}

.home-page .mask-place-holder.selected {
    border: 1px dashed #F0951B;
}

.home-page .text-box {
    position: absolute;
}

.textContext {
    opacity: 0;
    -ms-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    min-width: 100px;
    min-height: 24px;
    padding: 0 4px;
    transform-origin: left bottom;
    position: absolute;
}

.home-page .text-box:hover {
    cursor: text;
}

.textHolder {
    color: #757575 !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.home-page .textHolder:empty:before {
    content: attr(placeholder);
    color: #757575;
}

/*焦点时内容为空*/
.home-page .textHolder:focus:before {
    content: none;
}

textarea {
    padding: 0;
}

.home-page .text-content {
    /*background-color: transparent;*/
    box-shadow: none;
    border: 0;
    outline: none;
    overflow: hidden;
    resize: none;
}

.home-page canvas {
    max-width: 100%;
}

.home-page .error-msg {
    color: #fb807a;
}

.page-item {
    position: relative;
}

.pagination-tag {
    position: absolute;
    left: -22px;
    top: 20px;
    background-color: white;
    padding: 4px 10px;

}

.pagination-tag:after {
    display: block;
    content: '';
    border-left: 8px solid white;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 27px;
    top: 7px;

}

.sweet-alert.hide-button button {
    display: none !important;
}

.template-main-view {
    position: relative;
    z-index: 2041 !important;
}

.sweet-alert {
    padding: 30px 0 0 0 !important;
}

.sweet-alert .sa-icon {
    width: 166px !important;
    height: 122px !important;
}

.sweet-alert .sa-icon.sa-info {
    width: 80px !important;
    height: 80px !important;
    border-color: #ffa91b !important;
}

.sweet-alert .sa-icon.sa-info::before {
    background-color: #FFA91B !important;
}

.sweet-alert .sa-icon.sa-info::after {
    background-color: #FFA91B !important;
}

.sweet-alert h2 {
    color: #000 !important;
    padding: 0 20px !important;
    line-height: 30px !important;
}

.sweet-alert p {
    color: #030303 !important;
    font-size: 13px !important;
    padding: 0 20px !important;
}

.sa-button-container {
    margin-top: 10px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}
.sweet-alert button {
    margin: 0 !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 15px !important;
}

.sa-button-save {
    border-top: 1px solid #eee!important;
    height: 45px!important;

}

.sa-button-button {
    background: rgba(0,0,0,0) !important;
    color: #232323 !important;
}

.sweet-alert button.confirm {
    box-shadow: none !important;
    color: var(--mobileTextSelectedColor) !important;
    width: 100%;
    border-radius: 0;
}

.sa-button-container .cancel {
    /*padding-right: 0!important;*/
}

.sa-confirm-button-container button {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*------------------------------register--------------------------------*/
.row-registers {
    margin: 0;
    border-radius: 0 !important;
    background: #fff;
    width: 734px;
}

.registers {
    height: 40px;
    line-height: 40px;
    background: #f5f5f5;
    width: 734px;
}

.register-title {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: normal;
    padding-left: 20px;
    margin: 0;
    color: #3e3e3e;
    border-bottom: 1px solid #e5e5e5;
}

.register-body {
}

.register-body label {
    color: #3e3e3e;
    font-weight: normal;
}

.footer-registers {
    margin: 0;
    padding: 20px 15px 30px;
}

.close {
    margin: 4px 10px 0 0;
    outline: none;
}

.sidespan {
    padding-left: 14px;
}