@charset "UTF-8";

/*
	Document	: Layout.css
	Created on	: 11. 4. 28 오후 1:14
	Author		: BahamuT
	Description	: 레이아웃을 지정하는 스타일 시트입니다.
*/
#login {
    position: relative;
    top: 25%;
    width: 720px;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
}

#login .contents {
    width: 370px;
    height: 95px;
    margin: 0;
    padding: 40px 0 0 350px;
    background: url('../Images/neocore.png') no-repeat 90px 35px #aaaaaa;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    behavior: url("/javascript/Common/PIE.php");
}

#login .contents dl {
    float: left;
    clear: both;
    width: 260px;
    height: 53px;
    overflow: hidden;
    margin: 0;
    border-left: solid 2px #aaaaaa;
}

#login .contents dl dt {
    float: left;
    clear: both;
    width: 80px;
    height: 27px;
    margin: 3px;
    font-family: tahoma;
    font-size: 11px;
    color: white;
    text-align: right;
    color: #000000;
}

#login .contents dl dd {
    float: left;
    height: 30px;
    padding-left: 5px;
}

#login .contents dl dd * {
    vertical-align: middle
}

#login .contents dl dd label {
    font-size: 11px;
    color: #999
}

#login .inputLogin {
    width: 130px;
    height: 20px;
    padding: 0 10px;
    text-align: center;
    border: none;
    font-size: 12px;
    line-height: 12px;
    color: #777;
}

#login .inputLogin:focus {
    color: #555;
    font-weight: 700;
    font-size: 12px;
}

#login .inputLoginBtn {
    float: left;
}

.loginCopyright {
    position: relative;
    top: 25%;
    margin: 5px auto 0 auto;
    font-size: 10px;
    color: #999;
    font-family: tahoma;
    text-align: center;
}

#loginBottom {
    clear: both;
    width: 846px;
    margin: 10px auto 40px
}

#loginBottom dl {
    float: left;
    width: 550px
}

#loginBottom dl dt {
    float: left;
    width: 40px;
    height: 40px;
    color: #049DDF
}

#loginBottom dl dd {
    color: #999
}

#loginBottom .leftBtns {
    float: right;
    margin: 10px 0
}

#loginBottom .leftBtns a {
    margin-left: 5px
}

/* 로딩 박스 */
#loadingArea {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 70px;
    padding: 20px;
    border: 2px solid #000;
    background: #FFF;
    text-align: center
}

/* //로딩 박스 */

/* 타이틀 스타일 */
.title {
    clear: both;
    padding: 10px 0
}

.title h1 {
    float: left;
    font-size: 16px;
    color: #aaa
}

.title span {
    float: left;
    margin: 4px;
    font-size: 11px;
    color: #999;
    letter-spacing: -2px
}

.title .more {
    float: right
}

/* //타이틀 스타일 */

/* 안내사항 스타일 */
.infomation {
    clear: both;
    margin-top: 10px;
    border: 1px solid #DDD;
    border-left: 3px solid #DDD;
    font-size: 11px;
    letter-spacing: -1px
}

.infomation dl {
    clear: both
}

.infomation dl dt {
    float: left;
    padding: 5px;
    color: #049DDF
}

.infomation dl dd {
    float: left;
    padding: 5px;
    color: #999
}

.infomation1 {
    position: relative;
    top: 10px;
    clear: both;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #dddddd;
    border-left: 3px solid #aaaaaa;
    background: #EEEEED;
    font-size: 11px;
    letter-spacing: -1px
}

.infomation1 h3 {
    font-size: 12px;
    margin-bottom: 2px;
    color: #aaa
}

.infomation1 ol {
    margin: 0;
    padding: 0 0 0 18px;
    list-style: decimal;
    color: #333;
}

.infomation1 ol li {
    margin-bottom: 1px
}

/* //안내사항 스타일 */

/* 입력폼 테이블 스타일 */
.des {
    margin: 4px;
    font-size: 11px;
    color: #638BA8;
    letter-spacing: -2px
}

.formStyle {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    border-top: 2px solid #aaaaaa;
    border-left: 1px solid #dddddd;
}

