/* base color */ a { color: #404041; } a:hover, a:visited, a:active, a:checked { color: #602320; } .badge { background-color: #968c6d; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { /*background-color: #e7e7e8;*/ background-color: #ef9800; } .align-right { float:right; display:inline-block; margin-right:15px; } .alert-info { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #c7c8ca; color: #404041; background-color: #f5f4f0; border-color: #c7c8ca; } .alert-warning { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #f7cbc7; color: #404041; background-color: #fae2bf; border-color: #f7cbc7; } .alert-danger { background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #e0301e; color: #FFF; background-color: #e0301e; border-color: #e0301e; } .cursorpointer { cursor: pointer; } .link-no-underline, .link-no-underline:active, .link-no-underline:hover { text-decoration: none; } .btn-customer { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 5px 12px; line-height: 1.5; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-customer-lg, .btn-customer-group-lg > .btn-customer { padding: 6px 12px; font-size: 20px; line-height: 1.33; border-radius: 6px; } .btn-customer:focus, .btn-customer:active:focus, .btn-customer.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-customer:hover, .btn-customer:focus { /*color: #555555;*/ /*text-decoration: none;*/ } .btn-customer:active, .btn-customer.active { outline: 0; background-image: none; background-color: #bed1e1; } .btn-customer.disabled, .btn-customer[disabled], .form-control-customer { display: block; width: 100%; height: 31px; padding: 5px 12px; font-size: 20px; line-height: 1.5; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control.select-fix { width: auto; display: inline-block; font-size: 14px; margin-right: 15px; } .btn-fix.disabled, .btn-fix[disabled] { display: inline-block; font-size: 14px; width: auto; } .form-control-customer:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control-customer[disabled], .form-control-customer[readonly], fieldset[disabled] .form-control-customer { cursor: not-allowed; background-color: #f2f2f2; opacity: 1; } textarea.form-control-customer { height: auto; } span.form-control-customer { border: none; box-shadow: none; } .progress-bar { background-color: #eb8c00; } /* LOGIN */ body.login-body { background: #999999 url('/app-resources/images/login_pic.jpg') no-repeat; color: #333; overflow-y: auto; } .login { display: block; margin-top: 108px; margin-left: 120px; width: 648px; float: right; font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; } .tilte { clear: both; margin-left: 50px; width: 227px; height: 114px; font-family: 'Papyrus Bold', 'Papyrus'; font-weight: 700; font-style: normal; font-size: 72px; color: #A32020; } .tilte .text { position: absolute; } .background-frame { background-repeat: no-repeat; background-image: url('/app-resources/images/form_bg.png'); float: left; display: block; width: 643px; height: 358px; opacity: 0.7; z-index: -99; } .loginframe { position: relative; display: block; width: 410px; height: 158px; float: left; margin-top: -248px; z-index: 10; padding-left: 120px; } .frame { display: none; } .show { display: block !important; } /* Form Style */ .form-wrapper { width: 400px; font-weight: 400; font-style: normal; font-size: 13px; color: #333333; text-align: center; line-height: normal; margin-top: -45px; } .form-wrapper input, .form-wrapper button { opacity: 1; } .loginfull { width: 270px; height: 150px; float: left; color: white; clear: both !important; } .button-wrapper { display: block; float: left; margin-left: 40px; height: 150px; } .login-button { background-color: #eb8c00; color: #fff; width: 100px; height: 100px; } .login-button:hover { color: #fff; background-color: #dc6900; } .login-button:disabled { background-color: #968c6d; color: #fff; width: 100px; height: 100px; } .loginfull input::-webkit-input-placeholder { font-weight: 400; font-size: 18px; font-style: normal; color: #FFFFFF !important; font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; } .loginfull input:-moz-placeholder { font-weight: 400; font-size: 18px; font-style: normal; color: #FFFFFF !important; font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; } .loginfull input::-moz-placeholder { font-weight: 400; font-size: 18px; font-style: normal; color: #FFFFFF !important; font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; } .loginfull input:-ms-input-placeholder { font-weight: 400; font-size: 18px; font-style: normal; color: #FFFFFF !important; font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif; } .loginfull .form-control-customer { background-color: #404041; color: #FFFFFF; font-weight: 400; font-size: 18px; font-style: normal; height: 28px; border-radius: 10px; } .loginfull .form-control-customer.has-error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .loginfull .successMsg { float: left; text-decoration: none; color: #a94442; font-size: 28px; font-weight: 200; margin-left: 56px; } .loginfull .form-forget-password { float: left; text-decoration: none; color: #dc6900; font-size: 18px; font-weight: 200; margin-left: 6px; } .has-error.label { color: #a94442; font-weight: 700; } .loadingImg { margin-top: 135px; z-index: -9; margin-left: 310px; } .form-group { margin-bottom: 20px; } form.active { display: block !important; height: auto; } form.loginfull .form-group, form.login .form-group, form.forgot_password .form-group, form.email_sent .form-group, form.forgot_fivetimes .form-group { margin: 20px 0 20px 0; } form.userchoose .form-group { margin: 0 0 10px 0; } .login .list-group-item-heading { margin: 5px 0 5px 0; } /* LOGIN END */ /* Main page */ .navbar-brand { float: left; padding: 15.5px 15px; font-size: 32px; line-height: 19px; height: 50px; font-family: 'Papyrus Bold', 'Papyrus'; font-weight: 700; font-style: normal; color: #A32020; } .navbar-default .navbar-brand { color: #A32020; margin-left: 37px; margin-right: 37px; } .sidebar-closed .navbar-default .navbar-brand { display: none; } .navbar-brand:hover, .navbar-brand:focus { color: #A32020; text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-fixed-top .navbar-collapse { max-height: 440px; } .panelfix { margin-bottom: 0; border-radius: 0; } .navbarfix { border-radius: 0; } .nav-split { background-color: #A32020; display: inline-block; height: 42px; width: 2px; margin-top: 2px; float: left; margin-bottom: 0px; margin-right: 10px; } .nav-company-name { font-size: 25px; margin-bottom: 0px; margin-top: 10px; font-weight: 100; } .nav-company { display: none; } @media(min-width:768px) { .nav-company { display: block; } } .navbar-customer { margin-top: 0px; width: 46px; height: 50px; margin-bottom: 0px; margin-right: 10px; padding-left: 11px; padding-right: 11px; border-radius: 0; } /* Progress */ .row-fix-width { width: 960px; } .progress-table { text-align: center; } .progress-table > tbody > tr > td:first-child { text-align: left; } .progress-table > tbody > tr > td { border-top: 0px; } .progress-table > tbody > tr > td:after { border-top: 0px; } .progress-title { text-shadow: none; } .btn-city { width: 130px; text-align: left; } .btn-default.step1 { background-color: #e5e2db; } .btn-default.step2 { background-color: #fae2bf; } .btn-default.step3 { background-color: #f7cbc7; } .btn-default.step4 { background-color: #f6d4da; } .btn-default.step5 { background-color: #d7c8c7; } .btn-default.step6 { background-color: #e5e2db; } .btn-default.review { color: white; background-color: #a32020; } .btn-default.signoff { color: white; background-color: #dc6900; } .td-line:after { content: ""; position: absolute; margin-top: -16px; width: 150px; border-bottom: 2px dashed #ccc; } .tr-hr:after { content: ""; position: absolute; margin-top: 23px; margin-left: -720px; width: 680px; border-bottom: 2px dashed #e8c7c7; } .btn-customer.disabled, .btn-customer[disabled], fieldset[disabled] .btn-customer { opacity: 0.5; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .bootstrap-switch-gap { margin-right: 10px; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { background: #a32020; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary:hover, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary:hover { background: #602320; } .bootstrap-switch.bootstrap-switch-focused { border-color: #dc6900; } /* tab begin */ .nav-tabs > li .close { margin: -2px 0 0 10px; font-size: 18px; } .marginBottom { padding-top: 3px; margin-bottom: 1px !important; margin-left: -15px; } .operationDiv { padding: 5px 10px 5px 5px; } .operationDivWrapper { margin-top: -1px; } .firstTab { margin-left: 15px; } .leftMenu { height: 70%; background-color: #E6E6E6; border-right: 2px solid #BFBFBF; } .close-tab-button { margin-top: -41px; margin-right: 6px; font-size: 18px; margin: -41px 6px 0 0 !important; } /* tab end */ .btn-position-fix { margin-top: 25px; } .removeBackgroud > li > a:focus { background-color: transparent; color: #000; } .notice-center { position: fixed; top: 50%; left: 50%; /*background-color: #000; width:50%; height: 50%;*/ -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-moz-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-ms-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-moz-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-webkit-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @-o-keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } @keyframes uil-flickr-anim1 { 0% { left: 0; } 50% { left: 100px; } 100% { left: 0; } } width: 100%; @-webkit-keyframes uil-flickr-anim2 { 0%; { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-webkit-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-moz-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-ms-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-moz-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-webkit-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @-o-keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } @keyframes uil-flickr-anim2 { 0% { left: 100px; z-index: 1; } 49% { z-index: 1; } 50% { left: 0; z-index: 10; } 100% { left: 100px; z-index: 10; } } .uil-flickr-css { background: none; position: relative; width: 200px; height: 200px; } .uil-flickr-css > div { width: 100px; height: 100px; border-radius: 50px; position: absolute; top: 50px; } .uil-flickr-css > div:nth-of-type(1) { left: 0; background: #e35839; z-index: 5; -ms-animation: uil-flickr-anim1 1s linear infinite; -moz-animation: uil-flickr-anim1 1s linear infinite; -webkit-animation: uil-flickr-anim1 1s linear infinite; -o-animation: uil-flickr-anim1 1s linear infinite; animation: uil-flickr-anim1 1s linear infinite; } .uil-flickr-css > div:nth-of-type(2) { left: 100px; background: #d28d4f; -ms-animation: uil-flickr-anim2 1s linear infinite; -moz-animation: uil-flickr-anim2 1s linear infinite; -webkit-animation: uil-flickr-anim2 1s linear infinite; -o-animation: uil-flickr-anim2 1s linear infinite; animation: uil-flickr-anim2 1s linear infinite; } /* datepicker */ .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { color: #fff; background-color: #eb8c00; } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { color: #fff; background-color: #eb8c00; } .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover.active.focus, .datepicker table tr td span.active.disabled:hover.active:focus, .datepicker table tr td span.active.disabled:hover.active:hover, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active:hover:active:hover { color: #fff; background-color: #dc6900; } .datepicker table tr td, .datepicker table tr th { text-align: center; } /* ui select */ .ui-select-no-border, .ui-select-has-border { display: inline-block; cursor: pointer; } .search-container.ui-select-search-hidden { display: none; } .ui-select-no-border .select2-container-active .select2-choice, .ui-select-no-border .select2-container-active .select2-choices { border: 1px solid rgba(0, 0, 0, 0.15); } .ui-select-no-border .select2-results .select2-highlighted { background: #e0301e; } .ui-select-no-border .select2-results li, .ui-select-no-border .select2-results, .ui-select-no-border .select2-container { outline: none; } .ui-select-no-border .select2-drop, .ui-select-no-border .select2-dropdown-open .select2-choice, .ui-select-no-border .select2-container-active .select2-choice, .ui-select-no-border .select2-container-active .select2-choices { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .ui-select-no-border .select2-drop-active { border: 1px solid rgba(0, 0, 0, 0.15); } .ui-select-no-border .select2-container .select2-choice .select2-arrow { margin-right: 8px; } .ui-select-no-border .select2-container .select2-choice .select2-arrow, .ui-select-no-border .select2-dropdown-open .select2-choice { border-left: none; background: none; background-image: none; } .ui-select-no-border .select2-container .select2-choice .select2-arrow b { background: url(/app-resources/images/vat/down.png) no-repeat scroll right center transparent; } .ui-select-no-border .select2-container .select2-choice { border: none; background-image: none; background: none; } .ui-select-has-border .select2-drop-active { border: 1px solid #adb4bd; border-top: 1px solid #adb4bd; } .ui-select-has-border .select2-dropdown-open .select2-choice { box-shadow: none; background-color: none; } .ui-select-has-border .select2-container-active .select2-choices { border: none; } .ui-select-has-border .select2-results .select2-highlighted { background: #e0301e; } .ui-select-has-border .select2-container-active .select2-choice, .ui-select-has-border .select2-container-active .select2-choices { border: 1px solid #aaa; } .ui-select-has-border .select2-results li, .ui-select-has-border .select2-results, .ui-select-has-border .select2-container { outline: none; } .ui-select-has-border .select2-container .select2-choice .select2-arrow { border-left: none; background: none; background-image: none; } .ui-select-has-border .select2-container .select2-choice .select2-arrow b { margin-top: 2px; } .ui-select-has-border .select2-container .select2-choice, .ui-select-has-border .select2-container-active .select2-choice { background-image: none; background: none; outline: none; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .dx-checkbox-checked .dx-checkbox-icon { color: #e0301e; } .dx-checkbox-indeterminate .dx-checkbox-icon:before { background-color: #e0301e; } .dx-texteditor.dx-state-hover { border-color: rgba(239, 213, 189, 0.5); } .dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active { border-color: rgba(239, 213, 189, 0.5); } .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon { border: 1px solid rgba(239, 213, 189, 0.5); } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #dc6900; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { background-color: #dc6900; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active { background-color: #dc6900; } .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content { background-color: #dc6900; } .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover { border-top: 1px solid rgba(239, 213, 189, 0.5); border-bottom: 1px solid rgba(239, 213, 189, 0.5); } .dx-list-slide-menu-button-menu { background-color: #dc6900; } .dx-checkbox.dx-state-hover .dx-checkbox-icon { border: 1px solid rgba(239, 213, 189, 0.5); } .dx-checkbox.dx-state-focused .dx-checkbox-icon { border: 1px solid rgba(239, 213, 189, 0.5); } .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon { border: 1px solid rgba(239, 213, 189, 1); }