577 lines
8.6 KiB
CSS
577 lines
8.6 KiB
CSS
body {
|
|
margin: 0;
|
|
}
|
|
|
|
div.esl-body section.content.container-fluid, div.esl-body section.content-header
|
|
{
|
|
|
|
}
|
|
|
|
.esl-body {
|
|
width: 100%;
|
|
height: 100%;
|
|
min-width: 1500px;
|
|
min-height: 700px;
|
|
}
|
|
|
|
.esl-header {
|
|
width: 100%;
|
|
background: #100f14;
|
|
min-width: 1500px;
|
|
height: 120px;
|
|
}
|
|
|
|
.container {
|
|
width: 1120px;
|
|
max-width: none !important;
|
|
}
|
|
|
|
button:disabled {
|
|
cursor: not-allowed;
|
|
pointer-events: all !important;
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td {
|
|
padding: 5px;
|
|
}
|
|
|
|
th {
|
|
padding: 0px; /* reset */
|
|
}
|
|
|
|
th:first-child .th-text {
|
|
border-left: none;
|
|
}
|
|
|
|
input.invalid, textarea.invalid {
|
|
border: 1px solid red;
|
|
}
|
|
|
|
input.valid, textarea.valid {
|
|
border: 1px solid green;
|
|
}
|
|
|
|
#Email, #Fname {
|
|
background-color: #666;
|
|
}
|
|
|
|
input, textarea {
|
|
background-color: #666;
|
|
color: #7c7c7c;
|
|
}
|
|
|
|
::-webkit-input-placeholder { /* WebKit browsers */
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
|
color: #c0c0c0
|
|
}
|
|
|
|
::-moz-placeholder { /* Mozilla Firefox 19+ */
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
:-ms-input-placeholder { /* Internet Explorer 10+ */
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
input:-moz-placeholder, textarea:-moz-placeholder {
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
select {
|
|
min-width: 45px;
|
|
}
|
|
|
|
select option {
|
|
cursor: pointer;
|
|
}
|
|
select option:hover, select option:focus, select option:active {
|
|
background: linear-gradient(#6c757d, #000000) !important;
|
|
background-color: #6c757d !important; /* for IE */
|
|
color: #ffed00 !important;
|
|
}
|
|
|
|
select option:checked {
|
|
background: linear-gradient(#d6d6d6, #d6d6d6);
|
|
background-color: #d6d6d6 !important; /* for IE */
|
|
color: #000000 !important;
|
|
}
|
|
|
|
/** error page start**/
|
|
.not-found text {
|
|
font-size: 50px;
|
|
font-family: serif;
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
}
|
|
|
|
.not-found-text {
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
line-height: 2.0em;
|
|
font-family: 돋움체;
|
|
}
|
|
|
|
.not-found1 text {
|
|
font-size: 70px;
|
|
font-family: serif;
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
}
|
|
|
|
.not-found-text1 {
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
line-height: 2.0em;
|
|
font-family: 돋움체;
|
|
}
|
|
/** error page end**/
|
|
.text-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vertical-offset-10 {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.vertical-offset-50 {
|
|
padding-top: 50px;
|
|
}
|
|
|
|
.vertical-offset-100 {
|
|
padding-top: 100px;
|
|
}
|
|
|
|
.vertical-offset-150 {
|
|
padding-top: 150px;
|
|
}
|
|
|
|
.vertical-offset-200 {
|
|
padding-top: 200px;
|
|
}
|
|
|
|
.not-kor {
|
|
ime-mode: disabled;
|
|
}
|
|
|
|
.table>tbody>tr>td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.min-height-list {
|
|
min-height: 360px;
|
|
}
|
|
|
|
.w1400 {
|
|
width: 1400px
|
|
}
|
|
|
|
.w1000 {
|
|
width: 1800px;
|
|
}
|
|
|
|
.w800 {
|
|
width: 600px
|
|
}
|
|
|
|
.w600 {
|
|
width: 600px
|
|
}
|
|
|
|
.w500 {
|
|
width: 500px
|
|
}
|
|
|
|
.w400 {
|
|
width: 400px
|
|
}
|
|
|
|
.ellipsis {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100%;
|
|
}
|
|
|
|
.ellipsis-w40 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 40px;
|
|
}
|
|
|
|
.ellipsis-w60 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 60px;
|
|
}
|
|
|
|
.ellipsis-w80 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 80px;
|
|
}
|
|
|
|
.ellipsis-w100 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 100px;
|
|
}
|
|
|
|
.ellipsis-w120 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 120px;
|
|
}
|
|
|
|
.ellipsis-w150 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 150px;
|
|
}
|
|
|
|
.ellipsis-w200 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
width: 200px;
|
|
}
|
|
/* .highlight {
|
|
color: #fff;
|
|
background-color: #3e60c3;
|
|
border-color: #3963e1;
|
|
} */
|
|
.highlight {
|
|
color: #fff;
|
|
background-color: #6c757d;
|
|
border-color: #a8bbf2;
|
|
}
|
|
|
|
.bg-whit-opacity {
|
|
background-color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.sticky {
|
|
z-index: 10000;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.th-text {
|
|
position: absolute;
|
|
top: 0;
|
|
width: inherit;
|
|
line-height: 30px; /* header height값 */
|
|
border-left: 0px solid #ccc;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.fixed-header {
|
|
background: #ffffff;
|
|
height: 30px; /* header-bg height값 */
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.fixed-table-storeGroupUpdateList, .fixed-table-storeGroupChangeList {
|
|
height: 210px;
|
|
border: 0px solid #000;
|
|
position: relative;
|
|
padding-top: 24px; /* header-bg height값 */
|
|
}
|
|
|
|
.table-wrapper {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.round {
|
|
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 12px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 12px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.border {
|
|
border: 1px solid #c0c0c0;
|
|
}
|
|
|
|
.round-border {
|
|
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 12px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 12px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 12px;
|
|
border: 1px solid #c0c0c0;
|
|
}
|
|
|
|
.store-group-manage-box2 {
|
|
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 12px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 12px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 12px;
|
|
border: 1px solid #c0c0c0;
|
|
padding: 20px;
|
|
/* width:730px; */
|
|
}
|
|
|
|
.group-box1 {
|
|
border: 1px solid #c0c0c0;
|
|
padding: 20px;
|
|
height: 230px;
|
|
}
|
|
|
|
.group-box3 {
|
|
border: 1px solid #c0c0c0;
|
|
padding: 15px;
|
|
padding-top: 1px;
|
|
height: 220px;
|
|
}
|
|
|
|
.color_BADA55 {
|
|
border-radius: 10px;
|
|
background: #BADA55;
|
|
}
|
|
|
|
.color_BADA55_outline {
|
|
border-radius: 10px;
|
|
border: 1px solid #c0c0c0;
|
|
}
|
|
|
|
.text-emart-color {
|
|
color: #feb415 !important;
|
|
}
|
|
|
|
.text-default-color {
|
|
color: #454545 !important;
|
|
}
|
|
|
|
.vertical-center {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.width100-per {
|
|
width: 100%;
|
|
}
|
|
|
|
.width90-per {
|
|
width: 90%;
|
|
}
|
|
|
|
.width80-per {
|
|
width: 80%;
|
|
}
|
|
|
|
.width70-per {
|
|
width: 70%;
|
|
}
|
|
|
|
.width50-per {
|
|
width: 50%;
|
|
}
|
|
|
|
.width30-per {
|
|
width: 25%;
|
|
}
|
|
|
|
.search-store-list tr {
|
|
height: 30px;
|
|
border-botton: 1px solid #cccccc;
|
|
}
|
|
|
|
.search-store-list th {
|
|
height: 40px;
|
|
border-botton: 1px solid #cccccc;
|
|
}
|
|
|
|
.search-store-list td {
|
|
height: 30px;
|
|
border-botton: 0px solid #cccccc;
|
|
}
|
|
|
|
.search-store-list-list {
|
|
width: 100%;
|
|
}
|
|
|
|
#divSearchStoreList {
|
|
height: 180px;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.border-shadow {
|
|
border-color: #bcbcbc;;
|
|
box-shadow: 1px 1px 1px 1px #efefef;
|
|
}
|
|
|
|
.login-border-shadow {
|
|
border-radius: 4px !important;
|
|
box-shadow: 1px 1px 1px 1px #cacaca;
|
|
}
|
|
|
|
.form-control:focus {
|
|
background-color: #fff8e1;
|
|
}
|
|
|
|
.form-control::-webkit-input-placeholder {
|
|
color: #c0c0c0;
|
|
} /* WebKit, Blink, Edge */
|
|
.form-control:-moz-placeholder {
|
|
color: #c0c0c0;
|
|
} /* Mozilla Firefox 4 to 18 */
|
|
.form-control::-moz-placeholder {
|
|
color: #c0c0c0;
|
|
} /* Mozilla Firefox 19+ */
|
|
.form-control:-ms-input-placeholder {
|
|
color: #c0c0c0;
|
|
} /* Internet Explorer 10-11 */
|
|
.form-control::-ms-input-placeholder {
|
|
color: #c0c0c0;
|
|
} /* Microsoft Edge */
|
|
|
|
/* .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
|
|
background-color: red;
|
|
}
|
|
|
|
*/
|
|
|
|
/*사용자 권한 사용자 등록 수정 #userTable */
|
|
.table-responsive {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.modal-body table.user-table {
|
|
background-color: #ffffff;
|
|
color: #454545;
|
|
width: 610px;
|
|
}
|
|
|
|
.modal-body table.user-table th {
|
|
width: 180px;
|
|
height: 40px;
|
|
text-align: right;
|
|
background-color: #edeef1;
|
|
color: #454545;
|
|
font-weight: bold;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.modal-body table.user-table td {
|
|
width: 200px;
|
|
text-align: left;
|
|
background-color: #ffffff;
|
|
color: #454545;
|
|
/* font-weight: bold; */
|
|
padding: 3px;
|
|
margin: 3px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.user-modal-body, .user-modal-footer {
|
|
background-color: #ffffff ! important;
|
|
}
|
|
|
|
.font_color {
|
|
color: #454545 !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.loader-wrapper {
|
|
|
|
}
|
|
|
|
/*Flashing Table TD start*/
|
|
@
|
|
-webkit-keyframes invalid {from { background-color:#ffc1c1;
|
|
|
|
}
|
|
|
|
to {
|
|
border-bottom: inherit;
|
|
}
|
|
|
|
}
|
|
@
|
|
-moz-keyframes invalid {from { background-color:#ffc1c1;
|
|
|
|
}
|
|
|
|
to {
|
|
border-bottom: inherit;
|
|
}
|
|
|
|
}
|
|
@
|
|
-o-keyframes invalid {from { background-color:#ffc1c1;
|
|
|
|
}
|
|
|
|
to {
|
|
border-bottom: inherit;
|
|
}
|
|
|
|
}
|
|
@
|
|
keyframes invalid {from { background-color:#ffc1c1;
|
|
|
|
}
|
|
|
|
to {
|
|
border-bottom: inherit;
|
|
}
|
|
|
|
}
|
|
.invalid {
|
|
-webkit-animation: invalid 1s infinite; /* Safari 4+ */
|
|
-moz-animation: invalid 1s infinite; /* Fx 5+ */
|
|
-o-animation: invalid 1s infinite; /* Opera 12+ */
|
|
animation: invalid 1s infinite; /* IE 10+ */
|
|
}
|
|
|
|
td {
|
|
padding: 0em;
|
|
}
|
|
|
|
.appearance-none {
|
|
border-radius: 0; /* 아이폰 사파리 보더 없애기 */
|
|
-webkit-appearance: none; /* 화살표 없애기 for chrome*/
|
|
-moz-appearance: none; /* 화살표 없애기 for firefox*/
|
|
appearance: none /* 화살표 없애기 공통*/
|
|
-ms-expand{display:none
|
|
} /* 화살표 없애기 for IE10, 11*/
|
|
|
|
|
|
.sort-updown {
|
|
margin: 0px;
|
|
pading: 0px;
|
|
color: #c0c0c0;
|
|
} |