/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

html {
    position: relative;
}

body {
    margin-top: 100px;
}

#footer {
    position: relative;
    bottom: 0;
    width: 100%;
    /*min-height: 350px; */
}

#footer h1, h2, h3 {
    text-align: center;
}


h1, h2, h3 {
    text-align: left;
    padding-bottom: 15px;
}

textarea {
    resize: none;
}


.box-rounded-corners-top-right {
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-bottom-top-radius: 25px;
}

.box-rounded-corners-bottom-right {
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;
}

.box-rounded-corners-bottom-left {
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
}


.bg-tile-def {
    background-color: #ddd;
    background-image: url("/assets/meta/c778339e/img/tile-bg-285x160-bt.png");
    background-size: cover;
}

.divider {
    width: 1px;
    background-color: darkgrey;
    min-height: 50px;
    float: left; /* Causes the line to float to left of content. You can instead use position:absolute or display:inline-block if this fits better with your design */
}

.glyphicon {
    padding-right: 5px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

#header > nav {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    z-index: 999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background .5s ease-in-out, opacity .5s ease;
    -moz-transition: background .5s ease-in-out, opacity .5s ease;
    transition: background .5s ease-in-out, opacity .5s ease;
}

li:hover {
    /* effect-shine http://codepen.io/colloque/pen/bDgmx */
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 1s infinite;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

#header .row {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}


#custom-nav .container {
    padding-left: 0;
    padding-right: 0;
}

.secure-page-link {
    color: #888 !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

.theme-showcase {
    background-color: #fafafa;
}

#site-content {
    max-width: 1600px;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
    font-size: 1.2em;
    min-height: 95%;
}

#site-content .container {
    background-color: white;
    padding-bottom: 15px;
}


#slider1_container {
    padding: 0;
}

#slider1_container .row {
    background-color: black; /* please help andy! transparent?) */;
}

#slider1_container h1 {
    color: rgba(255, 255, 255, 0.75);
    font-size: 2em;
    text-align: left;
    z-index: 100;
}

#slider1_container h2 {
    color: rgba(255, 255, 255, 0.75);
    font-size: 1.3em;
    text-align: left;
    z-index: 100;
}

#slider1_container p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.3em;
    text-align: left;
    z-index: 100;
}

#slider1_container a .glyphicon {
    color: #912fa5;
    font-size: 1.75em;
}


#wwcdfy h5 {
    color: rgba(255, 255, 255, 0.75);
    text-align: left;
    z-index: 100;
}

#wwcdfy h5 {
    font-size: 1.2em;
}

#wwcdfy img {
    float: left;
    padding-right: 10px;
}

#wwcdfy p {
    font-size: 1.0em;
    display: block;
}


/*h1 {
    color: rgba(0, 0, 0, 0.75);
    font-size: 1.5em;
    text-align: left;
}

p {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.3em;
    text-align: left;
}*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

#footer .row {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

#footer figure {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    min-height: 100px;
}

#footer figure h1 {
    font-size: 1em;
    color: white;
}

#footer figure.app-grp1 {
    background-color: rgba(0, 92, 143, 0.2);
}

#footer figure.app-grp2 {
    background-color: rgba(163, 117, 94, 0.2);
}

#footer .block {
    color: darkgrey;
    text-align: center;
}

#footer .block h1 {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: underline;
    font-size: 1.35em;
}

#footer a {
    color: white;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

.app-grp1 {
    background-color: rgb(0, 92, 143);
}

.app-grp2 {
    background-color: rgb(163, 117, 94)
}

/* ---- toc --------------------------------------------------------------------------------------------------------------------------------------- */

.page-header {
    margin-top: 20px;
}


.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -64px; /* half width of the spinner gif */
    margin-top: -64px; /* half height of the spinner gif */
    text-align: center;
    z-index: 1234;
    overflow: auto;
    width: 128px; /* width of the spinner gif */
    height: 130px; /*hight of the spinner gif +2px to fix IE8 issue */
}

/* ---- bootstrap --------------------------------------------------------------------------------------------------------------------------------- */

.tooltip {
    position: fixed;
    overflow: visible;
    z-index: 9999;
}

.tooltip h1 {
    font-size: 1.2em;
    text-align: left;
    margin: 5px;
}

.tooltip h2 {
    font-size: 1em;
    text-align: left;
    margin: 5px;
}

.tooltip li {
    padding-top: 5px;
    list-style-type: none;
    text-align: left;
}

.tooltip li:not(:last-child) {
    border-bottom: 1px solid #6a277e;
}

.tooltip-inner {
    min-width: 300px;
}


.datatable-detail-link-cell {
    width: 20px;
    text-align: right;
}

td.details-control {
    /* background: url("/assets/meta/4363543f/img/details_open.png") no-repeat center center; --> http://fa2png.io/ */
    background: url("/assets/meta/5c5b5d58/img/gdi/font-awesome_4-7-0_folder-o_15_0_8e44ad_none.png") no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url("/assets/meta/f6c266d6/img/gdi/font-awesome_4-7-0_folder-open_15_0_8e44ad_none.png") no-repeat center center;
}

tr.modified {
    text-decoration: line-through;
}

table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody td.select-checkbox:after,
table.dataTable tbody th.select-checkbox:before,
table.dataTable tbody th.select-checkbox:after {
    top: 20px;
}

