.intEntTable-wrapper .panelScroll {
    padding-top: 16px;   
}
.panelScroll .white-box {
    padding-left: 0;
    padding-top: 0;
}

.headerBody-wrapper {
    margin-top: 20px;
}

.param-whiteBox .paramRow-wrapper {
    margin-top: 15px;
}
.param-whiteBox .param-title {
    height: 30px;
}

.param-whiteBox .param-title button {
    top: -5px !important;
}


#setApiPanel .tbl-param .task-done{
    width: 100% !important;
}

#setApiPanel .tbl-param .task-done:before {
    border: 1px solid #85b4d0;
    height: 22px;
    width: 22px;
}

#setApiPanel .tbl-param td {
    padding: 8px !important; 
}
#setApiPanel .tbl-param .checkbox {
    padding-left: 26px;
}

#setApiPanel .tbl-param .checkbox input[type=checkbox]:checked+label::after {
    height: 22px;
    width: 22px;
    margin-top: 2px;
    margin-left: -17px;

}

#setApiPanel .right-panel .rightPanel-inner .btn-close {
    position: absolute;
    right: 7px;
    top: 7px;
}

#setApiPanel .tbl-param .checkbox input[type=checkbox]{
    width: 22px;
    height: 22px;
}

#setApiPanel .tbl-param .tData-label {
    height: 22px !important;
    border-color: #85b4d0; 
}

#setApiPanel .tbl-param .paramList-span {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 0;
}
.btn-default, .dropdown-toggle,
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, 
.btn-default:active.focus, .btn-default.active.focus,  {
    color: #333;
    background-color: #eee !important;
    border-color: #e4e7ea !important;
}

.dropdown-toggle.btn-default {
  color: #333;
  background-color: #eee;
  border-color: #e4e7ea;
}
.intEntTable-wrapper .itemName-wrapper .input-group-btn .btn {
     border: solid 1px #e4e7ea !important; 
     opacity: 1 !important; 
}

.intEntTable-wrapper .itemName-wrapper .dropdown-toggle:hover, .intEntTable-wrapper .itemName-wrapper .dropdown-toggle:focus {
    background: #eee !important;
    opacity: 1 !important;
    box-shadow: none;
    border: solid 1px #e4e7ea !important;
}

.form-group {
    margin-bottom: 15px;
}

.topABS-div {
    position: relative;
    z-index: 100000;
}
.right-panel .topBtn {
    position: absolute;
    top: 10px;
    right: 40px;

}
.headerParam-controlWrapper button {
    font-size: 0.8em;
}
.ml15 {
    margin-left: 15px;
}

#setApiPanel .tbl-param table,
#setApiPanel .tbl-param table td,
#setApiPanel .tbl-param table th {
    border:none;
}

#setApiPanel .tbl-param table td,
#setApiPanel .tbl-param table th {
    padding: 0 !important;
    padding-left: 5px !important;
    vertical-align: middle !important;
}

.tbl-param a {
    color: #e4e7ea !important;
}

.tbl-param .input-param {
    height: 30px !important;
}

.headerParam-tblWrapper .paramList-split {
    color: #555;
    font-weight: bold;
}

#modal-settingsAuth .control-label {
    text-align: right;
}

/* query param */
.panelScroll #queryParamText-wrapper {
    position: relative;
    padding-left: 13px;
    color: #444;
    font-size: 12px;
}

.panelScroll #queryParamText-wrapper::before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    width: 18px;
    height: 18px;
/*--adjust as necessary--*/
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.panelScroll #showHide-queryParam .active::before {
    content: '\f0dd' !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    width: 18px;
    height: 18px;
/*--adjust as necessary--*/
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.panelScroll #queryParamText-wrapper {
    position: relative;
    padding-left: 13px;
    color: #444;
    font-size: 12px;
}

/* path param */
.panelScroll #pathParamText-wrapper::before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    width: 18px;
    height: 18px;
/*--adjust as necessary--*/
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.panelScroll #showHide-pathParam .active::before {
    content: '\f0dd' !important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #666;
    width: 18px;
    height: 18px;
/*--adjust as necessary--*/
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.panelScroll #pathParamText-wrapper {
    position: relative;
    padding-left: 13px;
    color: #444;
    font-size: 12px;
}

.apiList-wrapper {
   display: none;
}

#setApiPanel .tbl-param .apiList-innerWrapper {
    padding-top: 0px !important ;

}