.formStyle caption {
    display: none
}

.formStyle tr th {
    padding: 8px 0 8px 15px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #EEEEED;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    text-align: left;
    vertical-align: middle
}

.formStyle tr td {
    height: 30px;
    padding: 5px 0 5px 20px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd
}

.description {
    font-size: 11px;
    color: #aaaaaa;
}

/* //입력폼 테이블 스타일 */

.formStyle2 {
    clear: both;
    margin-bottom: 15px;
    border-top: 3px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    width: 100%;
}

.formStyle2 caption {
    display: none
}

.formStyle2 tr th {
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #dddddd;
    background: #EEEEED;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    text-align: center;
    vertical-align: middle
}

.formStyle2 tr td {
    height: 30px;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #dddddd
}

/* //입력폼 테이블 스타일 */

.formStyle .selectList li {
    float: left;
    margin: 2px;
    padding: 0 4px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #f0f0f0;
    border: solid 1px #ddd;
    cursor: pointer;
}

.formStyle .selectList li img {
    vertical-align: middle;
}

.formStyle .selectList li:hover {
    background: #fff;
    color: #333;
    border: solid 1px #dddddd;
}

.formStyle .selectList li.selected {
    color: #fff;
    font-weight: 700;
    letter-spacing: -1px;
    background: #dddddd;
    border: solid 1px #dddddd;
}

.formStyle .selectList li.selected:hover {
    background: #dddddd;
}

.mapWrap {
    border: 3px solid #aaaaaa;
    width: 1000px;
    height: 400px;
    background: #ccc;
}

.mapWrap2 {
    float: left;
    height: 300px;
}

/* 리스트 스타일 */
.listStyle {
    clear: both;
    margin: 0 auto;
    margin-top: 10px;
    border: none;
    font-size: 12px;
    border-top: 2px solid #aaaaaa;
    border-right: 1px solid #EEEEED;
}

.listStyle caption {
    display: none
}

.listStyle thead th {
    padding: 10px 0 !important;
    line-height: 11px;
    background: #EEEEED;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    letter-spacing: -1px;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.listStyle thead th.leftTh {
    border-left: 1px solid #EEEEED;
}

.listStyle tbody td {
    padding: 10px 2px;
    background: none;
    font-size: 12px;
    border-left: 1px solid #EEEEED;
    border-bottom: 1px solid #aaa;
}

.listStyle tbody th {
    padding: 5px 2px;
    background: none;
    font-size: 12px;
    border-left: 1px solid #EEEEED;
    border-bottom: 1px solid #aaa;
}

.listStyle tfoot td {
    padding: 10px 2px;
    border-left: solid 1px #E2E4E8;
    border-bottom: solid 1px #ccc;
    background: #eee;
    font-weight: bold;
    color: #000
}

.listStyle tfoot th {
    background: #333;
    color: #FFF
}

.listStyle tfoot td dl {}

.listStyle tfoot td dl dt {
    float: left;
    padding-left: 30px
}

.listStyle tfoot td dl dd {
    float: left;
    padding-left: 10px
}

.listStyle tbody tr.line1 td {
    background: #f0f0f0;
}

.listStyle tr:hover td {
    background: #f2f2f2;
}

.listStyle tbody tr.line1:hover td {
    background: #f2f2f2;
}

/* //리스트 스타일 */

.sublistStyle {
    width: 100%;
    height: 100%;
}

.sublistStyle tbody td {
    border: none;
    border-left: 1px solid #EEEEED;
    border-bottom: 1px solid #EEEEED;
}

.sublistStyle tbody td.leftTh {
    border-left: none;
}

.sublistStyle tbody td.bottomTh {
    border-left: none;
}

.pollStyle {
    width: 700px;
    margin: auto;
}

.pollStyle h2 {
    font-size: 12px;
    padding: 0 0 3px 5px;
}

.pollStyle ol {
    padding-left: 30px;
    list-style: decimal;
}

.pollStyle .bar_1 {
    background: #cc0000;
    color: white;
    font-size: 11px;
}

.pollStyle .bar_2 {
    background: #ff9900;
    color: white;
    font-size: 11px;
}

