body {padding: 66px 0 15px}
.bg-warning { background-color: #fcf8e3 !important}
/*.panel-body div:last-child, .panel-body ul:last-child {margin-bottom: 0 !important}*/
.option {margin-bottom: 15px}
.fullscreen {position: absolute; top: 0; left: 0; padding: 0; z-index: 10000; width: 100%; height: 100vh}
.fullscreen .panel, .fullscreen .panel-body {height: 100%}
.fullscreen iframe {height: 100% !important}
.noscroll, .noscroll body {height: 100%; overflow: hidden}
.navbar-blue {background: #053566; border: none}
.no-bottom-margin {margin-bottom: 0}
.monospace {font-family: "Courier New", Courier, monospace; font-size: 15px !important}
.modal {
  text-align: center;
  padding: 0!important;
}
.doc_category {cursor: pointer}
.doc_category:hover {background: #efefef}
.doc_category:hover .btn_update_category_show {display: block}
.title:hover {color: #337ab7}
.doc_category.current {font-weight: bold}

.navbar-nav a {color: white}

.nav > li > a:focus, .nav > li > a:hover {color: gray; background: none}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.navbar-header, .navbar-nav > li {float: left !important}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.icon-big {font-size: 180%}

.showContact:hover {background: #fcf8e3 !important}

.small-heading {padding: 5px 15px 0}
.small-body { padding: 5px 15px}

.showContact td {overflow: hidden; white-space: nowrap}

.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.navbar-inverse .navbar-nav > li > a {color: #ffffff}
.navbar-inverse .navbar-nav > li > a:hover {

    background-image: linear-gradient(to bottom, #080808 0px, #0f0f0f 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;

}

.table-layout-fixed {table-layout: fixed}
.tree .expand, .tree .parent {background: white url(../img/expand.png) 0px 9px no-repeat}
.tree .expand ul{display: none}
.tree ul {border: none; margin:0; padding: 0 0 0 5px;}
.tree ul li{ background: white; list-style-type: none; padding: 5px 0 0 15px; position: relative}

.label-tag {font-family: courier; min-width: 40px; margin-right: 10px; padding-top: 4px; text-transform: uppercase; display: inline-block; font-weight: normal}
.scrollarea {height: 400px; overflow-y: scroll}
.folder_select > ul li ul {display: none}
.selected_cat {font-weight: bold; color: orange}

.column-text-3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}
@media all and (max-width:767px) and (min-width: 0px){

    body { padding: 56px 0 15px; }

    .navbar-nav .open .dropdown-menu{
        position: absolute;
        float: left;
        width: auto;
        margin: 2px 0 0;
        background-color: white;
        border: 1px solid rgba(0,0,0,.15);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, 
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color:#333}
    .dropdown-menu>li>a:hover {background: #e8e8e8}

    .navbar {min-height: auto}
    .navbar-nav { margin: 0 -15px; }
}

/* JQuery UI */
.ui-sortable-helper {cursor: ns-resize}
.ui-state-highlight {
	content: "drop here";
	background-color: #fff;
    border: 1px dashed orange;
    display: block;
	margin: 2px 0 1px;
    padding: 10px 15px;
	height: 41px}

.no-border {border: none !important;}
#loading {display: none; position: absolute; height: 100%; width: 100%; top:0; z-index: 20000; background: rgba(255,255,255,0.5) url(/img/ajax-spinner.gif) center center no-repeat; }
.blind {display: none}
.modal-footer {background: #f5f5f5; border-radius: 0 0 6px 6px}
.modal-large {width: 70vw !important}
.nowrap {white-space: nowrap}
.spinner {height: 250px; background: url(/img/ajax-spinner.gif) no-repeat center center}
.pointer {cursor: pointer}
.highlight {background: yellow}
/* will be obsolete */
ul {border: none}
li {padding: 0}
li:nth-child(2n+1) {background: unset}
th {font-weight: bold}