.ng-add {
    border: 3px solid #000;
}

*[ng-click], *[ng-dblclick], *[ng-really-click] {
    cursor: pointer !important;
}

.no-click {
    cursor: default !important;
}

.col-fixed-330 {
    width: 330px;
    float: left;
    margin-left: 15px;
}

.col-fixed-330:first-child {
    margin-left: 0
}

.col-full-left {
    width: 100px;
    float: left;
    margin-left: 15px;
}

.ta-hidden-input {
    display: none;
}

.red-background {
    background-color: darkred;
    color: #fff;
}

.red-text {
    color: darkred;
}

.red-alert {
    background-color: tomato;
    text-decoration: line-through;
    color: red;
}

.green-background {
    background-color: darkgreen;
    color: #fff;
}

.green-text {
    color: darkgreen;
}

.strike {
    text-decoration: line-through;
    text-decoration-color: red;
}

body {
    overflow: visible;
}

body.modal-open {
    overflow: visible !important;
}

#login {
    min-height: 400px;
}

#login .hero {
    background-image: none;
}

.tokeninput {
    float: left;
    width: 25px;
    margin-right: 5px;
    font-size: 1.2em;
    text-align: center;
    border-radius: 50%;
    border: none;
    background-color: #f9efc0;
    color: #0d3df7;
}

form.ng-invalid.ng-dirty {
    background-color: #f9f1f1;
}
.form-group-info{
    background-color: #ebebeb;
    margin:0;
    padding-top:3px;
    padding-bottom: 9px;
}
.dark-green-bg{
    background-color:#175c63;
    color:#fff;
}
.form-label{
    position:relative;
    top:7px;
    font-weight:bold;
    float:left;
}
input.ng-invalid.ng-dirty {
    background-color: #f9f1f1;
}

input.ng-valid.ng-dirty {
    background-color: #f6f9f4;
}

input[type=number] {
    -moz-eleappearance: textfield;
}

/* hides the spin-button for chrome*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.line-break {
    white-space: pre-line !important;
    margin-top: -18px !important;
}

.textarea-bar {
    position: relative;
}

.textarea-bar textarea {
    padding-left: 26px;
}

.textarea-bar .textarea-inline-bar {
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5px 5px;
    width: 23px;
    height: 100%;
    border-right: 1px dotted #cccccc;
}

.dd-handle img {
    margin-right: 10px;
}

a {
    cursor: pointer;
}

ul.default-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 1.1em;
}

ul.default-ul-height {
    height: 400px;
    overflow: auto;
}

.right-inner-addon {
    position: relative;
}

.right-inner-addon input {
    padding-right: 30px;
}

.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

.my-disabled {
    background-color: #b2b2b2;
    color: #ebebeb;
}

.disabled-row{
    background-color:#eee;
}

.my-active {
    background-color: #3276b1;
    color: #fff;
}

.list-group-item-xs {
    padding: 1px 5px;
}

.list-group-choice:hover {
    cursor: pointer;
    background-color: #f4f4f4;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center !important;
}

.align-middle, .align-middle td {
    vertical-align: middle !important;
}

td.td-small-padding{
    padding:5px 2px !important;
}

.label-dimension {
    font-weight: bold;
    font-style: italic;
    margin-top: 7px;
    margin-left: -20px;
}

.label-order {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    font-size: 1em;
    padding: 5px;
}§

select.small-select {
    padding: 2px;
    height: auto;
}

.input-sm {
    padding: 3px 5px;
    height: auto;
}

.input-xsm {
    padding: 1px 5px;
    height: auto;
}

.input-group-label-xsm{
    padding: 0 4px;
}

input[type="text"].number {
    text-align: right;
}

input[type="date"].input-sm {
    line-height: normal;
}


input.with-percentage {
    padding: 0px 15px 0px 3px;
    height: auto;
    text-align: right;
}

.glyphicon-margin-top {
    margin-top: 8px;
}

.percentage-sign {
    position: relative;
}

.percentage-sign:before {
    position: absolute;
    top: -21px;
    content: "%";
    left: -14px;
    color: #000;
}


hr.small-line {
    margin: 0 0 5px;
    border-color: #BDC3CC;
}

.header-spacer {
    margin: 5px 0;
}

.form-group-tw {
    margin: 5px;
}

.dd-item a:hover {
    text-decoration: none;
}

.icon-box-right {
    margin-left: 8px;
}

.icon-black {
    color: black;
}

#top-menu-holder {
    margin-bottom: 20px;
}

#top-top-menu {
    position: absolute;
    right: 0px;
    top: 70px;
    font-size: .9em;
}

#top-top-menu li {
    list-style: none;
    float: left;
}

.open > .dropdown-menu {
    display: table;
}

.navbar {
    height: 70px;
    margin-bottom: 0;
}

#falcon-logo {
    width: 100%;
    max-width: 174px;
    margin: 0 auto;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #AF005D;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #005E67;
}

.navbar li a {
    padding: 25px 15px;
}

#version {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: .8em;
    color: #b2b2b2;
}

#version:hover {
    color: red;
    font-size: 1.1em;
    font-weight: bold;
    text-shadow: 0 0 1px #c3bbbb;
}

.btn.form-control {
    float: left;
    margin-top: 0;
}

.btn.form-control.btn-xs {
    font-size: 9px;
    padding: 1px 3px !important;
    line-height: 1.3 !important;
    height: 28px;
}

.btn-small {
    padding: 1px 3px !important;
    font-size: .9em;
}

.btn-margin-bottom {
    margin-bottom: 10px;
    margin-top: 0 !important;
}

.btn-no-margin {
    margin: 0 !important;
}

.btn-small-calendar {
    padding: 2px 5px 3px !important;
}

.btn-remove {
    float: right;
    background-color: transparent;
    border: 0;
    margin-top: -10px;
    color: #ebebeb;
    cursor: pointer;
}

.btn-remove:hover {
    color: #fff;
}

.btn-full {
    width: 100%;
    margin-top: 0;
}

.modal-dialog {
    cursor: default !important;
}

.md-dialog-fixed .modal-dialog {
    width: 900px;
}

.md-dialog .modal-dialog {
    width: 60%;
    min-width: 500px;
}

.lg-dialog .modal-dialog {
    width: 75%;
    min-width: 700px;
}

.xlg-dialog .modal-dialog {
    width: 96%;
    min-width: 900px;
    height: 99%;
}

.centerd-picture {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centerd-content {
    text-align: center;
}

.fa.action, .glyphicon.action {
    cursor: pointer;
    opacity: .8
}

.fa.action:hover, .glyphicon.action:hover {
    opacity: 1;
}

.grouped {
    border: 1px solid #cecece;
    padding: 7px 0;
    background-color: #FFF0F0;
}

.container {
    /*background-color: #fff;*/
}

