html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    height: 100%;
}


#center-wrapper {
    flex: 1;
    width: 100%;
    /*height: 100%;*/
}

#sidebar-wrapper {
    background: #272727;
    overflow: hidden;
    float: left;
    width: 250px;
    height: 100%;
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper.toggled {
    width: 0;
}

#content-wrapper {
    /*height: 100%;*/
}

.controls {
    padding: 40px 40px 20px;
}

.oauth-controls {
    padding: 20px 20px 20px;
}

.panel-left-aligned {
    padding-left: 0;
    padding-top: 12px;
}

#step-2-panel {
    margin-top: 50px;
}

@media only screen and (min-width: 768px) {
    .input-left-aligned {
        width: 70%;
    }
}

.navbar-custom {
    color: #272727;
    background-color: #ebebeb;
}

.navbar-custom a {
    color: #272727;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.sidebar-nav {
    top: 0;
    margin: 0;
    padding: 0;
    width: 250px;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 55px;
    border-bottom: 1px solid #414141;
}

.sidebar-nav li a {
    display: block;
    color: #dcdcdc;
    text-decoration: none;
    -moz-transition: all ease 0.37s ;
    transition-property: all;
    transition-duration: 0.37s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -o-transition: all ease 0.37s ;
    -webkit-transition: all ease 0.37s ;
    transition: all ease 0.37s ;
}

.sidebar-nav li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    text-decoration: none;
    background: #151515;
    border-left: 6px solid #3396cf;

}

#sidebar-active {
    text-decoration: none;
    background: #000000;
    border-left: 6px solid #007cc3;
    text-indent: 17px;
}

#sidebar-heading {
    line-height: 25px;
    margin-top: 50px;
    text-decoration: none;
    background: #191919;
    color: #dcdcdc;
    text-indent: 20px;
    border-top: none;
    border-bottom: 1px solid #414141;
}

.catnav .side-nav ul li a {
    padding: 14px 20px;
    color: #dcdcdc;
    display: block;
    -moz-transition: all ease 0.37s ;
    transition-property: all;
    transition-duration: 0.37s;
    transition-timing-function: ease;
    transition-delay: 0s;
    -o-transition: all ease 0.37s ;
    -webkit-transition: all ease 0.37s ;
    transition: all ease 0.37s ;
}


@media (max-width: 768px) {
    #sidebar-wrapper {
        width: 0;
    }

    #sidebar-wrapper.toggled {
        width: 250px;
    }
}

.footer-container {
    height: 100%;
    padding-top: 50px;
}

footer {
    position: inherit;
    bottom: 0;
    width: 100%;
    /*height: 180px;*/
    text-align: center;
    /*padding: 50px 0 0;*/
    background: #134561
}

