@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .tooltip, .popover {
    font-family: "굴림", gulim, Dotum, "돋움", Helvetica, "Apple SD Gothic Neo", sans-serif !important;
}
html:lang(en),
html:lang(en) body,
html:lang(en) h1,
html:lang(en) h2,
html:lang(en) h3,
html:lang(en) h4,
html:lang(en) h5,
html:lang(en) h6,
html:lang(en) .h1,
html:lang(en) .h2,
html:lang(en) .h3,
html:lang(en) .h4,
html:lang(en) .h5,
html:lang(en) .h6,
html:lang(en) .tooltip,
html:lang(en) .popover {font-family: Arial, sans-serif !important;}
html:lang(ja),
html:lang(ja) body,
html:lang(ja) h1,
html:lang(ja) h2,
html:lang(ja) h3,
html:lang(ja) h4,
html:lang(ja) h5,
html:lang(ja) h6,
html:lang(ja) .h1,
html:lang(ja) .h2,
html:lang(ja) .h3,
html:lang(ja) .h4,
html:lang(ja) .h5,
html:lang(ja) .h6,
html:lang(ja) .tooltip,
html:lang(ja) .popover {font-family: “MS PGothic”, Osaka, Arial, sans-serif !important;}
html:lang(zh-tw),
html:lang(zh-tw) body,
html:lang(zh-tw) h1,
html:lang(zh-tw) h2,
html:lang(zh-tw) h3,
html:lang(zh-tw) h4,
html:lang(zh-tw) h5,
html:lang(zh-tw) h6,
html:lang(zh-tw) .h1,
html:lang(zh-tw) .h2,
html:lang(zh-tw) .h3,
html:lang(zh-tw) .h4,
html:lang(zh-tw) .h5,
html:lang(zh-tw) .h6,
html:lang(zh-tw) .tooltip,
html:lang(zh-tw) .popover {font-family: Arial, sans-serif !important;}
html:lang(zh-cn),
html:lang(zh-cn) body,
html:lang(zh-cn) h1,
html:lang(zh-cn) h2,
html:lang(zh-cn) h3,
html:lang(zh-cn) h4,
html:lang(zh-cn) h5,
html:lang(zh-cn) h6,
html:lang(zh-cn) .h1,
html:lang(zh-cn) .h2,
html:lang(zh-cn) .h3,
html:lang(zh-cn) .h4,
html:lang(zh-cn) .h5,
html:lang(zh-cn) .h6,
html:lang(zh-cn) .tooltip,
html:lang(zh-cn) .popover {font-family: Arial, Simsun, sans-serif !important;}
html:lang(es),
html:lang(es) body,
html:lang(es) h1,
html:lang(es) h2,
html:lang(es) h3,
html:lang(es) h4,
html:lang(es) h5,
html:lang(es) h6,
html:lang(es) .h1,
html:lang(es) .h2,
html:lang(es) .h3,
html:lang(es) .h4,
html:lang(es) .h5,
html:lang(es) .h6,
html:lang(es) .tooltip,
html:lang(es) .popover {font-family: Arial, sans-serif !important;}
html:lang(pt),
html:lang(pt) body,
html:lang(pt) h1,
html:lang(pt) h2,
html:lang(pt) h3,
html:lang(pt) h4,
html:lang(pt) h5,
html:lang(pt) h6,
html:lang(pt) .h1,
html:lang(pt) .h2,
html:lang(pt) .h3,
html:lang(pt) .h4,
html:lang(pt) .h5,
html:lang(pt) .h6,
html:lang(pt) .tooltip,
html:lang(pt) .popover {font-family: Arial, sans-serif !important;}
html:lang(fr),
html:lang(fr) body,
html:lang(fr) h1,
html:lang(fr) h2,
html:lang(fr) h3,
html:lang(fr) h4,
html:lang(fr) h5,
html:lang(fr) h6,
html:lang(fr) .h1,
html:lang(fr) .h2,
html:lang(fr) .h3,
html:lang(fr) .h4,
html:lang(fr) .h5,
html:lang(fr) .h6,
html:lang(fr) .tooltip,
html:lang(fr) .popover {font-family: Arial, sans-serif !important;}
html:lang(tr),
html:lang(tr) body,
html:lang(tr) h1,
html:lang(tr) h2,
html:lang(tr) h3,
html:lang(tr) h4,
html:lang(tr) h5,
html:lang(tr) h6,
html:lang(tr) .h1,
html:lang(tr) .h2,
html:lang(tr) .h3,
html:lang(tr) .h4,
html:lang(tr) .h5,
html:lang(tr) .h6,
html:lang(tr) .tooltip,
html:lang(tr) .popover {font-family: Arial, sans-serif !important;}
html:lang(th),
html:lang(th) body,
html:lang(th) h1,
html:lang(th) h2,
html:lang(th) h3,
html:lang(th) h4,
html:lang(th) h5,
html:lang(th) h6,
html:lang(th) .h1,
html:lang(th) .h2,
html:lang(th) .h3,
html:lang(th) .h4,
html:lang(th) .h5,
html:lang(th) .h6,
html:lang(th) .tooltip,
html:lang(th) .popover {font-family: Arial, sans-serif !important;}
html:lang(vi),
html:lang(vi) body,
html:lang(vi) h1,
html:lang(vi) h2,
html:lang(vi) h3,
html:lang(vi) h4,
html:lang(vi) h5,
html:lang(vi) h6,
html:lang(vi) .h1,
html:lang(vi) .h2,
html:lang(vi) .h3,
html:lang(vi) .h4,
html:lang(vi) .h5,
html:lang(vi) .h6,
html:lang(vi) .tooltip,
html:lang(vi) .popover {font-family: Arial, sans-serif !important;}