.page-holder {
    /*overflow: hidden;*/
}

.page {
    margin-top: 20px;
}

.element-overflow {
    max-height: 600px;
    overflow: auto !important;
}

.search-header {
    padding: 10px 5px;
    background-color: #ebebeb;
}

.dd-handle {
    display: block;
    font-size: 15px;
    margin: 2px 0;
    padding: 4px 15px;
    color: #333333;
    text-decoration: none;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
}

.dd-handle:hover {
    background-color: #AF005D !important;
    color: #fff !important;
    border: 1px solid #333;
    cursor: pointer;
}

.dd-handle:hover > span {
    color: #fff !important;
}

.dd-handle.active {
    background: #005E67 !important;
    color: #fff;
}

.dd-handle.active > span {
    color: #fff;
}

.side-bar {
    margin-left: -13px;
}

.smart-form fieldset {
    padding-top: 5px;
    padding-bottom: 0px;
}

.smart-form .label-divider, .label-divider {
    color: #000;
    padding: 5px 0px 1px 15px;
    font-weight: bold;
    border-radius: 0;
    /*background-color:#FDFDFD;*/
    margin: 0px;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.form-horizontal .label-divider {
    margin-bottom: 5px;
}

.form-divider {
    margin: 0;
    text-align: center;
    background-color: #edeeed;
    padding: 10px;
    color: #767776;
}

.invalid-time {
    color: red;
    border-color: red;
}


.animate-enter {
    -webkit-transition: 1s linear all; /* Chrome */
    transition: 1s linear all;
    opacity: 0;
}

.animate-enter.animate-enter-active {
    opacity: 1;
}

.has-error {
    color: #A90329;
}

.fadeElement {
    opacity: 0.4;
}

.hideWarning {
    display: none;
}

.Warning {
    background-color:coral;
}

.smart-form div {
    background-color: #fdfdfd;
}

.btn {
    padding: 6px 12px;
    margin-top: 15px;
}

.btn-holder {
    margin: -10px -13px 5px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
}

.side-list button {
    margin-top: 0;
    margin-bottom: 10px;
}

.bgDvGreen {
    background-color: #005E67 !important;
    color: #fff !important;
}

.bgDvGreen:hover {
    background-color: #005E67 !important;
    color: #fff !important;
}

.error-holder {
    position: relative;
}

.error-holder .error-container {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #000;
    position: absolute;
}

.error-holder ul {
    list-style: none;
}

#updateLocForm .error-container {
    height: 450px;
}

.pull-right {
    margin-top: 2px;
}

.capitalize:first-letter {
    text-transform: capitalize !important;
}

header .widget-icon.app-icon {
    float: right;
}

header .widget-icon.app-icon i {
    display: block;
    line-height: 32px;
}

.panel-slim > .panel-body,
.panel-slim > .panel-heading {
    padding: 8px !important;
}

.panel-heading-superscript {
    float: left;
    margin-top: -8px;
    padding: 0 10px;
    margin-left: 5px;
    height: 10px;
    font-size: 10px;
    color: grey;
    background: white;
}

.col-same-height {
    display: flex;
}

.col-same-height > div {
    float: none;
}

.col-same-height .panel-horizontal {
    height: 100%;
    margin: 0;
}

/********FILE UPLOAD*************/
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/********TRANSLATION SLIDER******/

.translation-holder {
    position: fixed;
    right: 27px;
    top: 80px;
    bottom: auto;
    z-index: 999; /* for Chrome */
}