.apiList-li {
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.apiList-li span {
    display: inline-block;
}

.apiList-li .api-icon {
    position: absolute; 
    margin: 0; 
    left: 0; 
    top: 0; 
    width: 60px; 
    height: 30px;
    padding: 6.5px 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    white-space: nowrap; 
    font-weight: normal;
    border-radius: 0 !important;

}
/*.apiList-li .apiList-icon:before {
    content: '\f105';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}*/

.apiList-li .api-content{
   /* position: relative;*/
    display: block; 
    height: 30px; 
    margin: 5px 0; 
    padding: 5px 10px 5px 70px; 
    color: #333; 
    text-decoration: none; 
    border: 1px solid #d9d9d9;

}

.apiList-li .api-settings {
    position: absolute;
    top: 3px;
    right: 4%;
}

/* legacy > header & body tab */
.param-whiteBox .nav-tabs {
    border-bottom: solid 1px #eaeaea;
}

.param-whiteBox .nav-tabs .box-title {
    margin-bottom: 0 !important; 
    opacity: 0.3;
    text-transform: none !important;
}

.param-whiteBox .box-title {
    text-transform: none !important;
}

.param-whiteBox .nav-tabs .active .box-title{
    opacity: 1;
}

.param-whiteBox .tab-content {
    margin-top: 15px !important;
}

.param-whiteBox .nav li {
    margin-right: 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #eaeaea;
    border-bottom-color: transparent;
}

.result-wrapper {
    position: relative;
    padding: 20px 0;
    border-top: solid 1px #eaeaea;  
    min-height: 250px; 
}

.result-wrapper .result-guide {
    font-size: 0.9em;
    color: #666;
}

/* jsonEditor */
#jsonEditor-wrapper{
    height: 400px;
    overflow: auto;
}
#jsonEditor-wrapper td {
    padding: 0 !important;
}

div.jsoneditor-tree div.jsoneditor-tree-inner {
    padding-bottom: 20px !important;
}

.apiSet-label span{
    display: inline-block;
    padding: 12px 0;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc !important;
}

.right-panel .form-control[disabled] {
    background: #fff !important;
}

/* status code */
.status-code {
    margin-left: 5px;
}

.status-code.sc-default {
    color: #ccc;
}

.status-code.sc-success {
    color: #17c5a6;
}

.status-code.sc-fail {
    color: #fd3c3c;
}

/* api body */
#headerBody-body .apiBody-wrapper {
    display: none;

}
#headerBody-body .apiBody-wrapper .apiBody-right {
    float: right;
    clear: right;
}

#headerBody-body .apiBody-wrapper .apiBody-right li {
    margin-right: 0;
}

#headerBody-body .apiBody-wrapper textarea {
    height: 150px;
    border-top: none;
}

#headerBody-body .apiBody-wrapper #apiBody-formWrapper{
    display: none;
}

#headerBody-body .apiBody-wrapper .apiBody-ddLi {
    font-size: 0.8em;
}

#headerBody-body .apiBody-wrapper .apiBody-ddMenu {
    height: 35px;
    border-bottom: solid 1px #e4e7ea;
}

#headerBody-body .apiBody-wrapper .dropdown-toggle {
    padding: 9px 12px;
    font-size: 0.8em;
    border: 1px solid #eaeaea;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;

}

#dialog-workspace .itemName-wrapper .input-group-btn .btn {
    border: solid 1px #e4e4ee !important;
    opacity: 1; 
}

#setApiPanel .api-formGroup {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;  
}

.input-group-btn .label {
    font-size: 12px;
    margin-right: 10px;
}

.reqPrint-tab .box-title {
    font-weight: 600;
}

#setApiPanel .pull-right .btn {
    font-size: 0.6em !important;
}

#setApiPanel .paramList-title {
    font-weight: 600;
}

#setApiPanel .reqPrint-tab {
    margin-bottom: 0 !important;
}

#setApiPanel .paramControl-wrapper {
    padding-bottom: 12px;
    border-bottom: solid 1px #e4e7ea; 

}

/* dialog 모드에서는 hidden 처리 */
.param-check, .param-del {
    display: none;
}

.pathParamList-wrapper,
.headerParamList-wrapper,
.bodyParamList-wrapper {
    margin-top: 30px;
}

#setApiPanel .apiBody-guide {
    padding-top: 15px;
}

#setApiPanel .apiRes-wrapper {
    margin-top: 20px;
}

#setApiPanel .apiRes-wrapper .tab-content {
    padding-top: 20px;
}