.toast-close-button {font-weight:300 !important;}
.toast-bottom-center {bottom:5px;}
#toast-container > div {
    -moz-box-shadow: 0 0 6px #999999;
    -webkit-box-shadow: 0 0 6px #999999;
    box-shadow: 0 0 6px #999999;
    padding: 10px 15px 10px 50px;
    line-height:24px;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}
#toast-container > :hover {
    -moz-box-shadow: 0 0 6px #999999;
    -webkit-box-shadow: 0 0 6px #999999;
    box-shadow: 0 0 6px #999999;
}
#toast-container > .toast-info,
#toast-container > .toast-error,
#toast-container > .toast-success,
#toast-container > .toast-warning {
    background-size:16px;
}

.navbar-toggle:focus {outline: 5px auto -webkit-focus-ring-color;}

.d-none {display: none !important;}
.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-block {display: block !important;}
.d-table {display: table !important;}
.d-table-row {display: table-row !important;}
.d-table-cell {display: table-cell !important;}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (max-width: 479px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .col-xxs-11 {
        width: 91.66666667%;
    }
    .col-xxs-10 {
        width: 83.33333333%;
    }
    .col-xxs-9 {
        width: 75%;
    }
    .col-xxs-8 {
        width: 66.66666667%;
    }
    .col-xxs-7 {
        width: 58.33333333%;
    }
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-5 {
        width: 41.66666667%;
    }
    .col-xxs-4 {
        width: 33.33333333%;
    }
    .col-xxs-3 {
        width: 25%;
    }
    .col-xxs-2 {
        width: 16.66666667%;
    }
    .col-xxs-1 {
        width: 8.33333333%;
    }
    .col-xxs-pull-12 {
        right: 100%;
    }
    .col-xxs-pull-11 {
        right: 91.66666667%;
    }
    .col-xxs-pull-10 {
        right: 83.33333333%;
    }
    .col-xxs-pull-9 {
        right: 75%;
    }
    .col-xxs-pull-8 {
        right: 66.66666667%;
    }
    .col-xxs-pull-7 {
        right: 58.33333333%;
    }
    .col-xxs-pull-6 {
        right: 50%;
    }
    .col-xxs-pull-5 {
        right: 41.66666667%;
    }
    .col-xxs-pull-4 {
        right: 33.33333333%;
    }
    .col-xxs-pull-3 {
        right: 25%;
    }
    .col-xxs-pull-2 {
        right: 16.66666667%;
    }
    .col-xxs-pull-1 {
        right: 8.33333333%;
    }
    .col-xxs-pull-0 {
        right: auto;
    }
    .col-xxs-push-12 {
        left: 100%;
    }
    .col-xxs-push-11 {
        left: 91.66666667%;
    }
    .col-xxs-push-10 {
        left: 83.33333333%;
    }
    .col-xxs-push-9 {
        left: 75%;
    }
    .col-xxs-push-8 {
        left: 66.66666667%;
    }
    .col-xxs-push-7 {
        left: 58.33333333%;
    }
    .col-xxs-push-6 {
        left: 50%;
    }
    .col-xxs-push-5 {
        left: 41.66666667%;
    }
    .col-xxs-push-4 {
        left: 33.33333333%;
    }
    .col-xxs-push-3 {
        left: 25%;
    }
    .col-xxs-push-2 {
        left: 16.66666667%;
    }
    .col-xxs-push-1 {
        left: 8.33333333%;
    }
    .col-xxs-push-0 {
        left: auto;
    }
    .col-xxs-offset-12 {
        margin-left: 100%;
    }
    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
        margin-left: 75%;
    }
    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
        margin-left: 50%;
    }
    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
        margin-left: 25%;
    }
    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
        margin-left: 0;
    }    
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a:focus {background-color: #367FA9!important;}
}