.translation-container {
    position: absolute;
    z-index: 1;
    transition: 0.4s all ease-out;
    width: 400px;
    right: -428px;
}

.translation-box {
    margin-right: 5px;
    background-color: #fff;
}

.translation-box tr td:first-child {
    width: 25%;
}

.translation-box .jarviswidget div {
    min-height: 175px;
}

.translation-tab {
    position: absolute;
    left: -20px;
    top: 140px;
    /*	background-color: #4A684A;*/
    /*	float: left;*/

}

.translation-tab p {
    position: relative;
    left: -38px;
    padding: 5px 10px;
    padding-bottom: 42px \0; /* only for IE 8+ */
    top: -20px \0; /* only for IE 8+ */
    color: #d2d2d2;
    background-color: #4A684A;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.translation-tab p:hover {
    color: #fff;
}

.text-rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.label-remover {
    margin-left: 3px;
    position: relative;
    top: -2px;
    right:-2px;

}

.invalid-input-holder {
    position: relative;
    height: 5px;
}

.invalid-input {
    color: tomato;
    font-size: .8em;
    font-weight: bold;
    position: absolute;
    top: -10px;
}

.redish {
    color: tomato !important;
}

.blueish {
    color: #178FEB;
}

.greenish {
    color: #ACD835;
}

.dark-greenish {
    color: darkgreen;
}

.greyish {
    color: #4C4F53;
    opacity: .5;
}

.yellowish {
    color: #e0a802;
}
.light-yellowish{
    color: #fde465;
}

.redish-background {
    background-color: tomato !important;
    color: #fff;
}

.greyish-background{
    background-color: #4c4f53 !important;
}

.light-greyish-background{
    background-color: #ebebeb !important;
}

/********Filter container********/

.filter-holder {
    position: relative;
    top: -15px;
}

.filter-container {
    position: absolute;
    z-index: 10;
    width: 100%;
    top: -200px;
}

.filter-content {
    background-color: #D6DDE7;
    padding: 30px;
    border-radius: 0 0 3px 3px;
    height: 100px;
}

.filter-tab {
    width: 80px;
    background-color: #fff;
    text-align: center;
    padding: 5px 0 1px;
    margin: 0 auto;
    background-color: #D6DDE7;
    color: #999;
    cursor: pointer;
    border-radius: 0 0 3px 3px;
    font-weight: bold;
}

.filter-tab:hover {
    color: #454545;
}

#filter-locatie .filter-content {
    height: 100px;
}

/*********TABLE SORTER************/
table .sort-hover {
    display: none;
}

table tr th:hover .sort-hover {
    display: block;
}

.selected-row, .selected-row:hover {
    background-color: #af005d !important;
    color: #ffffff !important;
    cursor: default !important;
}

.selected-row-blue, .selected-row-blue:hover {
    background-color: #ae075d !important;
    color: #ffffff !important;
    cursor: default !important;
}

.light-blue-tablerow{
    background-color: #d4fafa;
}

.light-yellow-tablerow{
    background-color: #fbf4e9;
}
.bluebg{
    background-color:#5b91aa;
    color:#ffffff;
}
.light-blue-tablerow-v{
    background-color: #e0f1ff;
}
.light-green-tablerow{
    background-color: #beface;
    color:#000
}

/*********SWITCH************/
.switch-label {
    margin: 8px 0 0 10px;
    font-weight: bold;
}

.onoffswitch {
    position: relative;
    width: 64px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    float: left;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #575E61;
    border-radius: 4px;
}

.onoffswitch-inner {
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left;
    width: 50%;
    height: 25px;
    padding: 0;
    line-height: 25px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.onoffswitch-inner:before {
    content: "on";
    padding-left: 9px;
    background-color: #005E67;
    color: #FFFFFF;
    font-weight: 100;
}

.onoffswitch-inner:after {
    content: "off";
    padding-right: 9px;
    background-color: #AF005D;
    color: #FFFFFF;
    text-align: right;
    font-weight: 100;
}
.onoffswitch-inner:before{
    content: "";
}

.onoffswitch-inner-o:after{
    content:"";
    background-color: #005E67;
}

.onoffswitch-switch {
    width: 22px;
    margin: 2px;
    background: #FFFFFF;
    border: 1px solid #575E61;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.user-pic {
    display: block;
    float: right;
}

#updateMedForm {
    height: 500px;
    overflow: auto;
}

#med-data-type {
    margin-top: 20px;
}

.date-picker .btn {
    margin: 0 -1px !important;
}

.jarviswidget-color-blueDark .nav-tabs li:not(.active) a {
    color: #000 !important;
    background-color: #f4f4f4;
}

.nav-tabs.nav-tabs-compact li a {
    padding: 5px 10px 5px;
}

.translate-image {
    position: relative;
    top: -3px;
    opacity: .7;
    padding: 3px;
    cursor: pointer;
}

.translate-image:hover {
    opacity: 1;
}

.glyphicon, .fa {
    cursor: default;
}

.pointer {
    cursor: pointer;

}

.selectedRow {
    font-style: italic;
}

.table-special {
    background-color: #B1B1B1;
}