.pollStyle .bar_3 {
    background: #66cc66;
    color: white;
    font-size: 11px;
}

.pollStyle .bar_4 {
    background: #9999cc;
    color: white;
    font-size: 11px;
}

.pollStyle .bar_5 {
    background: #3333cc;
    color: white;
    font-size: 11px;
}

.pollStyle .bar_6 {
    background: #7466cc;
    color: white;
    font-size: 11px;
}

/* 트리메뉴 + 폼데이터 수정페이지 */
.treeForm {
    clear: both
}

.treeForm .treeMenu {
    float: left;
    clear: both;
    width: 29%
}

.treeForm .treeMenu .treeBox {
    border: solid 2px #ccc;
    overflow: hidden;
}

.treeForm .formData {
    float: left;
    width: 69%;
    margin-left: 2%
}

.cate {
    cursor: pointer
}

/* // 사이트구성 */

/* 입력폼 */
.inputBox {
    padding: 4px 3px;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    color: #575757;
}

.inputBox:hover {
    padding: 4px 3px;
    border: 1px solid #aaaaaa;
}

.inputBox:focus {
    padding: 3px 2px;
    border: 2px solid #aaaaaa;
}

.textareaBox {
    padding: 4px 3px;
    border: 1px solid #D1D1D1;
    font-size: 12px;
    color: #575757;
    overflow: auto;
    padding: 4px 3px;
    text-align: justify;
}

.submit {
    padding: 30px;
    clear: both;
    text-align: center
}

.req {
    padding: 3px 2px;
    color: #1391D5
}

/* //입력폼 */


/* perpage2 */
.perpage2 {
    padding-bottom: 5px;
    float: left
}

/* //perpage2 */

/* perpage */
.perpage {
    padding-bottom: 5px;
    float: right
}

/* //perpage */

/* pager */
.pager {
    padding: 15px 0;
    text-align: center
}

.pager a,
.pager b {
    display: inline-block;
    _position: relative;
    margin-right: -6px;
    padding: 3px 10px 2px 11px;
    background: #fff url('../Images/pagerLineBg.gif') no-repeat 0 5px;
    font-family: Tahoma, Serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    color: #333;
    text-decoration: none !important
}

.pager b {
    color: #ff3300 !important
}

.pager a:hover,
.pager a:active,
.pager a:focus {
    background-color: #f7f7f7
}

.pager span.pre a,
.pager span.pre_end a,
.pager span.next a,
.pager span.next_end a {
    font-family: tahoma, '돋움', Dotum, '굴림', Gulim, AppleGothic, Sans-serif;
    font-size: 11px
}

.pager span.pre a {
    padding: 4px 10px 2px 17px;
    background: url('../Images/pager1Bg.gif') no-repeat 100% 4px !important
}

.pager span.pre_end a {
    padding: 4px 10px 2px 16px;
    background: url('../Images/pager2Bg.gif') no-repeat 100% 4px !important
}

.pager span.next a {
    padding: 4px 18px 2px 11px;
    background: url('../Images/pager3Bg.gif') no-repeat 0 4px !important
}

.pager span.next_end a {
    padding: 4px 16px 2px 9px;
    background: url('../Images/pager4Bg.gif') no-repeat 0 4px !important
}

/* //pager */

/* zipcodeArea */
#zipcodeArea {
    min-height: 200px;
    height: auto !important;
    height: 300px;
    padding: 0 5px;
    border: 2px solid #ccc
}

#zipcodeArea li:hover {
    background: #f0f0f0;
}

#zipcodeArea a {
    font-size: 11px
}

/* //zipcodeArea */

/* 에러처리 */
.topMenuAlertformError .formErrorContent {
    width: 80px !important;
    margin-left: 40px !important
}

.inputContainer {
    float: left;
    position: relative
}

.formError {
    display: block;
    position: absolute;
    top: 300px;
    left: 300px;
    z-index: 5000;
    cursor: pointer
}

.ajaxSubmit {
    display: none;
    padding: 20px;
    border: 1px solid #999;
    background: #55ea55
}

