@charset "utf-8";
  
.flexibleStabs { margin:8px }
.flexibleStabs > .steps { position: relative; display: block; width: 100%; margin-top: 5px; overflow: hidden;}
.flexibleStabs.vertical > .steps { display: inline; float: left; width: 30%; }
.flexibleStabs > .steps .number { font-size: 14px; }
.flexibleStabs > .steps > ul > li { width: 25%; float: left; }
.flexibleStabs > .steps > ul > li a{ height: 36px;}
.flexibleStabs.vertical > .steps > ul > li { float: none; width: 100%; }
.flexibleStabs > .steps a,
.flexibleStabs > .steps a:hover,
.flexibleStabs > .steps a:active { display: block; width: auto; padding: 10px 10px; text-decoration: none; }
.flexibleStabs > .steps .disabled a,
.flexibleStabs > .steps .disabled a:hover,
.flexibleStabs > .steps .disabled a:active { background: rgba(0,0,0, 0.2); color: #f2f2f2; cursor: pointer; }
.flexibleStabs > .steps .current a,
.flexibleStabs > .steps .current a:hover,
.flexibleStabs > .steps .current a:active { background: #fff; color: #222; cursor: pointer; font-size: 16px;}
.flexibleStabs > .steps .done a,
.flexibleStabs > .steps .done a:hover,
.flexibleStabs > .steps .done a:active { background: #9dc8e2; color: #fff; }
.flexibleStabs > .steps .error a,
.flexibleStabs > .steps .error a:hover,
.flexibleStabs > .steps .error a:active { background: #ff3111; color: #fff; }
.flexibleStabs > .content {  display: block; min-height: 20em; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.flexibleStabs.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; }
.flexibleStabs > .content > .body { float: left; position: absolute; width: 100%; height: 95%; background: #fff;}
.flexibleStabs > .content > .body ul { list-style: disc !important; }
.flexibleStabs > .content > .body ul > li { display: list-item; }
.flexibleStabs > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.flexibleStabs > .content > .body input { display: block; }
.flexibleStabs > .content > .body input[type="checkbox"] { display: inline-block; }
.flexibleStabs > .content > .body input.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; }
.flexibleStabs > .content > .body label { display: inline-block; margin-bottom: 0.5em; }
.flexibleStabs > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }

.popUpWrap .view .titleTxt {text-align: center;}
.flexibleStabs form { margin-top:20px; }
.flexibleStabs .btnSet { margin-top:10px; }
.flexibleStabs .btnSet button {
    min-width: 95px;
    height: 28px;
    line-height: 24px;
    margin-right: 8px;
    border-radius: 4px;
    outline: 0;
 }
.flexibleStabs .table01 { padding-top:20px;}
.flexibleStabs .table01 tr { width: 90%; }
    
/*=== scrollbar ===*/
::-webkit-scrollbar{width: 6px; height:8px; }
::-webkit-scrollbar-thumb {background-color: #ddd;}