.table-cursor-pointer {
    cursor: pointer;
}

.first-child th, .first-child-header th {
    background-color: #3276B1;
    color: #fff;
}

.first-child td {
    color: #3276B1;
    background-color: #D6DDE7;
}

.second-child th {
    background-color: #568A89;
    color: #fff;
}

.second-child td {
    color: #568A89;
    background-color: #e9f0ef;
}

.third-child th {
    background-color: #826430;
    color: #fff;
}

.third-child td {
    color: #826430;
    background-color: #EFE1B3;
}

.fourth-child th {
    background-color: #9c3975;
    color: #fff;
}

.fourth-child td {
    color: #9c3975;
    background-color: #e5cbdb;
}

.fifth-child th {
    background-color: #758a4a;
    color: #fff;
}

.fifth-child td {
    color: #758a4a;
    background-color: #e5cbdb;
}

.sixth-child th {
    background-color: #f98808;
    color: #fff;
}

.sixth-child td {
    color: #f98808;
    background-color: #f9dabb;
}

.widget-radio {
    display: inline-block;
    margin: 0 15px 0 5px !important;
}


/************MATERIAL PICTURES******************/

.drop-box {
    background: #F8F8F8;
    border: 2px dashed transparent;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 0px;
    border-radius: 3px;
}

.drop-box40 {
    background: #F8F8F8;
    border: 2px dashed transparent;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 0px;
    border-radius: 3px;
}
.drop-box.dragover {
    border: 2px dashed red;
}

.drop-box40.dragover {
    border: 2px dashed red;
}

.drop-box:hover {
    cursor: pointer;
    border: 2px solid #826430;
}

.drop-box40:hover {
    cursor: pointer;
    border: 2px solid #826430;
}

.pop-up-material-holder {
    position: relative;
}

.pop-up-material-container {
    position: absolute;
}
.close{
    font-size:3.5rem !important;
    opacity: .6;
}

.pop-up-close {
    font-size: 2em;
    background-color: #fff;
    float: left;
    position: absolute;
    padding: 0 10px;
    border-radius: 50%;
    border: 2px solid #496949;
    top: -20px;
    left: -20px;
    color: #496949;
    cursor: pointer;
    z-index: 10;
}

.pop-up-close:hover {
    background-color: #496949;
    color: #fff;
    border-color: #fff;
}

.pop-up-content {
    padding: 5px;
    background-color: #fff;
    border: 2px solid #496949;
    border-radius: 5px;
}

/**********OPTIONS-POPUP************/

.options-holder {
    position: relative;
    top: 0px;
    left: -100px;
    z-index: 5;
}

.options-container {
    padding: 10px;
    border: 2px solid #4A684A;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
}

.options-header {
    background-color: #4A684A;
    margin: -10px -10px 10px;
    color: #fff;
    padding: 10px 0 3px 15px;
    font-size: 1.2em;
}

.options-content {
    width: 400px;
}

/*********CUSTOMERS*************/

.default-height {
    min-height: 400px;
}

#searchCustomerForm ul, .boxed-list-group {
    height: 250px;
    overflow: auto;
    border: 1px solid #ebebeb;
}

#searchCustomerForm .list-group-item:hover {
    cursor: pointer;
    background-color: #eee;
}

.list-group-pointer:hover {
    background-color: #eee;
    cursor: pointer;
}

.disabled-list-group-item {
    color: #b2b2b2;
    background-color: #ebebeb;
}

#search-customer, .btn-side-full {
    margin-top: 0px;
    width: 136px;
    margin-bottom: 15px;
}

.comp-feature {
    height: 200px;
    margin-top: 5px;
    overflow: auto;
}

#customer-naw-buttons {
    margin-top: -30px;
    margin-bottom: 10px;
}

#search-parent-customer-holder {
    position: relative;
}

#search-parent-customer {
    position: absolute;
    height: 300px;
    width: 100%;
    z-index: 10;
    list-style: none;
    padding: 5px 10px;
    overflow: auto;
    box-shadow: 6px 5px 5px #888;
}

.has-kenmerk {

}

#search-parent-customer li {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}

#search-parent-customer li:hover {
    background-color: #efecb5;
}

#customer-kenmerken {
    cursor: pointer;
}


#customer-calendar th {
    text-align: center;
    height: 30px;
    background-color: orange;

}

#customer-calendar td {
    height: 30px;
    text-align: right;
    padding: 3px;
    /*border-color: #999 !important;*/
}

#customer-calendar td.other-month {
    background-color: #fbfbfb;
    color: #999;

    font-style: italic;
}

#customer-calendar td.current-month {
    background-color: #fef5b3;
    color: #60afe1;
    font-weight: bold;
}

th.centered-content, td.centered-content {
    text-align: center !important;
}

#customer-calendar td.current-month:hover {
    background-color: #feef90;
}

#customer-calendar td div {
    position: relative;
}

#customer-calendar td span.is-event {
    position: absolute;
    left: 3px;
    font-size: .8em;
    top: 3px;
    background-color: #AC5287;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
    overflow: hidden;
    cursor: pointer;
    width: 15px;
    height: 15px;
}

