html {
    position: relative;
    min-height: 100%;
}


/*********************************************/
/* Ajax Indikator
/*********************************************/
#ajaxveil {
    display: none;
}

.ajax {
    height: 8px;
    width: 106px;
    background-image: url('ajax-loader.gif');
}

.ajax-box {
    height: 8px;
    width: 106px;
}

/*********************************************/
/* Global Notification (page top)
/*********************************************/
#global-notification {
    position: absolute;
    top: -1px;
    right: 18px;
    z-index: 1040;
}
#global-notification .alert-dismissable, .alert-dismissible {
    padding-right: 35px !important;
    display: inline-block;
}
#global-notification .alert {
    padding: 11px 11px 7px 11px;
    display: inline-block;
}

/*********************************************/
/* Innere Container
/*********************************************/
.body-container {
    padding-top: 80px;
    padding-bottom:120px;
}

/*********************************************/
/* Footer
/*********************************************/
.footer {
    color: #f5f5f5;
    background-color: #3875d7 !important;
}

/*********************************************/
/* Menubar
/*********************************************/

#global-menubar {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1002;
}


.grid-stack-item-content {
    left: 16px;
    right: 16px;
    overflow: visible !important;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

/** Ueberschreiben von Resize Icon beim Portlet ****/

.grid-stack > .grid-stack-item > .ui-resizable-se,
.grid-stack > .grid-stack-item > .ui-resizable-sw {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: white;
    height: 48px;
    width: 48px;
    text-shadow: 0px 0px 2px black;
    font: 30px "Glyphicons Halflings";
    bottom: -20px;
    right: -11px;
}

.portlet > .ui-resizable-se::before {
    content: "\e068";
    left: 8px;
    position: relative;
    top: 8px;
}

.portlet > .ui-resizable-se:hover::before,
.portlet.ui-resizable-resizing > .ui-resizable-se::before {
    content: "\e119";
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}