footer a.home-logo {
    display: inline-block;
    margin: 10px 0 30px;
    text-indent: -10000px;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzA2IiBoZWlnaHQ9IjEwOCIgdmlld0JveD0iMCAwIDMwNiAxMDgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik04NC44NjUgNDcuODM5Yy0uNDc5LS45NjQtMS43NTQtMS43NTEtMi44MzMtMS43NTFoLTIuMTkzYy0xLjA3NyAwLTIuMzM3Ljc5Ni0yLjgwMyAxLjc2N2wtMTcuMzg2IDM2LjMyM2MtLjQ4My45NjEuMDQyIDEuNjQ4IDEuMTIxIDEuNjQ4aDQuMDE4YzEuNTg2IDAgMi4zMTItLjcyMSAyLjc0Mi0xLjYwNC40MzEtLjg4NCAxLjM4OS0yLjgwNiAxLjU3Mi0zLjE5Ny4yNDgtLjUzIDEuMDEyLS44NTQgMi4wODktLjg1NGwxOC43MDcuMDExYzEuMDc4LjAwMiAxLjc3MS4yMDcgMi4wOS44NDQuMjA4LjQxNSAxLjE2NCAyLjE0MyAxLjYzNCAzLjA4Ni40NzQuOTQyIDEuMjcgMS43MTYgMi44MTUgMS43MTZoNS44M2MxLjA3OCAwIDEuNTUtLjgxOCAxLjE2Mi0xLjU3OC0uMzg5LS43NjQtMTguNTY1LTM2LjQxMS0xOC41NjUtMzYuNDExem0tMTAuOTg0IDI2LjcyMmMtMS4wNzcgMC0xLjU4NC0uODAzLTEuMTMxLTEuNzc3bDYuODUxLTE0LjY3OGMuNDU2LS45NzcgMS4xOTMtLjk3MSAxLjYzOC4wMDdsNi42NyAxNC42NzdjLjQ0NS45NzktLjA3MiAxLjc4MS0xLjE0OCAxLjc4MWwtMTIuODgtLjAxem0xNDUuMzI4LTI2LjQ0djM2LjAzNGMwIC45OTIuODgxIDEuNjcyIDEuOTU5IDEuNjcyaDQuNzUyYzEuMDc2IDAgMS45NTktLjY4OCAxLjk1OS0xLjc2NnYtMzYuMDE0YzAtMS4wNzktLjY5Ny0xLjk1OC0xLjc3My0xLjk1OGgtNC45MzhjLTEuMDc4LS4wMDEtMS45NTkuNjYyLTEuOTU5IDIuMDMyem0tNzkuNjE3IDIyLjU2OWMtLjYxOS0uODgyLS4yNzktMS44NTYuNzUyLTIuMTYzIDAgMCA0LjEwNS0xLjIzIDYuMDctMi45OTEgMS45NjYtMS43NjcgMi45NTQtNC4zMTggMi45NTQtNy42NDQgMC0yLjE3NC0uMzgtNC4wMDItMS4xMzctNS40ODktLjc1Ny0xLjQ4My0xLjg0Mi0yLjY5Ny0zLjI1NC0zLjYyNi0xLjQxMi0uOTM0LTMuMTAyLTEuNjE5LTUuMDctMi4wNDgtMS45NzEtLjQyNy00LjYzLS41NTItNC42My0uNTUyLTEuMDc4LS4wNDktMi44MzktLjA4OS0zLjkxNS0uMDg5aC0xOS43M2MtMS4wNzYgMC0xLjk1OC44NzktMS45NTggMS45NTh2MzYuMDE0YzAgMS4wNzguODgxIDEuNzY2IDEuOTU4IDEuNzY2aDQuNjY5YzEuMDc4IDAgMS45NTktLjY4OCAxLjk1OS0xLjc2NiAwIDAgLjAwMy0xNC4zMjQuMDEyLTE0LjMyNGwuMDEzLS4wMThjMC0uMDEzIDguODUxLS4wMjIgOC44NTEtLjAyMiAxLjA3NiAwIDIuNDY2LjcyIDMuMDg5IDEuNjAzbDkuMTg4IDEyLjkzN2MuODU0IDEuMTQ2IDEuNjY2IDEuNTkxIDIuNzQzIDEuNTkxaDYuMTAzYzEuMDc4IDAgMS4yNDctMS4wMTYuODc0LTEuNTQzbC05LjU0MS0xMy41OTR6bS0zLjcxNS03LjMxM2MtMS4yMDkuMjc3LTIuNTcuMzM0LTIuNTcuMzM0LTEuMDc2LjA0Ny0yLjgzNy4wODUtMy45MTUuMDg1aC05LjE0NmMtMS4wNzggMC0xLjk1OS0uODgyLTEuOTU5LTEuOTZ2LTcuMjk2YzAtMS4wNzguODgxLTEuOTU5IDEuOTU5LTEuOTU5aDkuMTQ2YzEuMDc4IDAgMi44MzkuMDM5IDMuOTE1LjA4NCAwIDAgMS4zNjEuMDU0IDIuNTcuMzMzIDEuMjA5LjI3OSAyLjE2OC42NjggMi44NyAxLjE3MS43MDUuNTA2IDEuMjA4IDEuMDk5IDEuNTEyIDEuNzgxLjMuNjgzLjQ1MyAxLjQyNi40NTMgMi4yMzYgMCAuODA3LS4xNTMgMS41NTQtLjQ1MyAyLjIzNS0uMzA0LjY4Mi0uODA3IDEuMjc1LTEuNTEyIDEuNzgtLjcwMi41MDYtMS42NjEuOTAxLTIuODcgMS4xNzZ6bTE0MS42NjItMTcuMjg5Yy0xLjA3NiAwLTEuOTQ3LjcxLTEuOTQ3IDEuNzQ4IDAgLjQ5OC4wMTIgMjMuMDM2LjAxMiAyMy4wMzYgMCAxLjA3OS0uNjExIDEuMzI1LTEuMzU5LjU1bC0yMy4wNjYtMjMuOTI2Yy0uNzQ4LS43NzYtMS44NDQtMS40MDgtMy4zMi0xLjQwOGgtNC4zMzhjLTEuMzY1IDAtMS45NjEuNzI4LTEuOTYxIDEuNDY1djM2LjgzN2MwIC43MzQuNjk5IDEuNDM2IDEuNzc5IDEuNDM2aDQuMzQ0YzEuMDc2IDAgMS44My0uNTg2IDEuODMtMS41NzggMC0uNDk3LjAyMS0yNC4yNjguMDIxLTI0LjI2OCAwLTEuMDc2LjYwOS0xLjMyMiAxLjM1NS0uNTQ1bDI0LjA1MSAyNS4wMDRjLjc2NC43NjQgMS42OTMgMS4zODcgMy4zNDQgMS4zODdoMy4yNjRjMS4wNzggMCAxLjk1OS0uODgxIDEuOTU5LTEuOTU5di0zNS44MmMwLTEuMDc5LS44ODEtMS45NTgtMS45NTktMS45NThoLTQuMDA5em0tOTQuMDQzIDIyLjQ2MmMtLjUyMy45NDEtMS4zODMuOTM4LTEuOS0uMDA1bC0xMS4yNzMtMjAuNzA2Yy0uNDgtLjk2MS0xLjQ2My0xLjc1MS0yLjgzMi0xLjc1MWgtNi4xMTVjLTEuMDc4IDAtMS45NjEuODc5LTEuOTYxIDEuOTU4djM1Ljk2OGMwIDEuMDc1LjcwNyAxLjgxMiAxLjk2MSAxLjgxMmgzLjgwMWMxLjA3OCAwIDEuODU1LS42OCAxLjg1NS0xLjcxOSAwLS40OTguMDE2LTI2LjE2LjA1Ny0yNi4xNi4wNDMgMCAxNC4wNzQgMjYuMTUzIDE0LjA3NCAyNi4xNTMuNTA4Ljk0OCAxLjc1NC45NTIgMi4yNzMuMDA4IDAgMCAxNC4xNDYtMjYuMDg2IDE0LjE4OC0yNi4wODYuMDQ1IDAgLjAyOSAyNS4zMzcuMDI5IDI2LjA4NSAwIDEuMDM5LjgzIDEuNzE5IDEuOTEgMS43MTloNC4zNzdjMS4wOCAwIDEuOTU5LS41MzcgMS45NTktMS45NTl2LTM1LjgyYzAtMS4wNzktLjg3OS0xLjk1OC0xLjk1OS0xLjk1OGgtNS44NjFjLTEuNDk2IDAtMi4zOTYuNzYzLTIuOTMyIDEuN2wtMTEuNjUxIDIwLjc2MXptLTE3My44MzEtMi42MjhjMCAxOS40MDQgMTkuODQ4IDIwLjM4OSAyMy44MjggMjAuMzg5IDEzLjE3MSAwIDE4LjczNy0zLjU1OSAxOC45NjgtMy43MTMuODI0LS40NjUgMS44MjctMS40MDYgMS44MjctMy4xNjd2LTEzLjM5NGMwLTEuMjM0LTEuMDA1LTIuMjM4LTIuMjQtMi4yMzhoLTE2LjU0N2MtMS4yMzcgMC0yLjA0OSAxLjAwNC0yLjA0OSAyLjIzOHYxLjM4OGMwIDEuMjM2LjgxMiAyLjI0MyAyLjA0OSAyLjI0M2g5LjU3MWMuOTI0IDAgMS42NzUuNzUxIDEuNjc1IDEuNjc0bC0uMDA5IDYuMjQ0Yy0xLjg5MS43NzEtMTAuNTAzIDMuMjg3LTE3LjQyMyAxLjYzNy0xMC4wMzgtMi40LTEwLjgyLTEwLjY4Mi0xMC44Mi0xMy4xNjIgMC0yLjA4Mi42MjQtMTIuNTEyIDEyLjk1Mi0xMy41NjcgOS45NzktLjg1NCAxNi41NSAzLjE3NSAxNi42MTUgMy4yMTQgMS4xNzMuNjA4IDIuMzg3LjE3NSAzLjA0MS0xLjA2N2wxLjI0NS0yLjUyM2MuNTE3LTEuMDM0LjM0My0yLjEwNi0uOTE5LTIuOTYyLS4wODQtLjA0OC03LjA3OS0zLjg0MS0xNy45MzQtMy44NDEtMjMuMTYyIDAtMjMuODMgMTguNDk4LTIzLjgzIDIwLjYwN3oiLz48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTI3NS4zNDggMzYuMTU3bC0yNS45OTItLjAwMWMtLjk1MyAwLTEuNzcxLS40NzQtMi4yNDgtMS4yOTktLjQ3NS0uODI1LS40NzUtMS43NjkuMDAyLTIuNTk0bDEyLjk5Ni0yMi40OThjLjQ3Ny0uODI0IDEuMjkzLTEuMjk2IDIuMjQ2LTEuMjk2czEuNzcuNDcyIDIuMjQ2IDEuMjk2bDEyLjk5NiAyMi40OTljLjQ3Ny44MjUuNDc3IDEuNzcgMCAyLjU5NS0uNDc3LjgyNC0xLjI5MyAxLjI5OC0yLjI0NiAxLjI5OHoiLz48L2RlZnM+PHVzZSB4bGluazpocmVmPSIjYSIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA3REMzIi8+PGNsaXBQYXRoPjx1c2UgeGxpbms6aHJlZj0iI2EiIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjkzLjIxOSA3Ny41NmMyLjQ5NiAwIDQuNTMxIDIuMDM0IDQuNTMxIDQuNTMycy0yLjAzNSA0LjUzMi00LjUzMSA0LjUzMmMtMi41IDAtNC41MzMtMi4wMzQtNC41MzMtNC41MzJzMi4wMzMtNC41MzIgNC41MzMtNC41MzJ6bS4wMTEgOC4zODVjMi4wODQgMCAzLjY1Mi0xLjY4MiAzLjY1Mi0zLjg1NHMtMS41NjgtMy44NTUtMy42NTItMy44NTVjLTIuMTA5IDAtMy42OCAxLjY4NC0zLjY4IDMuODU1czEuNTcxIDMuODU0IDMuNjggMy44NTR6bS0xLjc0Ni02LjUxNWgyLjAzM2MxLjIxOSAwIDEuODIyLjQ5IDEuODIyIDEuNDk0IDAgLjg1NC0uNTQxIDEuNDY5LTEuMzY5IDEuNDY5bDEuNTA4IDIuMzQ5aC0uOTE4bC0xLjQ4LTIuMzQ5aC0uNzI5djIuMzQ5aC0uODY3di01LjMxMnptLjg2OCAyLjI4NWgxLjAyOWMuNjY2IDAgMS4wOTItLjEzOCAxLjA5Mi0uODI4IDAtLjYwNC0uNTM5LS43NzktMS4wOTItLjc3OWgtMS4wMjl2MS42MDd6Ii8+PC9zdmc+') no-repeat;
    width: 120px;
    height: 40px;
    background-size: 100%
}