#customer-calendar td.current-day {
    background-color: #60afe1;
    color: #fefadc;
}

#customer-calendar td.current-day:hover {
    background-color: #60afe1;
}

.list-group-dossier {
    height: 220px;
    overflow: auto;
    border: 1px solid #ebebeb;
}

.calendar-month-year {
    padding: 5px 35px;
    margin-bottom: 0;
    font-size: 1.4em;
}

#customer-calendar td.chosen-day {
    border-bottom: 3px solid #A7092D;
    color: #A7092D;
    background-color: #d2f5af;
}

#customer-calendar td.chosen-day:hover {
    border-bottom: 3px solid #A7092D;
    background-color: #d2f5af;
}

.calendar-chosendate {
    margin: 0 0 15px;
    width: 100%;
    font-size: 1.3em;
}

/***********CONTACTPERSONEN*****************/

.image-cp-holder {
    position: relative;
}

.image-cp-holder img {
    position: absolute;
    right: 5px;
}

.contact-header, .btn-contact {
    color: #fff !important;
}

.contact-header-holder:nth-child(3n+0) .contact-header, .contact-header-holder:nth-child(3n+0) .btn-contact {
    background-color: #c79121;
}

.contact-header-holder:nth-child(3n+1) .contact-header, .contact-header-holder:nth-child(3n+1) .btn-contact {
    background-color: #71843f;
}

.contact-header-holder:nth-child(3n+2) .contact-header, .contact-header-holder:nth-child(3n+2) .btn-contact {
    background-color: #ac5287;
}

.picture-drag-over {
    border: 2px solid red;
    opacity: .4;
}

#new-contact {
    margin-top: 0px;
    margin-bottom: 10px;
}

/***********DELIVERIES****************/
.small-box-agreement {
    height: 130px;
}

.copy-machine {
    height: 350px;
    overflow: auto;
}


.nav-tabs > li.active-2 > a {
    -webkit-box-shadow: 0 -2px 0 #af0c5d;
    -moz-box-shadow: 0 -2px 0 #af0c5d;
    box-shadow: 0 -2px 0 #af0c5d;
    border-top-width: 0px !important;
    margin-top: 1px !important;
    font-weight: bold;
}

.tabs-left .nav-tabs > li.active-2 > a {
    -webkit-box-shadow: -2px 0 0 #af0c5d;
    -moz-box-shadow: -2px 0 0 #af0c5d;
    box-shadow: -2px 0 0 #af0c5d;
    border-top-width: 1px !important;
    border-left: none !important;
    margin-left: 1px !important;
}


/***************ORDERS******************/
.nav-icons {
    float: right;
}

.nav-icons li {
    float: left;
}

.nav-icons span {
    font-size: 18px;
    padding: 10px;
}

.input-group {
    width: 100%;
}

.input-group-addon-sm{
    font-size:.8em;
}

textarea.autogrow{
    resize: none;
    box-sizing: content-box;
}

.inline-popup-holder {
    position: relative;
}

.inline-popup-container {
    position: absolute;
    background-color: #f5dd7b;
    width: 500px;
    z-index: 10;
    padding: 15px;
    border-radius: 5px;
    border: 2px solid #d2d5d2;
    -moz-box-shadow: 5px 5px 5px #d8d5d5;
    box-shadow: 5px 5px 5px #d8d5d5;
    right: 0;
}

.failed-orderflow,
.failed-orderflow > span,
.failed-orderflow > input[type="text"],
.failed-orderflow > label {
    background-color: #F2DEDE !important;
    color: #FE3F3F;
}

#orderForm .label-order {
    margin-top: 0px !important;
}

/*.form-group > .control-label {*/
/*text-align: left;*/
/*}*/
.form-group-part-time div:nth-child(1) {
    padding-right: 1px;
}

.form-group-part-time div:nth-child(2) {
    padding-left: 1px;
}

#delivery-address-container div label:first-child {
    font-weight: bold;
    width: 100px;
}

#shipping-address {
    width: 62%;
    float: right;
    margin-top: 7px;
    padding-left: 0px;
    cursor: pointer;
}

#found-locations {
    list-style: none;
    height: 300px;
    overflow: auto;
}

#found-locations li {
    padding: 5px;
    background-color: #c7dbe6;
    cursor: pointer;
}

#found-locations li:hover, .boxed-list-group li:hover {
    background-color: #d6e4ec;
    cursor: pointer;
}

.orderoverview tr:hover td {
    background-color: #E1ECF4 !important;
}

.orderoverview tr.order-alert td {
    color: #FF3F3F !important;
}

#searchOrderform .list-group {
    height: 250px;
    overflow: auto;
}

#searchOrderform .list-group-item:hover {
    background-color: #ebebeb;
    cursor: pointer;
}

.search-order-panel {
    background-color: #eee1b3;
    padding: 10px 5px;
    border-radius: 4px;
    color: #826430;
}

.search-order {
    margin: -10px 0;
    float: left;
    width: 145px;
    position: relative;
    padding: 0;
    font-size: .85em;
}

.search-order input[type="checkbox"] {
    margin: 0 10px 0 5px;
    padding: 0;
}