.formError .formErrorContent {
    position: relative;
    z-index: 5001;
    width: 100%;
    width: 190px;
    padding: 4px 10px;
    border: 2px solid #ddd;
    border-radius: 6px;
    background: #304D8B;
    font-family: tahoma;
    font-size: 11px;
    color: #fff;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    position: relative;
    z-index: 5006;
    width: 15px;
    margin: -2px 0 0 150px;
    display: none;
}

.formError .formErrorArrowBottom {
    top: 2px;
    margin: 0 0 0 12px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.formError .formErrorArrow div {
    display: block;
    height: 1px;
    margin: 0 auto;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    background: #304D8B;
    font-size: 0;
    line-height: 0;
    font-size: 0;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.greenPopup .formErrorArrow div {
    background: #33be40
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd
}

/* //에러처리 */


.base_ul {}
.base_ul li {display: block; height: 33px; position: relative;line-height: 33px; margin-bottom: 3px; font-size: 14px; width: 100%; background: #fff;}
.base_ul li:nth-child(2n) {background: #efefef}
.base_ul li a{float: right; margin-top: 5px; width: 50px; height: 20px; line-height: 20px; text-align: center; display: block;}

.btn_Red {background: crimson!important; color: #fff!important;}
.btn_Green {background: #28a745!important; color: #fff!important;}
.btn_Blue {color: #fff!important; background: #083bbe!important; border-color: #083bbe!important; }


tr.not_read,
tr.not_read td{background: rgba(207, 75, 152, 0.1)!important} 

.da_wrap { margin: 0px 0px 40px}
.da_wrap::after{display: block; clear: both; content: "";}
.da_wrap .da_row {position: relative; width: 100%; font-size: 0}
.da_wrap .da_row .da_card {width: 23.1%; border: 1px solid #ddd; border-radius: 5px; display: inline-block; margin-right: 2.5%; position: relative;box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; margin-bottom: 30px;}
.da_wrap .da_row .da_card:last-child {margin-right: 0;}
.da_wrap .da_row .da_card a.da_link {position: absolute; display: block; width: 100%; padding: 5px; bottom: 0; left: 0; background: rgba(32, 60, 68, 0.3); text-align: center; color: #fff; font-size: 14px;}
.da_wrap .da_row .da_bg_primary {background: #083bbe }
.da_wrap .da_row .da_bg_secondary {background: #6c757d}
.da_wrap .da_row .da_bg_success {background: #28a745}
.da_wrap .da_row .da_bg_danger {background: #dc3545}
.da_wrap .da_row .da_bg_warning {background: #ffc107}
.da_wrap .da_row .da_bg_info {background: #17a2b8}
.da_wrap .da_row .da_bg_white {background: #fff; }

.da_wrap .da_row .da_card .da_hd {width: 100%;  padding: 20px; color: #fff; font-size: 18px; font-weight: bold;}
.da_wrap .da_row .da_card .da_hd a {color: #fff;}
.da_wrap .da_row .da_card .da_hd a.view_count {float: right; width: auto; padding: 2px 10px; text-align: center; background: crimson; color: #fff; font-size: 14px; border-radius: 25px;}
.da_wrap .da_row .da_card .da_hd.da_bg_danger a.view_count {background:#ffc107 }
.da_wrap .da_row .da_card .da_content {width: 100%; padding: 10px 15px 30px 15px; }
.da_wrap .da_row .da_card .da_content ul {}
.da_wrap .da_row .da_card .da_content ul li {height: 40px; line-height: 40px;  text-align: right; border-bottom: 1px dotted #ddd; font-size: 14px;}
.da_wrap .da_row .da_card .da_content ul li:last-child {border: none;}
.da_wrap .da_row .da_card .da_content ul li span {display: inline-block; width: 120px; float: left; text-align: left}

.da_wrap.da_wrap_first {margin: 30px 0px 0px;}

.da_wrap .da_row.da_row_half {width: 50%; float: left;}
.da_wrap .da_row.da_row_half .da_card {width: 47%;}
.da_wrap .da_row .da_card.da_card02 {height: 487px; background: #fff; overflow-y: scroll}

.da_wrap .da_row .da_card.da_card_full {width: 100%;}
.da_wrap .da_row .da_card .da_hd.da_bg_white, 
.da_wrap .da_row .da_card .da_hd.da_bg_white i {color: #000; font-weight: normal}
.da_wrap .da_row .da_card .da_hd.da_bg_white a {color: #000; font-weight: bold;}

.da_wrap .da_row .da_card.da_card_ip {height: 400px;}
.da_wrap .da_row .da_card.da_card_ip .da_content {height: 280px; overflow: hidden; overflow-y: scroll;}

.da_wrap.da_ip_wrap .da_row .da_card .da_content {min-height: 700px; background: #fff}

.da_wrap .da_row.da_board .da_card .da_hd {opacity: 0.9} 

.da_wrap.da_center .da_row .da_card {float: left!important;}
.da_wrap .da_row .da_card.da_card_ex {height: 68px; overflow: hidden;}
.da_wrap .da_row .da_card .da_ex_hd {width: 100%; padding: 5px;}
.da_wrap .da_row .da_card .da_ex_hd ul {font-size: 0;}
.da_wrap .da_row .da_card .da_ex_hd ul li {display: inline-block; width: 50%; padding: 3px; position: relative;font-size: 14px; color: #000}
.da_wrap .da_row .da_card .da_ex_hd ul li a {font-size: 14px; color: #fff; position: absolute; top: 2px; right: 20px; padding: 1px 5px; background: #17a2b8; border-radius: 3px;}
.da_wrap .da_row .da_card .da_ex_hd ul li.li_red a {background: crimson; }
.da_wrap .da_row .da_card .da_ex_hd ul li.da_ex_title span {background: #28a745; color: #fff; display: inline-block; padding: 1px 5px; border-radius: 3px;}

.da_table {padding: 0px 10px}
.da_table table {width: 100%; border-top: 1px solid #ddd;}
.da_table table thead th {font-weight: 400; color: gray}
.da_table table th,
.da_table table td {padding: 10px; color: #000; text-align: center; border-bottom: 1px solid #ddd; font-size: 15px; }
.da_table table td span {max-width: 160px; height: 22px; display: block; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; margin: 0 auto}
.da_table table tr.bg_on {background: #f9f9f9!important}

.ncs_alarm.blinking {float: right; display: block; padding: 2px 5px; border-radius: 5px; background: crimson; color: #fff; font-size: 14px; }

.da_wrap select {min-width: 120px; padding: 0px 10px; font-size: 15px;}


.blinking{
  -webkit-animation: blink 1s ease-in-out infinite alternate;
  -moz-animation: blink 1s ease-in-out infinite alternate;
  animation: blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0.2;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0.2;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0.2;}
  100% {opacity: 1;}
}

.color_gray {color: gray!important}
.color_red {color: crimson}
.color_green {color: #02803e}
.color_yellow {color: #ffc107}

.fc-head {line-height: 50px;  font-weight: bold;  }
.fc-content{ color:#fff;padding: 2px; }
.fc-event {border: none;}
.fc-event, 
.fc-event-dot {background-color: transparent;}
.fc-sat,
.fc-sat span{ color:#0000FF!important; }
.fc-sun,
.fc-sun span{ color:#FF0000!important; }


.ShowChangeBtn_wrap {text-align: right}

.alert {position: relative;  padding: .75rem 1.25rem;  margin-bottom: 1rem;  border: 1px solid transparent; border-radius: .25rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.alert-info {color: #fff;  background: #17a2b8;  border-color: #148ea1;}
.alert-warning {color: #000;  background: #fff3cd;  border-color: #ffecb5;}
.alert-danger {color: #000; background: #f8d7da; border-color: #f5c2c7}

.box_row {position: relative; margin: 15px 0px; padding: 30px; overflow: hidden; transition: 0.5s;}
.box_row .box_left {float: left}
.box_row .box_right {float: right}
.box_row::after {display: block; content: ""; clear: both; }

.box_row.on {height: 65px; padding: 20px; transition: 0.5s}

.box_row .box_title {font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.box_row .box_title img {vertical-align: top; margin-right: 5px;}
.box_row .box_text {line-height: 25px;}

.box_down a {display: block; line-height: 20px; border: 1px solid #02803e; width: 250px; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;}
.box_down_right {position: absolute; right: 0; top: 10px}


tr.show_crimson th,
tr.show_crimson td{ background: black!important; color: #fff}


.da_sch {background: #fff; padding: 20px 20px 70px 20px; position: relative; width: 100%; border: 1px solid #ddd}
.da_sch button {position: absolute; bottom: 15px; left: 20px;}

.box_shadow {box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; }

ul.basic_ul {margin: 10px auto;}
ul.basic_ul li {display: inline-block; margin-right: 20px;}
ul.basic_ul li:last-child{margin-right: 0}


.da_sms {width: 100%; }
.da_wrap .da_row .da_sms .da_card .da_hd {padding: 13px 20px}
.da_sms .da_hd b {display: inline-block; padding: 3px 7px; border-radius: 5px;}
.da_sms .da_hd b.b_green {background: green; color: #fff;}
.da_sms .da_hd b.b_red {background: crimson; color: #fff;}


.Sendall_btn {position: absolute; right:50px; top: 12px;}

.set_btn {position: absolute; right: 14px; top: 20px;}
.set_btn img {width: 20px;}


.set_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none; background: rgba(0,0,0,0.5);}
.set_wrap .set_inner {position: fixed; top: 50%; left: 50%; width: 400px; height: 600px; margin-left: -200px; margin-top: -300px;  border-radius: 5px;}

.auto_row {}
.auto_row::after{content: ""; clear: both; display: block}

.auto_right {float: right;}
.auto_left {float: left;}

.auto_box {padding: 10px}

.auto_card {border: 1px solid #ddd;  border-radius: 5px;  position: relative;  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; background: #fff}
.auto_card .auto_hd { padding: 0px 10px; height: 60px; line-height: 60px; width: 100%; position: relative; font-size: 18px;}
.auto_card .auto_hd.bg_blue {background: #4172ef; color: #fff;} 
.auto_card .auto_hd a.pos_right {position: absolute; top: 0px; right: 15px;}

.auto_card .auto_content {padding: 10px}


.ss_ul li {font-weight: bold; line-height: 45px; border-top: 1px dotted #ddd}
.ss_ul li span {display: inline-block; margin-left: 20px; color: gray; font-weight: 400 }
.ss_ul li a {float: right; font-size: 13px; min-height: 25px!important; max-height: 25px; margin-top: 10px }

.color_white {color: #fff!important}

.bold {font-weight: bold;}


.auto_table {width: 100%; border-top: 1px solid #ddd}
.auto_table tr td,
.auto_table tr th {padding: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center}
.auto_table tr td:last-child{border-right: none;}
.auto_table tr th:last-child{border-right: none}
.auto_table thead tr th { background:rgba(135, 156, 186, 0.4)}

.bg_on {background: #fefefe!important}

.btn.btn_sm {min-width: 80px; height: 28px; line-height: 28px; padding: 5px 10px;}
.btn.btn_big {min-width: 160px; min-height: 40px; line-height: 40px; padding: 5px 10px;}
.btn_wraning {background: #ffc107!important;}
.btn_wraning.line {border: 1px solid #000;}

.auto_alarm_wrap {background: #fff; box-shadow: 0 .5rem 0.5rem rgba(0, 0, 0, .1) !important; border-radius: 5px; padding: 0px 10px; margin-top: 15px;}
.auto_alarm {padding: 10px 0px;  border-bottom: 1px dotted #ddd; height: 43px; }
.auto_alarm ul {height: 30px; overflow: hidden; width: calc(100% - 300px);}
.auto_alarm ul li a {display: inline-block; padding:2px 5px; background: #17a2b8; color: #eee; border-radius: 5px; margin-left: 5px; margin-bottom: 5px;}
.auto_alarm ul li.bg_red a {background: crimson}
.auto_inline{display: inline-block}

.c_title {font-size: 14px; padding-right: 10px; margin-right: 10px; border-right: 1px dotted #ddd; vertical-align: top}


.text_center {text-align: center}
.text_left {text-align: left!important}
.text_right {text-align: right!important}

.co_wrap .auto_table tr td,
.co_wrap .auto_table tr th {padding: 15px 10px;}

.half_table_wrap {}
.half_table_wrap .half_table {}
.half_table_wrap::after{display: block; content: ""; clear: both}
.half_table_wrap .auto_table tr th {background: #eee}

.auto_table.half_table {width: auto;}

.border_table tr td,
.border_table tr th {border-left: 1px solid #ddd; border-bottom: 1px solid #ddd!important }
.border_table tr td:last-child{border-right: 1px solid #ddd;}
.border_table tr th:last-child{border-right: 1px solid #ddd;}

.text_mini {display: block; width: 150px!important; overflow: hidden; text-overflow: ellipsis; word-break: keep-all}


.ec_tr {display: none;}
.ec_tr.on{display: table-row;}

.list_bg,
.list_bg td {background: #f9fafe!important}

.cal_wrap .da_wrap .da_row .da_card {vertical-align: top}
.cal_wrap .da_wrap .da_row .da_card .da_content ul li {height: 50px; line-height: 50px;  text-align: right; border-bottom: 1px dotted #ddd; font-size: 14px; overflow: hidden; text-overflow: ellipsis; word-break: keep-all}
.cal_wrap .da_wrap .da_row .da_card .da_content ul li:last-child {border: none;}
.cal_wrap .da_wrap .da_row .da_card .da_content ul li span {display: inline-block; width: 20px; float: left; text-align: left}


.cal_part_wrap {position: relative}
.cal_part_wrap .up_btn_wrap {}
.cal_wrap input[type='checkbox'] {height:48px!important}


.cal_wrap .da_wrap .da_row .da_card .da_content ul.da_ul_type02 li {text-align: left}
.cal_wrap .da_wrap .da_row .da_card .da_content ul.da_ul_type02 span,
.cal_wrap .da_wrap .da_row .da_card .da_content ul.da_ul_type02 a,
.cal_wrap .da_wrap .da_row .da_card .da_content ul.da_ul_type02 button {float: right; vertical-align: middle; margin-top: 7px}

.cal_wrap .da_wrap .da_row .da_card .da_content ul.da_ul_type02 li {position: relative}
.da_wrap .c_use {position: absolute; right: 120px; top: 7px;}

.er_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; display: none}
.er_wrap .er_inner {position: fixed; top: 50%; left: 50%; width: 80%; height: 760px; margin-left: -40%; margin-top: -380px; background: #Fff;}
.er_wrap .er_inner .er_con {position: relative; width: 100%; height: 100%;}
.er_wrap .er_inner .er_con .er_btn_wrap {position: absolute; width: 100%; text-align: center; bottom: 50px}


.er_wrap table tr td {border-bottom: 1px solid #ddd!important}


tr.bg_gray td,
tr.bg_gray:hover{background: #f3f3f3!important}


.bg_aw_blue {background: rgba(50, 50, 255, 0.03)!important}
.bg_aw_yellow {background: rgba(210, 180, 80, 0.03)!important}


.td_ul {}
.td_ul li {display: block; height: 36px; line-height: 36px; border-bottom: 1px dotted #ddd}
.td_ul li span {display:inline-block; width:120px;}

.ok_span {background: green; color: #fff; padding: 3px; border-radius: 3px;}
.no_span {background: crimson; color: #fff; padding: 3px; border-radius: 3px;}

.whex_li {position: relative}
.whex_alarm {position: absolute; right: 7px; top: 7px; width: 15px; height: 15px; border-radius: 15px; text-align: center; line-height: 15px; background: crimson; color: #fff; font-size: 12px; font-weight: bold; opacity: 0.9}

.ul_basic {}
.ul_basic li {display: inline-block; margin-right: 20px;}
.ul_basic li a {display: block; width: 120px; height: 36px; line-height: 36px; text-align: center; font-weight: bold; background: #ddd; border: 1px solid #ddd; border-radius: 5px;}
.ul_basic li.on a {background: crimson; color: #fff;}