footer ul li {
    display: inline-block;
    font-size: 14px;
    color: #eee;
    margin: 0 15px
}

footer ul li:after {
    content: '•';
    color: #dcdcdc;
    position: relative;
    top: 0;
    left: 15px
}

footer ul li:nth-last-child(1):after {
    content: ''
}

footer ul li a {
    color: #f3f3f3
}

footer ul li a:hover {
    color: #fff
}

.form-checkbox-custom {
    float: left;
}

.form-radio-custom {
    float: left;
}

.checkbox-custom {
    padding: 5px 30px 5px 10px;
}

.drop-shadow {
    margin-top: 50px;
    box-shadow: 0 0 30px black;
    padding: 0 15px 0 15px;
}

.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}

.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}

.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

input[type="checkbox"] {
    margin: 2px 3px 0;
    line-height: normal;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#logTable {
    margin-left: 30px;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    opacity: .5;
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(40, 96, 144, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #286090;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

.time-label {
    display: inline-block;
    margin-top: 6px;
    padding: 0.5em 0.6em;
    margin-left: 17px;
    text-align: center;
}

.tab-content {
    margin-top: 35px;
}
.csv-button {
    margin-left: 20px;
}

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

.panel-group {
    margin-top: 40px;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.table-background-marked {
    background: #fff8d6;
}

.note-panel {
    background-color: #ffffcc;
    border-left: 4px solid #ffe86c;
    overflow-wrap: break-word;
    padding: 8px 12px;
    margin-left: 18px;
    margin-top: 20px;
}

.panel-body {
    word-wrap: break-word;
}


select::-ms-expand
{
    display: none;
}
select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 5px;
    padding-right: 10px;
    margin-right: 0;
    border: none;
    outline: 0;
    background-color: #eee;
    cursor: pointer;
    line-height: 1.4;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #555;
}

.caret {
    margin-left: -15px;
    margin-right: 5px;
    pointer-events: none;
}

.input-group-addon {
    border-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.input-group-placeholder {
    margin-left: 48px;
}

tr.disabled {
    color: lightgrey;
}