#order-search-customer {
    position: absolute;
    right: 6px;
    top: 25%;
}

#order-lines td {
    padding: 2px 5px;
    vertical-align: middle;

}

#order-lines .date-picker {
    margin-bottom: 0;
    font-size: .8em
}

.inner-addon-link-sm .glyphicon,
.inner-addon-link-xsm .glyphicon {
    margin-top: -4px;
    display: inline-block;
    pointer-events: auto;
}

.inner-addon-link-xsm .glyphicon {
    margin-top: -6px;
}

.inner-addon-link-sm .glyphicon:hover,
.inner-addon-link-xsm .glyphicon:hover {
    color: #1494ea;
}

.status-label {
    float: left;
    padding: 5px 5px;
    margin-right: 8px;
    color: #B1B1B1;
    border: solid 1px #B1B1B1;
    font-size:.9em;
}

.active-status-label {
    background-color: #AD0C5D;
    color: #fff;
    border: solid 1px #AD0C5D;
}

#selectOrderreports table tr:hover td {
    background-color: #E1ECF4 !important;
}

.panel-date {
    font-size: 10px;
    opacity: 0.7;
}

/***************DEFAULTS******************/
.products-dependency-location {
    font-size: x-small;
}

.is-in-archive {
    background-color: #efd7d7 !important;
}

.form-hasornot-has {
    background-color: rgba(0, 255, 0, 0.05);
}

.form-hasornot-not {
    background-color: rgba(225, 0, 0, 0.1);
}

.form-hasornot-has .archive-item, .form-hasornot-not .archive-item {
    color: grey;
}

.form-hasornot-has .archive-item:after, .form-hasornot-not .archive-item:after {
    content: "\f187";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    opacity: 0.5;
}

.form-hasornot-middle {
    vertical-align: middle !important;
}

.form-hasornot-middle span {
    float: left;
    font-size: 20px;
}

.form-hasornot-middle span:last-child {
    float: right;
}

/***********SEARCH CONTAINERS************/

.result-holder {
    postion: relative;
}

.result-container {
    position: absolute;
    z-index: 10;
}

.result-container-header {
    height: 30px;
    border: 1px solid #dcdddc;
    background-color: #fff;
}

.result-results {
    overflow: auto;
    height: 300px;

}

.result-results .list-group-item {
    cursor: pointer;
}

.result-results .list-group-item:hover {
    background-color: #ebebeb;
}

.result-results h3, #orders-search-results h3 {
    margin: 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #ae005c;
}

#orders-search-results {
    height: 700px;
    overflow: auto;
    border: 1px solid #dcdddc;
}

#orders-search-results li {
    overflow: auto;
}

#orders-search-results li:nth-child(odd) {
    background-color: #F5F5F5;
}

#orders-search-results li .btn {
    float: right;
}

#orders-search-results .list-group-item-header {
    border-bottom: 1px solid #dcdddc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#orders-search-results .list-group-item-header .list-group-item-adress, small-text {
    font-size: 0.8em;
}

#orders-search-results .hover-back {
    background-color: #568A89 !important;
    color: #FFFFFF;
    cursor: pointer;
}

.orders-search-result-footer {
    margin-top: 10px;
    font-size: 12px;
    color: #fff;
    padding:3px 5px;
    border-radius:4px;
    margin-bottom: 3px;
    background-color:#739e72;
}

#orders-search-results .hover-back .orders-search-result-footer {
    /*color: white;*/
}

.orders-search-result-footer .btn {
    margin-top: 0px !important;
}

/***************ROLES******************/
.rotate-rolelabel {
    position: absolute;
    bottom: 0px;
    transform: rotate(-45deg);
    transform-origin: 0% 0% 0;
}

.role-row {
    width: 5%;
}

.role-row-hover {
    background: red;
}

/**************ACTIVITYLOG****************/

.activity-type {
    float: left;
    width: 300px;
    color: #3276b1;
    cursor: pointer;
}

.activity-type:hover {
    color: #224C76;
    text-decoration: underline;
}

.changed-field {
    background-color: tomato;
    font-weight: bold;
    color: #fff;
}

/**************INVOICE***************/

.invoice-label {
    background-color: #568a89;
    color: #fff;
    height: 32px;
    padding-top: 5px;
    border-bottom: 1px solid #fff;
    text-align: right;
}

.invoice-btn {
    width: 100%;
    padding: 4px;
    margin-top: 3px;
}

.invoice-comment {
    white-space: pre-line;
}

.invoice-highlight {
    background-color: #A6FFA8;
    padding-top: 5px;
    height: 32px;
    border-bottom: 1px solid #fff;
}

.calculation-table td {
    padding: 1px 5px 0px !important;
}

.right-align {
    text-align: right;
}


.hover-row {
    color: #929292;
}

.hover-row:hover {
    background-color: #ebebeb;
    cursor: pointer;
    color: #000;
}

li.bottom-line-with-some-space {

}

.invoice-subheader {
    font-weight: bold;
    margin: 0;
}

.small-line-2 {
    border-color: #959595;
    margin: 3px 0 -8px 0;
}

