html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

table {
    font-size: 14px;
}

.form-select {
    font-size: 14px !important;
}

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

body {
  margin-bottom: 0px;
}

    body.layout {
        background: url(../img/Solar-Panels-2.jpg);
        background-size:cover;
        padding:0PX;
    }

a.navbar-brand img {
    content: url(../img/Darbco-Logo.png);
    max-width: 100px;
}
.layout .navbar {
    margin: 0px !important;
}

.scpSideBar ul {
 width:100%;
}
.scpSideBar ul li {
    width: 100%;
}
.scpSideBar li.selected {
    background-color: grey;
}

.scpSideBar span{
  color: white !important;
}
.scpSideBar div {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.scpSideBar a.parentMenu {
    /*old*/
    /*background-color: #133737;*/
    /*background-color: #244a71;*/
    background-color: #18799f;
}

.scpSideBar a.childMenu:hover {
    background-color: #01d7fb;

    /*old*/
    /*background-color: #133f3f;*/
}

.scpSideBar {
    /*background-color: #18799f !important;*/
    background-color: #244a71 !important;
}

.scpSideBar a.childMenu {
    padding-left: 8px !important;
}

    .scpSideBar a.childMenu.selected {
        pointer-events: none;
        background-color: #08bade;
        /*background-color: grey;*/
    }
    .scpSideBar.compact {
        width: 30px !important;
        transition: width 0.5s;
    }
        .scpSideBar.compact span {
            display: none !important;
            transition: display 0.25s;
        }

/*    .scpSideBar.docked {
        transition: width 2s;
    }
        .scpSideBar.docked span {
            transition: display 2s;
        }*/

    .navigationButton {
        border: none;
        background-color: transparent;
        color: blue;
    }

    .navigationButton:disabled {
        color: lightblue;
    }

    .navigationButton.disabled {
        color: lightblue;
    }

.input-group-addon {
    border-left-width: 0;
    border-right-width: 0;
}

    .input-group-addon:first-child {
        border-left-width: 1px;
    }

    .input-group-addon:last-child {
        border-right-width: 1px;
    }
     
@media screen and (max-width:500px) {
    form#account {
        margin-right: 10px;
        margin-left: 10px;
    }
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: /*url("/favicon.ico") center no-repeat*/ #fff;
}

    .se-pre-con img {
        -webkit-animation: spinX 3s infinite;
        animation: spinX 3s infinite;
    }

@-webkit-keyframes spinX {
    0% {
        -webkit-transform: rotateX(0deg);
        -webkit-transform-origin: 0% 50% 0;
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -webkit-transform-origin: 0% 50% 0;
    }
}

@keyframes spinX {
    0% {
        transform: rotateX(0deg);
        transform-origin: 0% 50% 0;
    }

    100% {
        transform: rotateX(360deg);
        transform-origin: 0% 50% 0;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 2000px;
    }
}

/*New Theme*/
#findButton {
    background-color: #106485;
    border: none;
    border-radius: 10px;
    margin-left: 10px;
    height: 37px;
}

#findByText {
    border-radius: 10px;
}

.btn.btn-primary {
    background-color: #106485 !important;
    border: none !important;
}

.adminListPanel table {
    /*color: #106485 !important;*/
    color: #1b4758 !important;
}

#reportTable {
    /*color: #106485 !important;*/
    color: #1b4758 !important;
}

#settingsTable {
    color: #1b4758 !important;

}

.adminHeader, .reportHeader {
    color: #0e5b78;
}

.table tbody tr.highlight td { 
    background-color: #51e2ff !important;
}

.input-group-text {
    background-color: #e7eff7 !important;
}

.homeHeader {
    text-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    color: #244a71;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #106485;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #055a7b;
    }