.nav-tabs-custom > .nav-tabs > li {border-radius:3px;}
.sidebar-menu>li.header {color: #5b8191 !important;}
.box-header.with-border {border-bottom: 1px solid #E6E6E6;}
.wrapper {max-width:1920px;}
.layout-boxed .wrapper {max-width:1400px;}
.modal-overflow {overflow-y:auto;}
.box-header .box-title {line-height:30px;}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu {max-height:none !important;}
a[onclick] {cursor:pointer;}
a:hover {text-decoration: underline !important;}
::-ms-clear {display: none;}
::-ms-reveal {display: none;}
.btn-flat:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration:none;
}

.input-group-lg>.input-group-btn>.btn[type=submit] {
    border-top-right-radius:6px !important;
    border-bottom-right-radius:6px !important;
}


/* my library, my search, my folder */
.bs-add-box {
    margin-bottom:0;
    padding:10px;
    border-bottom:1px solid #E6E6E6;
}


/* article */
.article {
    padding:10px;
    border-right:1px solid #E6E6E6;
    border-bottom:1px solid #E6E6E6;
    border-left:1px solid #E6E6E6;
}
.article > .row, .bs-article-box {
    clear:both;margin-left:0;margin-right:0;
}
.article .bs-image, .bs-article-box .bs-image {
    float:right;margin:5px;border:1px solid #E6E6E6;
}
.article .box-title a {line-height:1.3em;}
.article p {color:#616161;}
.bs-article-main-data-wrap div, .bs-article-extra-data-wrap div {color:#616161;}
.bs-article-button-wrap button {margin-left:5px !important;}
.bs-article-button-wrap button:first-child {margin-left:0 !important;}
.bs-articles {margin:0;}



/* many lang */
.many-lang {list-style-type: none;margin:0;padding:0;}
.many-lang li:hover {cursor:pointer;background-color: #fffcc8;}
.many-lang li {
    display:inline-block;
    text-align:center;
    line-height:35px;
    width:calc(10% + 1px);
    border:1px solid #eee;
    margin-bottom:-1px;
    margin-left:-1px;
}
.many-lang .btn {
    color:#333;
}



/* facet */
ul.facet-box {
    padding:0;margin:0;overflow:hidden;
    padding-left:25px;list-style-position:outside;
}
ul.facet-box > li {float:left;margin:0;padding:0;margin-bottom:10px;}
ul.facet-box > li .pull-right {margin-right:30px;}
ul.bs-facet .bs-disabled, ul.bs-facet .bs-disabled .bs-counter {color: #c1c1c1 !important;}
ul.bs-facet li.bs-msg {padding: 10px 15px 10px 18px;}
ul.bs-facet li.bs-text {padding: 10px 15px 10px 18px;}
ul.bs-facet .bs-tools {position:absolute;right:5px;top:5px;}
ul .bs-counter {font-style:italic;color:#777;}
.bs-facet-site-wrap a:hover {cursor:pointer;}
.bs-facet-modal .bs-search-box {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #eee;}



/* category, db list */
ul.bs-inline-block {padding:0;margin:0;list-style-type:none;}
ul.bs-inline-block.bs-hover > li:hover {
    cursor:pointer;background-color:#FCF8E3;
}
ul.bs-inline-block > li {
    height:34px;
    margin:0;
    padding:5px;
    display:inline-block;
    border-style:solid;
    border-color:#E6E6E6;
    border-width: 1px;
    margin-right:-1px;
    margin-bottom:-1px;
    vertical-align:middle;
}



/* search input */
.bs-input-remove {position:relative;}
.bs-input-remove input[type=search], .bs-input-remove input[type=text] {padding-right:30px;}
.bs-input-remove .bs-btn-remove {
    position: absolute;
    top: 1px;
    right:3px;
    z-index: 10;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.bs-input-remove .bs-btn-remove .fa-remove {
    padding-top:3px;
    vertical-align:top;
}
.bs-top-search-wrap .bs-btn-remove .fa-remove {
    padding-top:4px;
}
.bs-input-remove.bs-with-icon-1 .bs-btn-remove {right:41px;}
.bs-input-remove.bs-with-icon-2 .bs-btn-remove {right:82px;}
/*.bs-input-remove .input-group-btn button:first-child {margin-left:-2px;}*/

.bs-input-remove-sm input[type=search], .bs-input-remove-sm input[type=text] {padding-right:28px;}
.bs-input-remove-sm .bs-btn-remove {top:0;}
.bs-input-remove-sm.bs-with-icon-1 .bs-btn-remove {right:34px;}
.bs-input-remove-sm.bs-with-icon-2 .bs-btn-remove {right:68px;}

.bs-input-remove-lg .bs-btn-remove {top:7px;}
.bs-input-remove-lg.bs-with-icon-1 .bs-btn-remove {right:60px;}
.bs-input-remove-lg.bs-with-icon-2 .bs-btn-remove {right:110px;}

.advanced-form-year {text-align:center;}
.advanced-form-year > label {display:inline-block;margin:0 10px 0 15px;}
.advanced-form-year > input {display:inline-block;width:65px;}
.advanced-form-year > select {display:inline-block;width:110px;margin-left:15px;}



/* search histroy */
.bs-search-history a {font-weight:400;font-size:16px;}
.bs-search-history .bs-db {
    margin-left:10px;
    color:#616161 !important;
    font-size:14px !important;
}
.bs-search-history .bs-date {
    margin-left:10px;
    margin-right:10px;
    font-style:italic;
    color:#777;
}



/* util */
.h-auto {height:auto !important;}
.h-25 {height:25%;}
.h-50 {height:50%;}
.h-75 {height:75%;}
.h-100 {height:100%;}

.w-25 {width:25%;}
.w-50 {width:50%;}
.w-75 {width:75%;}
.w-100 {width:100%;}
.w-auto {width:auto !important;}

.top-20p {top:20%;}

.max-w-1000 {max-width:1000px;}

.p-0 {padding:0;}
.p-5 {padding:5px;}
.p-10 {padding:10px;}
.pr-0 {padding-right:0 !important;}
.pr-15 {padding-right:15px;}

.m-0 {margin:0;}
.m-5 {margin:5px;}
.m-10 {margin:10px;}
.mb-0 {margin-bottom:0;}
.mb-5 {margin-bottom:5px;}
.mb-10 {margin-bottom:10px;}
.mb-15 {margin-bottom:15px;}
.mb-20 {margin-bottom:20px;}
.ml-5 {margin-left:5px;}
.ml-10 {margin-left:10px;}
.mr-10 {margin-right:10px;}
.mt-40 {margin-top:40px;}

.line-height-32 {line-height:32px;}
.line-height-32 > .btn,
.line-height-32 > .btn-group {vertical-align:top;}

@media(max-width:749px) {
    .bs-xs-margin-bottom {margin-bottom:15px;}
}
@media(max-width:479px) {
    .xxs-mb-10 {margin-bottom:10px;}
}

@media (min-width: 750px) {
    .bs-sm-no-padding-left {padding-left:0;}
    .col-sm-auto { width: auto; }
}
@media (min-width: 970px) {
    .col-md-auto { width: auto; }
}
@media (min-width: 1170px) {
    .col-lg-auto { width: auto; }
}

.border-top-0 {border-top:0;}

.font-weight-light {font-weight:300!important}
.font-weight-normal {font-weight:400!important}
.font-weight-bold {font-weight:700!important}
.font-italic {font-style:italic!important}

.bs-box-controls {padding: 10px;}
.bs-box-controls.with-border {border-bottom: 1px solid #E6E6E6;}

ul.bs-list {padding:0;margin:0;list-style:none;}
ul.bs-list > li {border-bottom:1px solid #eaeaea;padding:5px;}
ul.bs-list > li:last-child {border-bottom:0;}
ol.bs-hover li:hover{cursor:pointer;text-decoration:underline;}
li.bs-msg {border-width:0 !important;}
span.highlight {background-color:yellow;}

.btn-text {background-color: #fff;color: #444;border-color: #ddd;}
.btn-text:hover,
.btn-text:active,
.btn-text.hover {
    background-color: #fff;cursor:default;
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;
}

.bs-radio > label {font-weight:normal;}
.bs-radio input[type=radio], .bs-radio > label > div {margin-right:5px;}

.form-control.bs-inline {display:inline-block;width:auto;vertical-align:top;}
.inline-block {display:inline-block !important;}
.list-none {list-style:none;}

.bs-text-truncate {
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.bs-text-truncate.bs-with-icon-1 {width: calc(100% - 30px);}
.bs-text-truncate.bs-with-icon-2 {width: calc(100% - 50px);}

.bs-disabled, .bs-light-color {color: #c1c1c1 !important;}
.bs-counter {font-style:italic;color:#777;}

.bs-btn-link:hover {cursor:pointer;text-decoration:underline;}
.bs-btn-link:active {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.bs-btn-link:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration:none;
}
.bs-btn-link {color:#333 !important;}
.nav>li>.bs-btn-link {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-tabs>li>.bs-btn-link {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.bs-btn-tool {
    padding:5px;
    background: transparent;
    text-align:left;
}
.bs-btn-tool.btn:active {
    box-shadow: none;
}
.bs-btn-tool:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration:none;
}
.text-primary {color:#337ab7 !important;}
.bs-btn-tool.text-primary:focus {color:#286090 !important;}

.bs-btn-icon {
    padding:0;
    background: transparent;
    text-align:left;
}
.bs-btn-icon.btn:active {
    box-shadow: none;
}
.bs-btn-icon:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration:none;
}

.bs-btn-category {
    padding:0;
}
.bs-item-tools {
    position:absolute;right:3px;top:0;
}
.bs-item-tools > a {
    display:inline-block;
    padding:6px 5px 4px 5px;
    vertical-align:middle;
}

.input-group-prepend select {
    width:100px !important;
    border-radius:3px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.box.bs-border-solid {border:1px solid #EAEAEA;box-shadow:none;}

.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #E7E7E7;
}
.btn-white:focus,
.btn-white.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #ccc;
}
.btn-white:hover {
    color: #333;
    background-color: #F4F4F4;
    border-color: #ccc;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    color: #333;
    background-color: #F4F4F4;
    border-color: #ccc;
}
.btn-white:active:hover,
.btn-white.active:hover,
.open > .dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .dropdown-toggle.btn-white.focus {
    color: #333;
    background-color: #F4F4F4;
    border-color: #ccc;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
    background-image: none;
}
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
    background-color: #fff;
    border-color: #ccc;
}
.btn-white .badge {
    color: #fff;
    background-color: #333;
}



/* component */
#scrollUp{
    bottom:20px;right:20px;background:#367FA9;color:#fff;font-size:12px;
    font-family:sans-serif;text-decoration:none;opacity:.9;padding:10px 15px;
    -webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;
    -webkit-transition:background 200ms linear;-moz-transition:background 200ms linear;transition:background 200ms linear;
}
#scrollUp:hover{background: #22506b;}

.input-daterange .input-group-addon {border-left:0;border-right:0;}
.input-daterange input[type=text] {min-width:55px;font-size:14px;}

.skin-black .bs-top-search > .input-group {border:1px solid #D2D6DE;}
.bs-top-search input[type="text"] {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
}
.bs-top-search input[type="text"], .bs-top-search .btn {
    box-shadow: none;
    background-color: #ffffff;
    border: 1px solid transparent;
    height: 35px;
}
.bs-top-search .btn {color: #999;}
.bs-top-search button[type=submit] {
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.bs-top-search {
    padding: 5px 3px;
    margin:0;
    border-top: 1px solid transparent;
    border-bottom: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
@media(max-width:768px) {
    .bs-top-search-wrap {width:55% !important;}
}
@media(max-width:479px) {
    .bs-top-search-wrap {width:50% !important;}
}
@media (min-width: 1170px) {
    .bs-top-search input[type="text"] {width:350px !important;}
}
/* ie11 radius */
.bs-top-search > .input-group {
    border-radius:2px;background-color:#fff;padding:1px;
}



/* admin page */
.admin-category-box ul {list-style-type: none;margin:0;padding-left:5px;}
.admin-category-box ul li {margin-bottom:5px;border: 1px solid #D2D6DE;padding:0;}
.admin-category-box ul li:hover {cursor:pointer;background-color: #FCF8E3;}
.admin-category-box ul li label {padding:5px 5px 5px 25px;}

/* box button */
.bs-box-mini {
    display:inline-block;
    border-radius:3px;
    min-width:100px;
    max-width:300px;
    border:1px solid #eaeaea;
    padding:5px;
    margin:5px;
    overflow:hidden;
}
.bs-box-mini.bs-hover:hover {cursor:pointer;background-color:#FCF8E3;}
.bs-box-mini > .bs-top {color:#797979;}



/* stat page */
.bs-stat-item {
    margin:0;
    margin-bottom:15px;
    margin-right:15px;
    padding:15px;
    border:1px solid #eee;
    border-radius:3px;
    text-align:right;
    color:#797979;
    min-height:100px;
}
.bs-stat-item b {font-size:25px;}
.bs-stat-item-box {padding-bottom:0;padding-right:0;}
.bs-stat-item-box > div {padding:0;}
.bs-stat-week th {text-align:center;}
.bs-stat-week td {text-align:right;}
ol.bs-stat-list {margin-left:25px;padding:0;}
ol.bs-stat-list > li {padding-left:0;margin-bottom:10px;}
.bs-period-btn-box {margin-top:10px;border-top:1px solid #eee;padding-bottom:0;margin-bottom:0;}
.bs-period-btn-box > div {margin-top:10px;}
.chart > canvas {height:230px;}



/* responsive tab */
.r-tabs {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 1px solid #E6E6E6;
}
.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    background: transparent;
}
.r-tabs .r-tabs-tab.r-tabs-state-active {border-top-color: #3c8dbc;}
.r-tabs .r-tabs-tab.r-tabs-state-active a {
    border-right-color: #E6E6E6;
    border-left-color: #E6E6E6;
    background-color:#fff;
}
.r-tabs .r-tabs-tab:first-child.r-tabs-state-active a {
    border-left-color:#fff;
}
.r-tabs .r-tabs-tab > a {
    display:inline-block;
    background: transparent;
    margin: 0;
    color: #444;
    border-radius: 0;
    border: 1px solid transparent;
    padding:10px 15px;
}
.r-tabs .r-tabs-tab:first-of-type.active > a {border-left-color: transparent;}
.r-tabs-accordion-title {
    margin: 0;
    list-style: none;
    border-radius: 3px;
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    border-bottom: 1px solid #E6E6E6;
}
.r-tabs .r-tabs-accordion-title:last-child {border-bottom: 0;}
.r-tabs-accordion-title.r-tabs-state-active {border-top: 3px solid #3c8dbc;}
.r-tabs-accordion-title a {
    display:block;
    padding:10px 15px;
    background-color: #fff;
    color: #444 !important;
    border-radius: 3px;
    font-weight:700!important;
}
.r-tabs-accordion-title a:hover, .r-tabs-accordion-title a:active {color:#444 !important;}
.r-tabs .r-tabs-panel {padding: 15px;display: none;}
.r-tabs .r-tabs-accordion-title {display: none;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {display: none;}
    .r-tabs .r-tabs-accordion-title {display: block;}
}



/* general page misc */
.bs-refine-form .input-group-btn:last-child>.btn {margin-left:-2px !important;}
.bs-detail-modal .bs-btn-prev, .bs-detail-modal .bs-btn-next {vertical-align:top;}
.bs-year-form-wrap {border-bottom: 1px solid #E6E6E6;padding:3px;text-align:center;}
.bs-lookup-wrap a:hover {cursor:pointer;}
.bs-modal-lookup .articles {border-top: 1px solid #E6E6E6;}
.bs-save-result-myfolder-list {list-style: none;margin:0;padding:0;}
.bs-cite {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #777;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color:#d2d6de;
}
#modalDetail .bs-article-box {
    -webkit-animation-delay: 10ms;
    -moz-animation-delay: 10ms;
    -o-animation-delay: 10ms;
    animation-delay: 10ms;
    -webkit-animation-duration: 400ms;
    -moz-animation-duration: 400ms;
    -o-animation-duration: 400ms;
    animation-duration: 400ms;
}
.category-tab li .fa-folder-o, ul .fa-folder-o {margin-right:3px;}
ul.nav-tabs {background-color:#F7F7F7;}
ul.nav-tabs > li > a {color:#888 !important;}
ul.nav-tabs > li.active > a {color:#444 !important;}
#facetTypeBox .box-header,
#facetJournalBox .box-header,
#facetYearBox .box-header,
#facetKeywordBox .box-header,
#facetAuthorBox .box-header,
#facetSiteBox .box-header
{background-color:#f7f7f7 !important;border-top-left-radius:3px;border-top-right-radius:3px;}
#facetWrap h3.box-title {font-weight:bold !important;}
.bs-search-target-db-list-header {background-color: #3C8DBC;color: white;border-top-left-radius: 3px;border-top-right-radius: 3px;}


.bs-article-dbname {color:#00a65a !important;}
/*a, .btn-link {color:#3c8dbc;}*/
/*a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus {color:#72afd2;}*/
a, .btn-link {color: #005fa9;}
a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus {color:#3c8dbc;}
.nav-tabs-custom > .nav-tabs > li.active {border-top-color:#3c8dbc;}
.btn-primary {background-color:#3c8dbc;border-color:#367fa9;}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {background-color:#367fa9;}
.form-control:focus {border-color:#3c8dbc;}
.box.box-primary {border-top-color:#3c8dbc;}
#scrollUp {background:#367fa9;color:#fff;}
#scrollUp:hover {background:#22506b;}
@keyframes spinner-line-fade-more {
    0%, 100% {opacity: 0;}
    1% {opacity: 1;}
}
@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {opacity: 0.25;}
    40% {opacity: 1;}
}
@keyframes spinner-line-fade-default {
    0%, 100% {opacity: 0.22;}
    1% {opacity: 1;}
}
.spinner div > div {background-color: #25A0A3 !important;}
.btn-flat:focus,
.bs-btn-link:focus,
.bs-btn-tool:focus,
.bs-btn-icon:focus,
a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: 5px auto #46a4db;}

#facetDbBox {border:2px solid #3c8dbc;}
#facetDbBox .box-header.with-border {border-bottom:1px solid #3c8dbc;background-color:#3C8CBB;}
#facetDbBox .box-header.with-border,
#facetDbBox .box-header.with-border .bs-btn-more,
#facetDbBox .box-header.with-border .btn-link {color: #fff;}


/* theme */
body.skin-yellow a,
body.skin-yellow .btn-link {color: #db8300;}
body.skin-yellow a:hover,
body.skin-yellow a:active,
body.skin-yellow a:focus,
body.skin-yellow .btn-link:hover,
body.skin-yellow .btn-link:active,
body.skin-yellow .btn-link:focus {color:#F39C12;}
body.skin-yellow .r-tabs .r-tabs-tab.r-tabs-state-active,
body.skin-yellow .r-tabs .r-tabs-accordion-title.r-tabs-state-active,
body.skin-yellow .nav-tabs-custom > .nav-tabs > li.active,
body.skin-yellow .box.box-primary {border-top-color:#F39C12;}
body.skin-yellow .btn-primary {background-color:#F39C12;border-color:#DB8B0B;}
body.skin-yellow .btn-primary:hover,
body.skin-yellow .btn-primary:active,
body.skin-yellow .btn-primary.hover,
body.skin-yellow .dropdown-menu>.active>a,
body.skin-yellow .dropdown-menu>.active>a:focus,
body.skin-yellow .dropdown-menu>.active>a:hover {background-color:#DB8B0B;}
@media (max-width: 767px) {
    body.skin-yellow .navbar-nav .open .dropdown-menu a:focus {background-color: #DB8B0B!important;}
}
body.skin-yellow .form-control:focus {border-color:#F39C12;}
body.skin-yellow #scrollUp {background:#DB8B0B;color:#fff;}
body.skin-yellow #scrollUp:hover {background: #855407;}
body.skin-yellow .spinner div > div {background-color: #a06000 !important;}
body.skin-yellow .text-primary {color:#DB8B0B !important;}
body.skin-yellow .bs-btn-tool.text-primary:focus {color:#855407 !important;}
body.skin-yellow .btn-flat:focus,
body.skin-yellow .bs-btn-link:focus,
body.skin-yellow .bs-btn-tool:focus,
body.skin-yellow .bs-btn-icon:focus,
body.skin-yellow a:focus,
body.skin-yellow input[type="file"]:focus,
body.skin-yellow input[type="radio"]:focus,
body.skin-yellow input[type="checkbox"]:focus,
body.skin-yellow .btn:focus,
body.skin-yellow .btn:active:focus,
body.skin-yellow .btn.active:focus,
body.skin-yellow .btn.focus,
body.skin-yellow .btn:active.focus,
body.skin-yellow .btn.active.focus {outline: 5px auto #dba16d;}

body.skin-yellow #facetDbBox {border:2px solid #DB8B0B;}
body.skin-yellow #facetDbBox .box-header.with-border {border-bottom:1px solid #DB8B0B;background-color:#F39C12;}
body.skin-yellow .navbar-brand:hover {color:#fff !important;}
body.skin-yellow .bs-search-target-db-list-header {background-color: #F39C12;color: white;}


body.skin-red a,
body.skin-red .btn-link {color: #db0a00;}
body.skin-red a:hover,
body.skin-red a:active,
body.skin-red a:focus,
body.skin-red .btn-link:hover,
body.skin-red .btn-link:active,
body.skin-red .btn-link:focus {color:#DD4B39;}
body.skin-red .r-tabs .r-tabs-tab.r-tabs-state-active,
body.skin-red .r-tabs .r-tabs-accordion-title.r-tabs-state-active,
body.skin-red .nav-tabs-custom > .nav-tabs > li.active,
body.skin-red .box.box-primary {border-top-color:#DD4B39;}
body.skin-red .btn-primary {background-color:#DD4B39;border-color:#D33724;}
body.skin-red .btn-primary:hover,
body.skin-red .btn-primary:active,
body.skin-red .btn-primary.hover,
body.skin-red .dropdown-menu>.active>a,
body.skin-red .dropdown-menu>.active>a:focus,
body.skin-red .dropdown-menu>.active>a:hover {background-color:#D33724;}
@media (max-width: 767px) {
    body.skin-red .navbar-nav .open .dropdown-menu a:focus {background-color: #D33724!important;}
}
body.skin-red .form-control:focus {border-color:#DD4B39;}
body.skin-red #scrollUp {background:#D33724;color:#fff;}
body.skin-red #scrollUp:hover {background: #85150a;}
body.skin-red .spinner div > div {background-color: #a01b00 !important;}
body.skin-red .text-primary {color:#D33724 !important;}
body.skin-red .bs-btn-tool.text-primary:focus {color: #851005 !important;}
body.skin-red .btn-flat:focus,
body.skin-red .bs-btn-link:focus,
body.skin-red .bs-btn-tool:focus,
body.skin-red .bs-btn-icon:focus,
body.skin-red a:focus,
body.skin-red input[type="file"]:focus,
body.skin-red input[type="radio"]:focus,
body.skin-red input[type="checkbox"]:focus,
body.skin-red .btn:focus,
body.skin-red .btn:active:focus,
body.skin-red .btn.active:focus,
body.skin-red .btn.focus,
body.skin-red .btn:active.focus,
body.skin-red .btn.active.focus {outline: 5px auto #db786f;}

body.skin-red #facetDbBox {border:2px solid #D33724;}
body.skin-red #facetDbBox .box-header.with-border {border-bottom:1px solid #D33724;background-color:#DD4B39;}
body.skin-red .navbar-brand:hover {color:#fff !important;}
body.skin-red .bs-search-target-db-list-header {background-color: #DD4B39;color: white;}


body.skin-green a,
body.skin-green .btn-link {color: #008300;}
body.skin-green a:hover,
body.skin-green a:active,
body.skin-green a:focus,
body.skin-green .btn-link:hover,
body.skin-green .btn-link:active,
body.skin-green .btn-link:focus {color:#00A65A;}
body.skin-green .r-tabs .r-tabs-tab.r-tabs-state-active,
body.skin-green .r-tabs .r-tabs-accordion-title.r-tabs-state-active,
body.skin-green .nav-tabs-custom > .nav-tabs > li.active,
body.skin-green .box.box-primary {border-top-color:#00A65A;}
body.skin-green .btn-primary {background-color:#00A65A;border-color:#008D4C;}
body.skin-green .btn-primary:hover,
body.skin-green .btn-primary:active,
body.skin-green .btn-primary.hover,
body.skin-green .dropdown-menu>.active>a,
body.skin-green .dropdown-menu>.active>a:focus,
body.skin-green .dropdown-menu>.active>a:hover {background-color:#008D4C;}
@media (max-width: 767px) {
    body.skin-green .navbar-nav .open .dropdown-menu a:focus {background-color: #008D4C!important;}
}
body.skin-green .form-control:focus {border-color:#00A65A;}
body.skin-green #scrollUp {background:#008D4C;color:#fff;}
body.skin-green #scrollUp:hover {background: #005407;}
body.skin-green .spinner div > div {background-color: #006000 !important;}
body.skin-green .text-primary {color:#008D4C !important;}
body.skin-green .bs-btn-tool.text-primary:focus {color: #005407 !important;}
body.skin-green .btn-flat:focus,
body.skin-green .bs-btn-link:focus,
body.skin-green .bs-btn-tool:focus,
body.skin-green .bs-btn-icon:focus,
body.skin-green a:focus,
body.skin-green input[type="file"]:focus,
body.skin-green input[type="radio"]:focus,
body.skin-green input[type="checkbox"]:focus,
body.skin-green .btn:focus,
body.skin-green .btn:active:focus,
body.skin-green .btn.active:focus,
body.skin-green .btn.focus,
body.skin-green .btn:active.focus,
body.skin-green .btn.active.focus {outline: 5px auto #00a16d;}

body.skin-green #facetDbBox {border:2px solid #008D4C;}
body.skin-green #facetDbBox .box-header.with-border {border-bottom:1px solid #008D4C;background-color:#00A65A;}
body.skin-green .navbar-brand:hover {color:#fff !important;}
body.skin-green .bs-search-target-db-list-header {background-color: #00A65A;color: white;}


body.skin-purple a,
body.skin-purple .btn-link {color: #343183;}
body.skin-purple a:hover,
body.skin-purple a:active,
body.skin-purple a:focus,
body.skin-purple .btn-link:hover,
body.skin-purple .btn-link:active,
body.skin-purple .btn-link:focus {color:#605CA8;}
body.skin-purple .r-tabs .r-tabs-tab.r-tabs-state-active,
body.skin-purple .r-tabs .r-tabs-accordion-title.r-tabs-state-active,
body.skin-purple .nav-tabs-custom > .nav-tabs > li.active,
body.skin-purple .box.box-primary {border-top-color:#605CA8;}
body.skin-purple .btn-primary {background-color:#605CA8;border-color:#555299;}
body.skin-purple .btn-primary:hover,
body.skin-purple .btn-primary:active,
body.skin-purple .btn-primary.hover,
body.skin-purple .dropdown-menu>.active>a,
body.skin-purple .dropdown-menu>.active>a:focus,
body.skin-purple .dropdown-menu>.active>a:hover {background-color:#555299;}
@media (max-width: 767px) {
    body.skin-purple .navbar-nav .open .dropdown-menu a:focus {background-color: #555299!important;}
}
body.skin-purple .form-control:focus {border-color:#605CA8;}
body.skin-purple #scrollUp {background:#555299;color:#fff;}
body.skin-purple #scrollUp:hover {background: #201e54;}
body.skin-purple .spinner div > div {background-color: #2a2660 !important;}
body.skin-purple .text-primary {color:#555299 !important;}
body.skin-purple .bs-btn-tool.text-primary:focus {color: #272554 !important;}
body.skin-purple .btn-flat:focus,
body.skin-purple .bs-btn-link:focus,
body.skin-purple .bs-btn-tool:focus,
body.skin-purple .bs-btn-icon:focus,
body.skin-purple a:focus,
body.skin-purple input[type="file"]:focus,
body.skin-purple input[type="radio"]:focus,
body.skin-purple input[type="checkbox"]:focus,
body.skin-purple .btn:focus,
body.skin-purple .btn:active:focus,
body.skin-purple .btn.active:focus,
body.skin-purple .btn.focus,
body.skin-purple .btn:active.focus,
body.skin-purple .btn.active.focus {outline: 5px auto #6358a1;}

body.skin-purple #facetDbBox {border:2px solid #555299;}
body.skin-purple #facetDbBox .box-header.with-border {border-bottom:1px solid #555299;background-color:#605CA8;}
body.skin-purple .navbar-brand:hover {color:#fff !important;}
body.skin-purple .bs-search-target-db-list-header {background-color: #605CA8;color: white;}


body.skin-black a,
body.skin-black .btn-link {color: #111111;}
body.skin-black a:hover,
body.skin-black a:active,
body.skin-black a:focus,
body.skin-black .btn-link:hover,
body.skin-black .btn-link:active,
body.skin-black .btn-link:focus {color:#7c7d83;}
body.skin-black .r-tabs .r-tabs-tab.r-tabs-state-active,
body.skin-black .r-tabs .r-tabs-accordion-title.r-tabs-state-active,
body.skin-black .nav-tabs-custom > .nav-tabs > li.active,
body.skin-black .box.box-primary {border-top-color:#111111;}
body.skin-black .btn-primary {background-color:#111111;border-color:#000000;}
body.skin-black .btn-primary:hover,
body.skin-black .btn-primary:active,
body.skin-black .btn-primary.hover,
body.skin-black .dropdown-menu>.active>a,
body.skin-black .dropdown-menu>.active>a:focus,
body.skin-black .dropdown-menu>.active>a:hover {background-color:#000000;}
@media (max-width: 767px) {
    body.skin-black .navbar-nav .open .dropdown-menu a:focus {background-color: #000000!important;}
}
body.skin-black .form-control:focus {border-color:#111111;}
body.skin-black #scrollUp {background:#000000;color:#fff;}
body.skin-black #scrollUp:hover {background: #525354;}
body.skin-black .spinner div > div {background-color: #5e5f60 !important;}
body.skin-black .text-primary {color:#000000 !important;}
body.skin-black .bs-btn-tool.text-primary:focus {color: #525054 !important;}
body.skin-black .btn-flat:focus,
body.skin-black .bs-btn-link:focus,
body.skin-black .bs-btn-tool:focus,
body.skin-black .bs-btn-icon:focus,
body.skin-black a:focus,
body.skin-black input[type="file"]:focus,
body.skin-black input[type="radio"]:focus,
body.skin-black input[type="checkbox"]:focus,
body.skin-black .btn:focus,
body.skin-black .btn:active:focus,
body.skin-black .btn.active:focus,
body.skin-black .btn.focus,
body.skin-black .btn:active.focus,
body.skin-black .btn.active.focus {outline: 5px auto #a19ea0;}

body.skin-black #facetDbBox {border:2px solid #000000;}
body.skin-black #facetDbBox .box-header.with-border {border-bottom:1px solid #000000;background-color:#111111;}
body.skin-black .bs-search-target-db-list-header {background-color: #222D32;color: white;}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {white-space:normal;}
.bs-ws-normal {white-space:normal;}

li.bs-active {text-decoration:underline;font-weight:bold;}
button.bs-active {border-bottom: 3px solid #3c8dbc !important;}
button.bs-inactive {border-bottom: 3px solid #d2d6de !important;color: #7d7e86 !important;}
#facetWrapTitle {padding:10px !important;color:#000000 !important;background-color:white !important;min-height:40px;}
#modalHoldings .modal-title {position:relative;}
#modalHoldings .bs-holdings .table {margin-top:20px;}
#modalHoldings .bs-holdings-own .bs-item {margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
#modalHoldings .bs-holdings-other .bs-item {padding-top:20px;border-top:1px solid #e5e5e5;}
#modalHoldings .bs-holdings-book span {margin-right:10px;}
#modalHoldings .bs-holdings tr > td:first-child {width:20px;}
.bs-cp {cursor:pointer;}

.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{
    border-color:#e5e5e5 !important;
}
#holdingsSpinnerWrap {
    display:inline-block;position:relative;width:20px;height:20px;top:5px;
}

body {
    -ms-overflow-style: scrollbar;
}