.small-line-blue {
    border-color: #3276b1;
    margin: 1px 0 -6px 0;
}

.with-line {
    margin: 0px 0 0 0;
}

.under-line {
    margin: 5px 0 0 0;
}

/************WORKPATTERNS************/

#workpattern-holder {
    width: 100%;
    overflow: auto;
    position: relative;
    height: 370px;
    overflow: auto;
}

#workpattern-container {
    width: 5000px;
    position: absolute;
}

.workpattern-widget-holder {
    width: 300px;
    float: left;
}

.workpattern-table td {
    /*padding-left:0 !important;*/
    padding-right: 0 !important;
    /*display:block;*/
    margin: 0 auto;
}

.cad-picture {
    max-height: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.cad-picture-modal-header {
    background-color: #3276b1;
}

.cad-picture-bar {
    padding: 15px;
    text-align: right;

}

.cad-picture-bar i {
    font-size: 130%;
    margin-left: 10px;
}

/* Next 3 are required for zoom function at cad pictures */
.zoomWindow {
    z-index: 999999999 !important;
}

.modal {
    z-index: 999 !important;
}

.modal-backdrop {
    z-index: 998 !important;
}

/*.modal-svg-object svg {*/
    /*width: 100%;*/
    /*height: auto;*/
/*}*/

/******FILEIMPORT*********/
.file-content-container {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    border: 2px solid #000;
}


/******TIMETRACKING*********/
.userpic-wrapper {
    float: left;
    position: relative;
    height: 18px;
    width: 18px;
    margin-right: 5px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}


/***********PAGINATION*************/
.pagination-timeterminal > ul.pagination {
    padding: 0;
    margin: 5px 0 0;
    display: flex;
    flex-direction: row;
}

.paginate-select {
    float: left;
}

.paginate-select > .form-control {
    width: 100% !important;
}

.paginate-badge-holder {
    position: relative;
}

.paginate-badge-container {
    position: absolute;
    top: -30px;
    left: 200px;
    z-index: 10;
}

/*** scroll button */
#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #AF005D;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

#scroll:hover {
    background-color: #005E67;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

#scrollbottom {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #AF005D;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

#scrollbottom span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff;
}

#scrollbottom:hover {
    background-color: #005E67;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

/************ORDER NOTES*******************/
.operationnote-html {
    border: none;
    background-color: #fff !important;
    resize: none;
}

.buttonbar {
    margin: 0px;
    margin-top: -3px;
}

.user-avatar {
    height: 48px;
}

/***********ORDER DOSSIER***************/
.drag-and-drop-area {
    border: 1px solid #e0e0e0;
    height: 150px;
    width: 100%;
    background: transparent url("../../images/ico-pdf.png") center center no-repeat
}


/************PLANNINGCALENDAR*************/

.planning-header {
    background-color: #af005d;
    color: #fff;
    margin: 0;
    padding: 10px 5px;
    border-radius: 5px;
}
.planning-header th{
    color:#434
}

.opening-hour-week td {
    padding: 5px 2px !important;
    cursor: pointer;
}

.calendar-day-cell {
    height: 55px;
    width: 55px;
}

.month-day {
    float: right;
    position: relative;
    top: -5px;
    right: -5px;
    font-size: .9em;
    font-weight: bold;
}

.calendar-day-cell div {
    position: relative;
    top: -10px;
    left: -10px;
}

.holiday {
    font-size: .7em;
    position: absolute;
    top: 30px;
    left: 3px;
    background-color: #dfbc0e;
    padding: 2px 2px;
    border: 1px solid #ffaa22;
    /*	-ms-transform: rotate(-90deg); /* IE 9 *!/
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera *!/
        transform: rotate(-90deg);*/
    line-height: 1em;
    color: #39304c;
    -moz-box-shadow: 2px 2px 1px #cec2c2;
    box-shadow: 2px 2px 1px #cec2c2;

}

.dimmed-calendar {
    background-color: #ebebeb !important;
    color: #b2b2b2 !important;
}

.dimmed-calendar span {
    font-weight: 400 !important;
}

.no-work {
    background-color: #ebebeb !important;
}

.openinghour-exception {
    background-color: gold !important;
}

.calendar-worktime-holder {
    position: relative;
}

.calendar-worktime-holder span {
    font-size: .8em;
    position: absolute;
    left: -5px
}

.calendar-worktime-holder span:first-child {
    top: -4px;
}

.calendar-worktime-holder span:nth-child(2) {
    top: 8px;
}

.selected-weeknumber td {
    background-color: #fad4fd !important;
}

.weekend-day, .weekend-day td {
    background-color: #d0d0d0 !important;
}

.weekend-day-first, .weekend-day-first td {
    background-color: #d4e0b6 !important;
}


/*************PLANNING**********/

.planning-order {
    width: 120px;
    float: left;
    margin-left: 5px;
    background-color: tomato;
}

.planning-order-label {
    width: 100px;
    position: absolute;
    padding: 5px;
    background-color: #000;
    color: #fff;
    float: left;
}

.planning-orderrow {
    width: 20px;
    border: 1px solid #b2b2b2;
    float: left;
    margin-top: 30px;
}