table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th,
table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td,
table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td {
    border-top: 1px solid #111;
    border-left: 1px dashed lightgray;
    border-right: 1px dashed lightgray;
    padding: 2px;
}


.form-elements {
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    border-left-width: 5px;
    border-radius: 3px;
    margin: 0;
}

.form-elements.level-2 {
    background-color: #f4f4f4;
    border: 1px solid #e4e4e4;
    border-left-width: 7px;
}

.form-elements.level-3 {
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-left-width: 9px;
}

.form-elements input[readonly="readonly"]::-moz-placeholder {
    color: black;
}

.form-elements input[readonly="readonly"]:-ms-input-placeholder {
    color: black;
}

.form-elements input[readonly="readonly"]::-webkit-input-placeholder {
    color: black;
}

.form-group {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.form-group label {
    margin-bottom: 0;
}


.nav-tabs {
    border-bottom: 1px solid #4D80A8;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #4D80A8;
    border-bottom-color: transparent;
}

ul.nav.nav-tabs {
    margin-bottom: 25px;
}


.panel-heading a:after {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114";
    float: right;
}

.panel-heading a.collapsed:after {
    content: "\e080";
    float: right;
}


.font-smaller {
    font-size: smaller;
}

td.center {
    text-align: center;
}

/* boostrap / highcharts tab fix http://jonpolygon.com/bootstrap-tabs-100-percent-width-charts */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;
    height: 0;
    overflow-y: hidden;
}

.tab-content > .active,
.pill-content > .active {
    height: auto;
}

/* BusinessCalendarPageSearch */
#tabular_tab {
    overflow: hidden;
}

.alert-small {
    margin: 2px;
    padding: 6px;
}

.alert-smaller {
    margin: 2px;
    padding: 2px;
}

.alert-black {
    color: white;
    background-color: black;
}

/* GDINSIDE COLOR SCHEMA */ /* #693a77 #795484 #8a7291 #9b939d */

/*
.panel-info > .panel-heading {
    color: white;
    background-color: #693a77;
    border-color: #bce8f1;
}
*/

/* #693a77 #795484 #8a7291 #9b939d */
a {
    color: #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
    font-weight: normal;
}

#dataTableView_wrapper span.active {
    color: white;
    background-color: #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
    border-color: #bce8f1;
}

.panel-gdi-main {
    margin-bottom: 0;
    border-color: #0F72A7;
}

.panel-gdi-main > .panel-heading {
    color: white;
    background-color: #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
    border-color: #bce8f1;
}

.panel-gdi-main > .nav-tabs > li.active a {
    color: black;
    font-weight: bold;
}

.panel-gdi-sub-1 > .panel-heading {
    background-color: #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
}

.panel-gdi-inv-1 > .panel-heading {
    color: white;
    background-color: #777;
}

.panel-gdi-inv-2 > .panel-heading {
    color: white;
    background-color: #999;
}


/* reduce size and borders on all sub-panels */
.sub-panel-1 {
    border: 0;
    box-shadow: none;
}

.sub-panel-1 .panel-heading {
    border-color: #bce8f1;
    padding: 2px;
}

.sub-panel-1 .panel-heading a {
    color: white;
}

.sub-panel-1 .panel-body {
    padding: 2px;
}

.sub-panel-1 .panel-default {
    margin-left: 5px;
    margin-right: 5px;
}

.sub-panel-1 .list-group-item {
    border-top: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #ddd;
}


form.json-form fieldset legend {
    border-color: #bce8f1;
    padding: 2px;
    color: white;
    background-color: #777;
    font-size: 1em;
}

form.json-form fieldset label {
    font-size: 0.9em;
}

form.json-form .form-control {
    padding: 1px 5px 1px 5px;
    height: 25px;
}

.jsonform-required .form-control {
    font-weight: bold;
    background-color: lightyellow;
}

form.json-form.form-small {
    font-size: small
}


.preloader {
    height: 100%;
    background-image: url("/assets/meta/f5f6be47/img/ajax-loader2.gif");
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
}


.gdi-alert.alert-info {
    color: black;
    background-color: #d5c8d9;
    border-color: #e3dce5;
}

.gdi-button.btn-primary {
    background-color: #0F72A7 !important; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
    border-color: black !important;
}


.navbar {
    margin-bottom: -1px;
    border-radius: 0;
}

#submenu {
    background-color: #e7e7e7;
}

.collapsing {
    display: none;
}


.nav > li a {
    padding: 2px 10px;
}

ul.nav.nav-tabs.menu-special {
    padding-right: 10px;
    margin-bottom: 2px;
}

.noLeftPadding {
    padding-left: 0px;
}


.nav-tabs.menu-special > li.active > a, .nav-tabs.menu-special > li.active > a:hover, .nav-tabs.menu-special > li.active > a:focus {
    border: 2px solid #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
}

.nav-tabs.menu-special {
    border-bottom: 1px solid #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
}

.selected-page {
    border-bottom: 4px solid #0F72A7; /* anevis color? -> "#0F72A7"; gdi color -> "#795484"; */
}

.tar {
    text-align: right;
}

.tfwb {
    font-weight: bold;
}

/*
.nav {
    background-color: #e7e7e7;
}
.nav-tabs> li.active > a, .nav-tabs> li.active > a:hover, .submenu > .nav {
    background-color: #bdbdbd;
}
*/