.left_col {
    /*background: #959595;*/
    background: linear-gradient(to right, #959595, #d5d5d5);
}

.theme_background {
    /*background: #959595;*/
}

.nav_title {
    background: #2A3F54;
}

.ulencocompanyimg {
    background-image: url('/index.php?r=site/resource&id=bedrijfslogo.png');
    width: 230px;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
}

.nav.side-menu>li {
    position: relative;
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
}

.profile_info {
    padding: 25px 10px 10px;
    width: 65%;
    float: left;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
}

.img-circle.profile_img {
    width: 70%;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 35px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px;
    border-radius: 50%;
}

.nav.side-menu>li.active>a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    background: linear-gradient(#334556, #2C4257), #2A3F54;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {
    border-right: 5px solid #1ABB9C;
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 170px;
    z-index: 4000;
    background: #3E5367;
    display: none;
}

.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0;
}

body .container.body .right_col {
    background-color: #d5d5d5;
}

.ulencobackgroup {
    background-color: #d5d5d5;
}

/*background right site of screen*/
.ulencobackground {
    /*position: absolute;*/
    background-color: #a5a5a5;
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block;
    opacity: 0.8;
}

body {
    color: #73879C;
    background: #2A3F54;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471
}

.selected_run {
    background-color: #80B3E7 !important;
}

.panel-success > .panel-heading {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
}

.panel-success {
    border-color: #d6e9c6 !important;
}

.btn-success {
    background: #26B99A !important;
    border: 1px solid #169F85 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background: #169F85 !important;
}


.ulencoButtonNormal {
    box-shadow:inset 0px 1px 3px 0px #91b8b3;
    background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
    background-color:#768d87;
    border-radius:5px;
    border:1px solid #566963;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:4px 6px;
    text-decoration:none;
    text-shadow:0px -1px 0px #2b665e;
}
.ulencoButtonNormal:hover {
    background:linear-gradient(to bottom, #5c6c6c 5%, #667d77 100%);
    background-color:#6c7c7c;
}
.ulencoButtonNormal:active {
    position:relative;
    top:1px;
}


.ulencoButtonActive {
    box-shadow:inset 0px 1px 3px 0px #3e7327;
    background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    background-color:#77b55a;
    border-radius:5px;
    border:1px solid #4b8f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:4px 6px;
    text-decoration:none;
    text-shadow:0px -1px 0px #5b8a3c;
}
.ulencoButtonActive:hover {
    background:linear-gradient(to bottom, #62a342 5%, #67a54a 100%);
    background-color:#67a54a;
}
.ulencoButtonActive:active {
    position:relative;
    top:1px;
}
.ulencoButtonActive:disabled {
    background:linear-gradient(to bottom, #a0a0a0 5%, #c0c0c0 100%);
    background-color:#404040;
    box-shadow:inset 0px 1px 3px 0px #707070;
    color:#a0a0a0;
}

.site-login {
    position: relative;
    width: 600px;
    padding: 20px;
    top: 50px;
    margin: 0 auto;
    background-color: #ffffff;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
    padding: 50px;
    background:linear-gradient(to bottom, #c0c0c0 5%, #e0e0e0 100%);
    border-radius: 20px;
}

.site-login h1 {
    text-align: center;
}

.site-login form {
    display: flex;
    flex-direction: column;
}

.site-login label {
    margin-bottom: 10px;
}

.site-login input, .site-login button {
    padding: 10px;
    margin-bottom: 10px;
    border: 0px solid #ccc;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075) !important;
}

.site-login button {
background-color: #505050;
color: #dfdfdf;
border: none;
cursor: pointer;
margin-left: auto;
margin-right: auto;
}

.site-login button:hover {
background-color: #707070;
}

.ulenco_username {
background-color: #eaeaea !important;
}

.ulenco_password {
background-color: #eaeaea !important;
}

.input-group-addon {
    border: 0px solid #ccc !important;
}