.planning-productiontime {
    border: 1px solid #ebebeb;
}

.planning-operation > .planning-productiontime:nth-child(1) {
    background-color: yellow;
}

.planning-productiontime-time {
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
    width: 20px;
    margin-left: -3px;
    text-align: center;
}

.dark-background {
    background-color: #999;
    color: #b2b2b2;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/*  WORKTIMES
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.worktimes.locations span:last-child {
    display: none;
}

.worktimes-overview {
    width: 100%;
}

.worktimes-overview h6 {
    margin: 0;
    height: 9px;
    line-height: 9px;
    font-size: 9px;
    color: #000;
    text-transform: capitalize;
}

.worktimes-overview tbody tr:hover {
    background-color: #7bA9C6 !important;
}

.worktimes-overview tr td {
    padding: 0px;
    vertical-align: text-top;
}

.worktimes-overview tbody tr:nth-child(odd) {
    background-color: #EAEAEA;
}

.worktimes-overview .divider {
    width: 1%;
    text-align: center;
}

.worktimes-overview .weekheader {
    padding-top: 3px;
}

.worktimes-overview .scheme {
    color: #5F5F5F;
}

.worktimes-overview .timebar-holder {
    position: relative;
    width: 100%;
    height: 10px;
    height: 10px;
}

.worktimes-overview .ruler {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999;
}

.worktimes-overview .ruler li {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 5px;
    width: 100%;
    border-width: 1px;
    border-color: #000000;
    border-left-style: dotted;
    z-index: 999;
}

.worktimes-overview .ruler li:last-child {
    border-right-style: dotted;
    z-index: 999;
}

.legend li {
    display: inline-block;
    padding-right: 15px;
    list-style: none;
}

.legend li p {
    float: left;
    font-size: 9px;
}

.legend-box {
    display: inline-block !important;
    position: relative !important;
    float: left;
    width: 15px;
    height: 12px !important;
    margin-right: 3px;
}

.timebar-present {
    display: block;
    position: absolute;
    height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: transparent;
    z-index: 99;
}

.timebar-overtime {
    border-color: #ff0000;
    z-index: 100;
}

.timebar-atwork {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #568a89;
    z-index: 4;
}

.timebar-atmachine {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #0d445e;
    z-index: 3;
}

.timebar-check {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #568a89;
    z-index: 2;
}

.timebar-pause {
    display: block;
    position: absolute;
    height: 100%;
    background-color: #AF005D;
    z-index: 10;
}

.timebar-sick {
    display: block;
    position: absolute;
    height: 100%;
    background-color: black;
    z-index: 5;
}

.timebar-leave {
    display: block;
    position: absolute;
    height: 100%;
    background-color: grey;
    z-index: 6;
}

.back-striped-right {
    background-size: 20px 20px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent) !important;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent) !important;
}

.back-striped-left {
    background-size: 20px 20px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent) !important;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0.25) 75%, transparent 75%, transparent) !important;
}
.comment-box{
    border:1px solid #999;
    margin-bottom:10px;

}
.comment-box-header{
    width:100%;
    background-color: #568a89;
    color:#fff;
    padding:5px 10px;
}
.comment-box-body{
    witdh:100%;
    padding:10px;
}

.grey-box{
    background-color:#ebebeb;
    padding:10px;
    margin-bottom:10px;
}
#overlay-with-text{
    display:none;
    text-align:center;
    position: absolute;
    z-index:1001;
    width:100%
}
#overlay-with-text > h1{
    margin-top:300px;
    font-size:3em;
}
#overlay-with-text > div{
    position: fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-color: #999;
    opacity:.5;
    z-index:1000;
}


.note-holder {
    position: relative;
}
.note-container {
    position: absolute;
    width: 500px;
    left: -500px;
    z-index: 100;
    height: 300px;
}


.disapprove-reasons{
    list-style:none;
    padding:0px 5px 0px 5px;
    background-color:#fff;
}
.disapprove-reasons > li{
    margin:10px;
    border:1px solid #000;
}
.disapprove-reason-header{
    background-color:#a90329;
    color:#fff;
    padding:5px 5px 2px;
    font-weight:bold;
}
.disapprove-solution-header{
    background-color: #2d6d03;
    color:#fff;
    padding:5px 5px 2px;
    font-weight:bold;
}
.disapprove-text{
    padding:5px;
}
.disapprove-text > span{
    font-weight:bold;
    color:darkred;
    font-size:1.3em;
    display:inline-block;
    margin-right:10px;
}

.tableFixHead          { overflow-y: auto; height: 100px; }
.tableFixHead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.offer-style{
    background-color:#dfecff;
    padding:5px;

}

.attachment-list{
    list-style: none;
    margin:0;
    padding:0;
}
.attachment-list li{
    float:left;
    margin-left:10px;
    margin-bottom:5px;
    padding: 8px 25px 5px 15px;
    background-color: #2d6d03;
    color:#fff;
    border-radius:5px;
    position: relative;
}
.remove-attachment{
    color:#ccc;
    position: absolute;
    top:-1px;
    right:7px;
    cursor: pointer;
}
.remove-attachment:hover{
    color:#fff;
}