html, body {
    height: 100%;
    background-size: cover;
    -ms-background-attachment: fixed;
    background-attachment: fixed;
    font-family: "Muli";
    font-weight: 500;
    padding: 0 !important;
}

    body.open .menu-head {
        display: none;
    }

.navbar .menu-head {
    display: none;
}

.postit p {
    font-family: "Muli";
}

h2 {
    font-family: "Muli", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: white;
    text-align: center;
    font-weight: 400;
    margin-top: 0;
    font-size: 25px;
}

h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: "Muli";
}

.card-header h3, .card-title {
    color: #142536;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}



.rowtitle h2 {
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-align: left;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
}

div#right-panel {
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}

thead {
    display: none;
}

.smallInfo {
    display: block;
    margin-top: -5px;
    font-size: 11px;
}
/*.rowtitle.invert h2 {
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #C8CCD4;
    text-align: left;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: 500;
    color: #212529;
    margin-bottom: 5px;
}*/
.rowtitle.invert h2 {
    margin-top: 7px;
    width: 100%;
    border-bottom: 1px solid #294B6E;
    text-align: left;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    color: #294B6E;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.paddingTop {
    padding-top: 20px;
}


.register {
    background: linear-gradient(to bottom, rgba(200, 190, 180, 0.8) 0%, rgba(0, 0, 0, 0.6) 100%);
    margin-top: 20px;
}

.loginimg {
    text-align: center;
}

    .loginimg img {
        margin-top: 25px;
        max-width: 150px;
    }

.button {
    position: relative;
    width: 100%;
    height: 4rem;
    margin: 5rem 0 2.2rem;
    color: rgba(255, 255, 255, 0.8);
    background: #294B6E;
    font-size: 1.5rem;
    border-radius: 3rem;
    cursor: pointer;
    overflow: hidden;
    transition: width 0.3s 0.15s, font-size 0.1s 0.15s;
    border: none;
}

.hinweis {
    color: #ABA8AE;
    font-size: 1.2rem;
}

    .hinweis a {
        color: white;
    }

.right-panel .navbar-brand img {
    max-width: 25px;
}

.navbar-brand h2 {
    color: #41434d;
    font-family: "Muli", Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-left: 10px;
    display: none;
    font-weight: 200;
}

.navbar-brand {
    padding-top: 15px;
    float: left;
    padding-bottom: 15px !important;
}

.account {
    background-color: white;
    text-align: center;
    padding: 25px;
    border-radius: 5px;
    color: black;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
}

    .account img {
        /*border-radius: 50%;*/
        max-width: 100px;
    }

    .account h3 {
        margin-top: 25px;
        font-size: 15px;
    }

    .account h4 {
        font-size: 13px;
        margin-top: 15px;
    }

    .account h5 {
        font-size: 10px;
        border-bottom: 1px solid gray;
        display: inline-block;
    }

.top-brand {
    background-color: #142536;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 0 20px rgba(0, 0, 0, 0.08);
}

    .top-brand h2 {
        color: white;
        font-size: 18px;
        text-align: left;
        padding: 15px 25px;
        display: inline-block;
        font-family: "Muli";
        font-weight: 300;
    }

    .top-brand .fa {
        font-size: 25pX;
        padding: 14px;
        color: white;
    }

        .top-brand .fa:hover {
            color: #03a9f3;
        }

/*.header-menu .dropdown b {
    display: block;
    line-height: 20px !important;
}*/

.menu-title span {
    display: block;
    line-height: 10px;
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    margin-top: -13px;
}

.dropdown-menu .subtitle {
    display: none !important;
}


.open .dropdown-menu .subtitle {
    display: none !important;
}


    .open .dropdown-menu .subtitle:first-child {
        display: block !important;
    }

.page-title h1, .navbar .menu-title {
    color: white;
    font-family: 'Muli', sans-serif;
}

.fullwidth {
    width: 100%;
}

.marginbottom {
    margin-bottom: 30px;
}

.btn {
    /*width: 100%;*/
    padding-left: 25px;
    padding-right: 25px;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #294b6e;
    border-color: #294b6e;
}

.margintop {
    margin-top: 15px;
}

.hidden {
    display: none;
}

.iconContainer img {
    width: 18px;
    height: 18px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    transition: all ease .25s;
}

    .iconContainer img:hover {
        filter: brightness(0);
    }

td a img {
    transition: all ease .25s;
}

td a:hover img {
    filter: brightness(0);
}

.iconContainer .blue {
    padding-left: 8px;
    padding-right: 8px;
    margin-right: 12px;
    font-size: 10px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #294b6e;
    transition: all ease .25s;
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 0px;
}




.iconContainer a:hover .blue {
    font-weight: 500;
    background-color: white !important;
    color: #294b6e !important;
}



/*.iconContainer img {
    width: 25px;
    height: 25px;
    margin-left: 3px;
    margin-right: 3px;
}*/
span.smallLabel {
    font-size: 9px;
}

.lg-vAlign b {
    font-size: 8.5px;
}

.innerGrid input.maxWidth.smaller.center {
    display: none;
}


/*.postit {
    margin-bottom: 15px;
    font-family: 'Mali', cursive;
    line-height: 1;
    width: 100%;
    position: relative;*/
/*border: 1px solid #E8E8E8;*/
/*font-size: 3em;
    border-bottom-right-radius: 60px 5px;
    display: inline-block;
    background: #ffff33;*/ /* Old browsers */
/*background: -moz-linear-gradient(-45deg, #ffff9f 81%, #ffff9f 82%, #ffff9f 82%, #ffff9f 100%);*/ /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff9f), color-stop(82%,#ffff9f), color-stop(82%,#ffff9f), color-stop(100%,#ffff9f));*/ /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* Opera 11.10+ */
/*background: -ms-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* IE10+ */
/*background: linear-gradient(135deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff9f', endColorstr='#ffff9f',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
/*padding: 15px;
}*/


.postit {
    margin-bottom: 15px;
    font-family: 'Mali', cursive;
    line-height: 1;
    width: 100%;
    position: relative;
    /*border: 1px solid #E8E8E8;*/
    font-size: 3em;
    border-bottom-right-radius: 60px 5px;
    display: inline-block;
    background: #AED143; /* Old browsers */
    /*background: -moz-linear-gradient(-45deg, #ffff9f 81%, #ffff9f 82%, #ffff9f 82%, #ffff9f 100%);*/ /* FF3.6+ */
    /*background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff9f), color-stop(82%,#ffff9f), color-stop(82%,#ffff9f), color-stop(100%,#ffff9f));*/ /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* Opera 11.10+ */
    /*background: -ms-linear-gradient(-45deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* IE10+ */
    /*background: linear-gradient(135deg, #ffff9f 81%,#ffff9f 82%,#ffff9f 82%,#ffff9f 100%);*/ /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff9f', endColorstr='#ffff9f',GradientType=1 );*/ /* IE6-9 fallback on horizontal gradient */
    padding: 15px;
}

span.postitColorTrigger {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #ebebee;
    cursor: pointer;
}


.yellow span.postitColorTrigger {
    border: 1px solid #c5c5c5;
}

.colorsWrap {
    margin-top: 3px;
}

.postit.green, .postitColorTrigger.green {
    background-color: #AED143 !important;
}

.postit.yellow, .postitColorTrigger.yellow {
    background: #FBD249;
}

.postit.orange, .postitColorTrigger.orange {
    background: #F49F3F;
}

.postit.red, .postitColorTrigger.red {
    background: #FF3F50;
}

.editing .postit {
    padding-top: 0;
}

.postit.transp {
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
}

.postit.lighter {
    background: #ffff33; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #FFFFDF 81%, #FFFFDF 82%, #FFFFDF 82%, #ffffe4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(81%,#ffff33), color-stop(82%,#FFFFDF), color-stop(82%,#FFFFDF), color-stop(100%,#ffffe4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #FFFFDF 81%,#FFFFDF 82%,#FFFFDF 82%,#ffffe4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #FFFFDF 81%,#FFFFDF 82%,#FFFFDF 82%,#ffffe4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #FFFFDF 81%,#FFFFDF 82%,#FFFFDF 82%,#ffffe4 100%); /* IE10+ */
    background: linear-gradient(135deg, #FFFFDF 81%,#FFFFDF 82%,#FFFFDF 82%,#FFFFDF 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFDF', endColorstr='#FFFFDF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.postit:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -0px;
    bottom: 20px;
    width: 200px;
    height: 25px;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 2px 15px 5px rgba(0, 0, 0, 0.40);
    -moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
    transform: matrix(-1, -0.1, 0, 1, 0, 0);
}

.rotate {
    /* Safari */
    -webkit-transform: rotate(-10deg);
    /* Firefox */
    -moz-transform: rotate(-10deg);
    /* IE */
    -ms-transform: rotate(-10deg);
    /* Opera */
    -o-transform: rotate(-10deg);
    /* Internet Explorer */
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
}


h4.taskState {
    position: absolute;
    color: black;
    top: 10px;
    left: 10px;
    font-size: 11px;
    font-weight: 500;
}

h5.projectName {
    position: absolute;
    color: black;
    top: 25px;
    left: 10px;
    font-size: 11px;
    font-weight: 500;
}

.postit h2 {
    color: black;
    font-family: 'Muli';
    font-weight: 800;
    font-size: 16px;
    margin-top: 45px;
    margin-bottom: 20px;
    text-align: left;
    margin-left: 10px;
}

.postit p {
    text-align: left;
    font-size: 14px;
    color: #141414;
}

.postit > div {
    font-size: 15px;
    padding: 5px;
}

.postit .deadline {
    padding-bottom: 5px;
    padding-top: 8px;
    font-size: 12px;
    border-bottom: 1px solid black;
}

.card textarea {
    min-height: 120px;
    margin-bottom: 15px;
}


.myinput {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 58px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #c8ccd4;
    background: none;
    border-radius: 0;
    color: black;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

h3.card-title {
    font-size: 16px;
    color: black;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
}

.greenBtn {
    background-color: #28a745;
    color: white;
    padding: 10px;
    border-radius: 5px;
    /*  margin-bottom: 20px;*/
    margin-bottom: 0px;
    display: inline-block;
}

    .greenBtn a {
        color: white;
    }

span.color {
    border-radius: 5px;
    font-size: 8px;
    padding: 5px 5px;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
}

span.orange {
    background-color: orange;
    color: white;
}

span.green {
    background-color: #28a745;
    color: white;
}

.projectstatespan.green {
    background-color: #28a745 !important;
    color: white !important;
}

.invoicestatespan.gray, .taskstatespan.gray {
    background-color: #ecf2f8 !important;
    color: #141414 !important;
}

span.darkgray {
    color: white;
    background-color: darkgray;
}

span.red {
    color: white;
    background-color: #D66C65;
}

.redBorder {
    border: 2px solid #D66C65 !important;
}
/*.maxwidthmedium img {
    max-width: 30px;
}*/
.maxwidthmedium img {
    max-width: 19px;
}

.quadrat {
    border-radius: 0 !important;
    background-color: white;
}

.fleft {
    float: left;
}

.fright {
    float: right;
    display: inline;
    width: auto;
}

.margintopsmall {
    margin-top: 5px;
}


.btn-success {
    color: #fff;
    background-color: #294B6E;
    border-color: #294B6E;
}

    .btn-success:hover {
        color: #fff;
        background-color: #142536;
        border-color: #142536;
    }

aside.left-panel, .navbar .main-menu, .navbar .navbar-nav li.menu-item-has-children .sub-menu, .right-panel header.header, .right-panel .navbar-header {
    background-color: #294B6E;
}


.navbar .navbar-nav li > a, .navbar .navbar-nav li > a .menu-icon, .navbar .menu-title, .navbar-brand h2 {
    color: white;
}

.navbar .navbar-nav > li.active, .right-panel .page-header {
    background: #142536;
    color: white;
}

.right-panel, body {
    background-color: transparent;
}

body {
    background: url(../_img/b4.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

strong, h1, h2, h3, h4, h5, h6 {
    font-family: 'Muli', sans-serif;
}


.select2-container .select2-selection--single {
    background-color: #ecf2f8;
    border-radius: 0;
    border: none;
    height: 58px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 16px;
}



body {
    max-width: 100%;
    overflow-x: hidden;
}

.select2 {
    width: 100%;
}


body > span.select2 {
    width: auto;
}



select {
    width: 100%;
    padding: 10px;
    font-size: 11px;
    border-radius: 5px;
    /* height: 10px; */
    padding-top: 0;
    padding-bottom: 0;
}

input.dotSwitch {
    position: relative;
    -webkit-appearance: none;
    outline: none;
    /*    width: 50px;
    height: 30px;*/
    width: 44px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #D9DADC;
    border-radius: 50px;
    box-shadow: inset -20px 0 0 0 #fff;
    transition: all ease .25s;
}

.innerGrid .dotSwitch {
    margin-top: 7px;
}

/*.grid-item .innerGrid.withPadding {
    padding-top: 20px;
    padding-bottom: 30px;
}*/

input.dotSwitch:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    background: transparent;
    /*    width: 26px;
    height: 26px;*/
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
    transition: left ease .25s;
}

input.dotSwitch:checked {
    box-shadow: inset 20px 0 0 0 #4ed164;
    border-color: #4ed164;
}

    input.dotSwitch:checked:after {
        left: 20px;
        box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
        transition: left ease .25s;
    }

.projectSpan {
    float: left;
    font-size: 14px;
    margin-top: 3px;
    /*    margin-right: 10px;*/
}

.ms-container {
    width: 100%;
    background: transparent url(../_img/switch.png) no-repeat 50% 50%;
}

    .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #3e71a6;
    }

.wrap {
    border: 1px solid #3e71a6;
    padding: 10px;
}

.btnSmall {
    font-size: 14px;
}

.bgGray {
    background-color: #e2e2e2;
}

.bgWhite {
    background-color: #fff;
}

.custom-header {
    background-color: #3e71a6;
    color: white;
    padding: 10px 15px;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    padding: 10px;
}

input.search-input {
    width: 100%;
    padding: 10px 15px;
}

.marginbottomsmall {
    margin-bottom: 15px;
}

.hide {
    display: none;
}

.page-header {
    border-radius: 3px;
}

a.dropdown-toggle.waves-effect.waves-light {
    padding-left: 15px;
    padding-right: 15px;
}

a.withNavPadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.navbar .navbar-nav li.menu-item-has-children a:before {
    right: 15px;
}


.open .navbar .navbar-nav li.menu-item-has-children a:before {
    right: 8px;
}


.dropdown-content li {
    padding: 10px;
}

.card .inp input {
    background-color: #ecf2f8;
}

.inp .label {
    position: absolute;
    top: 16px;
    left: 0;
    font-size: 16px;
    color: #9098a9;
    font-weight: 500;
    transform-origin: 0 0;
    transition: all 0.2s ease;
}

.inp.smaller .label {
    font-size: 14px;
}

.inp.smaller input {
    height: 54px;
}

.card .inp.smaller input:not(:placeholder-shown) + span {
    color: black;
    transform: translateY(-51px) scale(0.65);
    padding-left: 0;
    font-size: 15px;
}


.card .inp input:focus + span {
    transform: translateY(-41px) scale(0.65);
}

.card .inp.smaller input:focus + span {
    color: black;
    transform: translateY(-41px) scale(0.65);
    padding-left: 0;
    font-size: 14px;
}

.card .inp.smaller input:not(:placeholder-shown) + span {
    color: black;
    transform: translateY(-41px) scale(0.65);
    padding-left: 0;
    font-size: 17px;
}

.inp.smaller .label {
    font-size: 12px;
}

.card .inp.smaller .label {
    padding-left: 15px;
}

.inp input:focus + span {
    color: white;
    transform: translateY(-26px) scale(0.65);
    padding-left: 0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #ecf2f8;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.cke_top, .cke_bottom {
    background: #ecf2f8 !important;
    border: none !important;
}

.cke_button_label {
    font-family: "Muli" !important;
}

.navbar .navbar-nav > li {
    padding-left: 15px;
    padding-right: 15px;
}

.page-title h1, .navbar li.menu-title {
    padding-left: 30px;
    padding-right: 30px;
}

.navbar li.menu-title {
    margin-bottom: 10px;
}

li.menu-item a {
    transition: background-color ease .45s;
}

li.menu-item-has-children.dropdown:hover > a {
    background-color: #142536;
}

.navbar .navbar-nav li.menu-item-has-children.show a:before {
    border-color: transparent #607d8b #607d8b transparent;
    top: 20px;
    right: 15px;
}

table td {
    font-size: 0.7rem;
    font-weight: 500;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #294b6e;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.select2-results__option {
    padding: 10px;
    user-select: none;
    -webkit-user-select: none;
}

input.dotSwitch:checked {
    box-shadow: inset 20px 0 0 0 #3e71a6;
    border-color: #3e71a6;
}

.datepicker-top-left, .datepicker-top-right {
    border-top-color: #3e71a6;
}

    .datepicker-top-left:before, .datepicker-top-right:before {
        border-bottom-color: #3e71a6;
    }

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
    color: #03a9f3;
}

.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show .sub-menu {
    width: 220px;
}

.open .navbar .navbar-nav li.menu-item-has-children.show a:before {
    right: 5px;
}

.dropdown-menu {
    width: 13rem;
}

/*.sub-menu li a {
    font-size: 13px !important;
}*/

.navbar .navbar-nav li.menu-item-has-children .sub-menu {
    padding: 0 0 0 30px;
}

.accountname, .companymember {
    line-height: 30px;
}


.user-menu.dropdown-menu {
    line-height: 24px;
}

.accountname {
    font-weight: 700;
    font-size: 14px;
    display: block;
    text-transform: uppercase;
}

.companymember {
    font-size: 17px;
    display: block;
}

.companyname {
    display: block;
    line-height: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 10px;
    margin-top: 2px;
}

.user-menu a:hover {
    color: #03a9f3 !important;
}

hr.blue {
    background-color: #294B6E !important;
}

.avatarBg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: white;
    border-radius: 50%;
}

.user-area .user-avatar {
    opacity: 0;
}

.mdb-btn.blue:hover, .mdb-btn.bg-blue:hover {
    background-color: #142536 !important;
}

.bluecolor {
    color: #294B6E;
}

.blueunderline {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #294b6e;
}

.btn {
    font-size: 14px;
}

.specialLabel span.smallLabel {
    position: absolute;
    top: -3px;
}

.specialLabel .select-wrapper.mdb-select.md-form {
    margin-top: 25px;
}

.myinput {
    background-color: #ecf2f8;
}



.grid {
    background: #DDD;
    width: 100%;
    transition: height ease .25s;
}

    /* clear fix */
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

/* ---- .grid-item ---- */

.grid-item .subMaterialss .innerGrid {
    border-top: 1px dotted #e5e5e5;
    min-height: 70px;
}

.grid-item {
    width: 100%;
    background-color: white; /*
    border-top: 1px solid #3e71a6;*/
    z-index: 1;
    padding-bottom: 3px;
    font-size: 11px;
}

    .grid-item:hover {
        border-color: hsla(0, 0%, 100%, 0.5);
    }

    .grid-item.is-dragging {
        background: #ecf2f8;
        z-index: 2;
    }

.packery-drop-placeholder {
    z-index: 0;
}

.packery-drop-placeholder {
    outline: 3px dashed hsla(0, 0%, 0%, 0.5);
    outline-offset: -6px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
}


.grid .grid-item .row .invoiceCol.first .innerGrid, .headrow .invoiceCol.first .innerGrid, .myGrid .myGrid-item .row .invoiceCol.first .innerGrid {
    margin-left: 0;
}

.grid .grid-item .row .invoiceCol.last .innerGrid, .headrow .invoiceCol.last .innerGrid, .myGrid .myGrid-item .row .invoiceCol.last .innerGrid {
    margin-right: 0;
    border-right: 1px solid #c8ccd4;
}

.grid-item .innerGrid, .headrow .innerGrid, .myGrid-item .innerGrid {
    border-left: 1px solid #c8ccd4;
    border-top: 1px solid #c8ccd4;
    height: 100%;
    margin-right: -15px;
    padding: 10px;
    margin-left: -15px;
}

.myBorderBottom {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #294B6E;
}

.minheight .innerGrid {
    /*  min-height: 60px;*/
    min-height: 75px;
}

.minheight.bigger .innerGrid {
    min-height: 100px;
}

.minheight .mover img {
    margin-top: 8px;
}

.innermover img {
    margin-top: 8px;
}


.innerGrid input {
    max-width: 100%;
}

.innerGrid .other input[type='text'] {
    width: 100%;
    max-width: 200px;
}

.headrow .innerGrid {
    background-color: #cfdeed;
    padding: 10px;
    padding-bottom: 20px;
    padding-top: 14px;
    height: 100%;
    margin-bottom: -3px;
    position: relative;
    font-size: 12px;
}

.borderbottom {
    background-color: #294B6E;
    height: 3px;
    position: absolute;
    bottom: -1px;
    z-index: 2;
    left: 0;
    right: 0;
}

div#costscontainer {
    background: #ffffff;
    /*    min-width: 1048px;
    overflow: scroll;*/
}

.isnewgriditem {
    padding-bottom: 15px;
}
/*.mover {
    padding: 30px;
    float: right;
}*/



.input-text.fullWidth {
    width: 100%;
    max-width: none !important;
    text-align: left !important;
    padding-left: 10px !important;
}

.mover:hover, .innermover:hover {
    cursor: move;
}

.mover img, .innermover img {
    width: 25px;
}

.innerGrid input[type='text'] {
    max-width: 100%;
    float: left;
    margin-right: 15px;
    border: none;
    border: 1px solid #c8ccd4;
    min-height: 30px; /*
    max-width: 52px;*/
    /*text-align: center;*/
}

.last .innerGrid input {
    margin-top: 22px;
}

.innerGrid select {
    border-color: #c8ccd4;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 9px;
}

.innerGrid input[type='text'] { /*
    padding-left: 0;
    text-align: center;*/
    /*max-width: 45px;*/
    background-color: #ecf2f8;
}
/*
.materialRow .innerGrid input[type='text'] {
    max-width: 85px;
}
*/
.innerGrid input.maxWidth {
    max-width: 85px;
}

    .innerGrid input.maxWidth.center {
        max-width: 85px;
        text-align: center;
    }

    .innerGrid input.maxWidth.biggerWidth {
        max-width: 130px;
        text-align: center;
        font-size: 14px;
    }



    .innerGrid input.maxWidth.smaller.center {
        max-width: 33px;
        text-align: center;
        padding-left: 0;
        margin-top: 5px;
    }


.deleteIconInvoice img {
    max-width: 24px;
    float: left;
    margin-top: 6px;
    margin-right: 8px;
}

.effortDiv .deleteIconInvoice img {
    margin-right: 14px;
}

.innerCol {
    border-bottom: 1px solid #c8ccd4;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%;
}

.bigFont {
    margin-top: 10px;
    font-size: 20px;
}

select.hourtypeselect {
    margin-top: 2px;
    height: 58px;
}

.card-body.closed {
    max-height: 0px;
    padding: 0;
    overflow: hidden;
}

.greyTitle {
    color: #b3b3b3;
    text-align: left;
    margin-bottom: 15px;
}

.smallText {
    font-size: 14px;
}

.fc-content {
    padding: 10px;
}

span.jconfirm-title {
    line-height: 35px;
}

.smallGreySpan {
    color: #b3b3b3;
    font-size: 11px;
}

.margintopMedium {
    margin-top: 11px;
}

.rowWithPadding .innerGrid {
    padding: 15px;
}

.smallLine {
    padding: 0;
    margin: 0;
}

.md-form input:not([type]):focus:not([readonly]), .md-form input[type="text"]:not(.browser-default):focus:not([readonly]), .md-form input[type="password"]:not(.browser-default):focus:not([readonly]), .md-form input[type="email"]:not(.browser-default):focus:not([readonly]), .md-form input[type="url"]:not(.browser-default):focus:not([readonly]), .md-form input[type="time"]:not(.browser-default):focus:not([readonly]), .md-form input[type="date"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime"]:not(.browser-default):focus:not([readonly]), .md-form input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .md-form input[type="tel"]:not(.browser-default):focus:not([readonly]), .md-form input[type="number"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search"]:not(.browser-default):focus:not([readonly]), .md-form input[type="search-md"]:focus:not([readonly]), .md-form textarea.md-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #142536;
    -webkit-box-shadow: 0 1px 0 0 #142536;
    box-shadow: 0 1px 0 0 #142536;
}

.select-wrapper.mdb-select.md-form {
    margin-top: 3px;
}

hr.smallHr {
    margin: 0;
    padding: 0;
}

span.smaller.greyText {
    color: #aba8ae;
    font-size: 13px;
    border-top: 1px solid #aba8ae;
    display: block;
    margin-top: 5px;
    padding-top: 3px;
    min-height: 70px;
}

.selectfullWidth input.select-dropdown.form-control {
    max-width: 100%;
}

.fullWidthTextbox {
    width: 100%;
}

.xSmaller {
    font-size: 12px;
}

.materialTypes span.hide {
    margin-top: 0;
    display: none;
}

.materialTypes span {
    margin-top: 20px;
    display: block;
}

.packagingTypeWrap select {
    height: 30px;
}

.packagingTypeWrap.withMarginTop select {
    margin-top: 24px;
}

.borderbottomgray {
    border-bottom: 1px solid #c8ccd4;
}

.otherSpecialLabel .smallLabel {
    margin-bottom: 0;
    font-size: 12px;
}

.otherSpecialLabel {
    margin-top: 12px;
}

.card-header.special, .card.special {
    margin-bottom: 0;
}

.card.special {
    margin-top: 15px;
}

.whiteBg {
    background-color: white;
    padding: 15px;
}

.fc-left h2 {
    color: #41434d;
}

.border-btm {
    border-bottom: 1px solid #bfbfbf;
}

.monthWrapper {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    border-bottom: none;
    margin: 0;
    transition: all ease .45s;
}

    .monthWrapper.visible, .dayWrapper.visible {
        max-height: 1500px;
    }


.efforts {
    margin-top: 15px;
}

.dayWrapper.visible {
    border-bottom: 1px solid #bfbfbf;
    padding: 15px;
}

.dayWrapper {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
    border-bottom: none;
    margin: 0;
    transition: all ease .45s;
}

.card.nomargin {
    margin-bottom: 0;
}

.workerDetails, .monthDetails {
    cursor: pointer;
}

.showDescription {
    color: #294B6E;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
}

.greenText {
    color: #28a745;
    font-size: 10px;
}

.redText {
    color: #D66C65;
}

.backBtn {
    background-color: #294B6E;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

/* Vorübergehend */

.header-left {
    display: none;
}



    .header-left .dropdown-menu {
        max-height: 400px;
        overflow-y: scroll;
    }

.showMore {
    color: #294B6E;
    cursor: pointer;
    border-bottom: 1px solid #294B6E;
    padding-bottom: 2px;
}




.cAmount {
    margin-top: -25px;
}

.cAmount {
    margin-bottom: 4px;
    font-size: 14px;
    display: inline-block;
}

/*.editing .cAmount {
    margin-top: 0px;
}*/

.packagingTypeWrap {
    margin-top: 25px;
}

.fc-left h2 {
    font-size: 25px;
}

.myCustomGrid .headrow .last .innerGrid {
    border-right: 1px solid #c8ccd4;
}

.myCustomGrid .last .innerGrid input {
    margin-top: 0;
}

.myCustomGrid .innerGrid input[type='text'] {
    margin-bottom: 10px;
}

.grid-item .hourWrapper .innerGrid {
    border-top: 1px dotted #e5e5e5;
    min-height: 70px;
}

.grid-item .materialRow .innerGrid {
    border-top: 1px dotted #e5e5e5;
}

.grid-item .addMoreWrapper .innerGrid {
    border-top: none;
}

.addMoreWrapper {
    margin-top: -15px;
}


    .addMoreWrapper .innerGrid {
        padding-top: 25px;
    }

.istask.hidden .hourWrapper {
    display: none;
}

.invoiceFormWrap .cAmount.smaller {
    margin-top: 0px;
}

.red .showRed {
    color: #D66C65;
}

span.smaller.greyText .xtraSmall {
    font-size: 11px;
}

.smallerSpan {
    font-size: 11px;
}

.innergrid {
    width: 100%;
}

.innergrid-item {
    width: 100%;
}

.greenBtnWrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.customNameInput {
    margin-bottom: 85px;
}

.smaller p {
    font-size: 13px;
    margin-bottom: 0;
}

.error .cke {
    border: 2px solid red;
}

.bg-color {
    float: right;
    width: 60px;
    height: 60px;
    margin-left: 15px;
    border: 1px solid #909090;
}

.smallerInfoSpan {
    color: #294B6E;
    font-size: 10px;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    position: relative;
    display: inline-block;
    margin: 16px 0 0 16px;
    padding: 0;
    vertical-align: top;
    width: 25%;
    /*    width: calc(15% - 16px);*/
    width: calc(50% - 16px);
    padding-top: 50%;
}

.smallLink a {
    display: inline-block;
    font-size: 13px;
    margin-left: 6px;
}

.marginLeftMedium {
    margin-left: 15px;
}

.marginRightBig {
    margin-right: 50px;
}

.workerChooseWrapper {
    padding-top: 25px;
}

    .workerChooseWrapper .select-wrapper > label.mdb-main-label.active {
        top: -11px;
        font-weight: 500;
        color: #141414;
    }

    .workerChooseWrapper .form-check-input {
        display: none;
    }


    .workerChooseWrapper .colorful-select .dropdown-content li a:hover, .colorful-select .dropdown-content li span:hover, .workerChooseWrapper .colorful-select .dropdown-content li.active span {
        box-shadow: none !important;
    }

.smallGreySpan {
    color: #aba8ae;
    font-size: 10px;
    border-top: 1px solid #aba8ae
}

#writtenHours, #possibleHours {
    font-weight: bold;
}

.smallerHours {
    font-size: 14.5px;
}

.moreText {
    margin-top: 5px;
    font-size: 13px;
}

    .showMoreTrigger, .moreText a {
        color: #142536;
        border-bottom: 1px solid #142536;
        cursor: pointer;
    }


textarea.error {
    border: 2px solid #D66C65;
}

#Effort_Description.error {
    border: 2px solid #D66C65;
}

.groupForm .dotSwitch {
    margin-left: 15px;
}

#summaryWrapper .redactor-box.redactor-styles-on {
    background-color: #d2f8d2;
}

#loading_wrap {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0.75;
}

    #loading_wrap.loaded {
        opacity: 0;
        transition: opacity ease .35s;
        z-index: -1;
        transition: z-index ease 0 .35s;
    }

.myCustomList tr td:first-child {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.myCustomList tr td:last-child {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.errorColor {
    color: #d66c65;
}

.overflowHandler {
    overflow: hidden;
}

.content, .vue-misc {
    max-width: 100%;
    overflow: hidden;
}

.mobileHint {
    margin-bottom: 10px;
    margin-top: 10px;
}

.invoiceContent {
    display: none;
}

.card, .card-body {
    max-width: 100%;
}

/*aside.left-panel {
    overflow-x: scroll;
}*/

#section2 label {
    display: none;
}

.navbar-default {
    padding-bottom: 250px;
    background-color: #294B6E;
}

.importOverlay {
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: rgba(255,255,255,.75);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .importOverlay.hide {
        display: none;
    }

.closeImportOverlay {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.settingsButtonRow > div {
    height: 60px;
}

    .settingsButtonRow > div .mdb-btn {
        display: inline-block;
        margin-top: 0 !important;
        margin-bottom: 15px;
    }

.smallTextBox {
    max-width: 80px;
    height: 31px;
}

    .smallTextBox.withMargin {
        margin-left: 12px;
        margin-right: 12px;
    }

.smallFont {
    font-size: 12px;
}

.marginTopSmaller {
    margin-top: 5px;
}

.redFont {
    color: #d66c65;
}

.orangeFont {
    color: #d2691e;
}

.smallFont.blueunderline {
    color: #142536;
    margin-left: 4px;
}

.myIcon {
    width: 20px;
}

#Expense_MaterialTypeId {
    height: 57px;
}

span.expenseTrigger, span.refundExpenseTrigger, span.payrollTrigger {
    font-size: 10px;
    margin-left: 15px;
    padding: 3px 5px;
    background-color: #ebebeb;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
}

span.refundExpenseTrigger {
    margin-left: 0;
    margin-right: 15px;
    margin-top: 7px;
}

    span.expenseTrigger.checked, span.refundExpenseTrigger.checked, span.payrollTrigger.checked {
        background-color: #28a745;
        color: #ffffff;
    }

a.smallLinkUnderline {
    font-size: 12px;
    display: inline-block;
    border-bottom: 1px solid #142536;
    color: #142536;
    margin-left: 15px;
}

.marginLeft {
    margin-left: 20px;
}

.smallExpenseText {
    display: inline-block;
    font-size: 10px;
    margin-left: 15px;
}

.content.specialContent {
    padding-top: 10px;
    padding-bottom: 0px;
}

.col-12.mymaxwidth {
    max-width: 1080px;
}

.outerNotice {
    padding: 15px;
    border: 1px solid #D66C65;
}

.removePaymentDate {
    color: #142536;
    border-bottom: 1px solid #142536;
    float: right;
    font-size: 10px;
    cursor: pointer;
    display: inline-block;
    margin-top: 5px;
}

.smallNotice {
    margin-top: 3px;
    font-size: 12px;
}

.editRapportIcon img {
    max-width: 22px;
    margin-left: 10px;
}

.textLabel {
    display: inline-block;
    margin-right: 15px;
}

.paddingRight {
    padding-right: 10px;
}

.checkboxMinWidth {
    padding-right: 25px;
}

.bgBlue {
    background-color: #ecf2f8;
    padding: 5px 15px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: 25px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.taskBgGrey {
    background-color: #F2F2F2;
    padding: 0px 15px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.taskRow:nth-child(even) .customBg {
    background-color: #fefefe;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card textarea.customTextArea {
    min-height: 65px;
}

.myBgWrap {
    background-color: #ecf2f8;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #c8ccd4;
}

.smallBtn {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
}

.quickInfo {
    color: #d66c65;
    display: inline-block;
    font-size: 12px;
    margin-top: 3px;
}

#quickInfoTop {
    opacity: 0;
    font-size: 14px;
    color: #d66c65;
    margin-top: 5px;
    transition: all ease .35s;
}

    #quickInfoTop.showNow {
        opacity: 1;
    }

a.margintopsmallBlock {
    display: inline-block;
    margin-top: 7px;
}

input.select-dropdown.form-control {
    border: 1px solid #c8ccd4 !important;
}

.redactor-box.redactor-styles-on {
    background-color: #ecf2f8;
}

.redactor-focus.redactor-styles-on, .redactor-focus:focus.redactor-styles-on {
    border-color: #294B6E !important;
}

strong {
    font-weight: bold;
}

.redactor-air a:hover, .redactor-toolbar a:hover {
    background: #294B6E;
}

.customSelectWrapper .select-dropdown.form-control {
    border: 1px solid rgb(200, 204, 212) !important;
    background-color: #ecf2f8 !important;
}

    .customSelectWrapper .select-dropdown.form-control.active {
        border: 1px solid rgb(200, 204, 212) !important;
        background-color: #ffffff !important;
    }

.active .dropdown-content, .foreground {
    z-index: 105 !important;
}


.select-wrapper.mdb-select.md-form {
    height: 58px;
}

.select-dropdown.form-control {
    cursor: pointer !important;
}

.nomarginleft {
    margin-left: 0 !important;
}

.upload-wrapper {
    position: relative;
    display: inline-block;
    line-height: 1;
    /*    margin: 0 10px;*/
}

    .upload-wrapper label {
        display: inline-block;
        padding: 0.75em 2em;
        height: 50px;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        background: #999999;
        border-radius: 2px;
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s;
        cursor: pointer;
    }

        .upload-wrapper label::before {
            display: inline-block;
            position: relative;
            bottom: -2px;
            content: "";
            width: 20px;
            height: 20px;
            margin-right: 10px;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath style='fill:%23ffffff' d='M7 9h2v-4h3l-4-4-4 4h3zM10 6.75v1.542l4.579 1.708-6.579 2.453-6.579-2.453 4.579-1.708v-1.542l-6 2.25v4l8 3 8-3v-4z'%3E%3C/path%3E%3C/svg%3E");
        }

    .upload-wrapper.file-waiting label::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath style='fill:%23ffffff' d='m 9.1175377,0.03675904 v 0.35682939 q 0,2.13340637 -0.00868,4.26681367 c 0,0.7677234 0.3016834,1.066162 1.0683253,1.066162 h 4.61175 c 0.0069,0.108127 0.01725,0.2108546 0.01725,0.3103337 q 0,4.4517162 -0.0081,8.9045132 c 0,0.717984 -0.306009,1.022912 -1.016428,1.022912 H 2.1734224 c -0.7114952,0 -1.018585,-0.304928 -1.018585,-1.02183 q 0,-6.9419529 0,-13.8839041 c 0,-0.71906511 0.303846,-1.02291113 1.0175037,-1.02291113 H 9.1175377 Z M 7.9843343,10.279922 h 2.7605617 c 0.64878,0 0.660674,-0.01729 0.654186,-0.6736502 V 9.5781634 C 11.391557,9.2072763 11.319064,9.1348301 10.942774,9.1348301 H 5.2518873 c -0.698521,0 -0.7158213,0.018384 -0.698521,0.7125764 0.00972,0.3514235 0.088666,0.4325205 0.4433333,0.4325205 q 1.4943585,0.0022 2.9876347,0 z m 0.020549,2.27722 H 10.93521 c 0.388186,0 0.458471,-0.07136 0.463877,-0.464958 0,-0.06704 0,-0.133001 0,-0.19896 0,-0.41522 -0.06812,-0.481179 -0.475772,-0.481179 H 5.2345904 c -0.6736506,0 -0.6898696,0.01514 -0.6812195,0.676895 0,0.392511 0.077854,0.467121 0.4649598,0.468202 z M 7.9627089,8.0016214 h 3.0135871 c 0.33304,0 0.413056,-0.08326 0.421706,-0.4217067 0,-0.075689 0,-0.1513824 0,-0.2270736 0,-0.4325206 -0.06596,-0.4930728 -0.495235,-0.4930728 H 5.2194492 c -0.6563503,0 -0.6779757,0.022702 -0.6660818,0.6920322 0.00648,0.3719671 0.08326,0.4498209 0.454146,0.4509021 z'%3E%3C/path%3E%3Cpath style='fill:%23ffffff' d='M 10.252904,4.5587593 V 0.44981561 c 0.237887,0.0756889 3.771578,3.54774849 4.171659,4.10894369 z'%3E%3C/path%3E%3C/svg%3E");
    }

    .upload-wrapper:hover label {
        background: #142536;
    }

    .upload-wrapper input[type="file"] {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 50px;
        opacity: 0;
        z-index: 99;
        display: block !important;
        cursor: pointer;
    }

.uploaded-file-name {
    position: relative;
    z-index: 999;
    display: inline-block;
}

.upload-remove {
    display: inline-block;
    content: "";
    z-index: 999;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath style='fill:%23dd3333' d='M15.854 12.854c-0-0-0-0-0-0l-4.854-4.854 4.854-4.854c0-0 0-0 0-0 0.052-0.052 0.090-0.113 0.114-0.178 0.066-0.178 0.028-0.386-0.114-0.529l-2.293-2.293c-0.143-0.143-0.351-0.181-0.529-0.114-0.065 0.024-0.126 0.062-0.178 0.114 0 0-0 0-0 0l-4.854 4.854-4.854-4.854c-0-0-0-0-0-0-0.052-0.052-0.113-0.090-0.178-0.114-0.178-0.066-0.386-0.029-0.529 0.114l-2.293 2.293c-0.143 0.143-0.181 0.351-0.114 0.529 0.024 0.065 0.062 0.126 0.114 0.178 0 0 0 0 0 0l4.854 4.854-4.854 4.854c-0 0-0 0-0 0-0.052 0.052-0.090 0.113-0.114 0.178-0.066 0.178-0.029 0.386 0.114 0.529l2.293 2.293c0.143 0.143 0.351 0.181 0.529 0.114 0.065-0.024 0.126-0.062 0.178-0.114 0-0 0-0 0-0l4.854-4.854 4.854 4.854c0 0 0 0 0 0 0.052 0.052 0.113 0.090 0.178 0.114 0.178 0.066 0.386 0.029 0.529-0.114l2.293-2.293c0.143-0.143 0.181-0.351 0.114-0.529-0.024-0.065-0.062-0.126-0.114-0.178z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    cursor: pointer;
    margin-left: 15px;
    top: 2px;
}

.tickIcon img {
    max-width: 20px;
    margin-left: 8px;
}

a.underlined {
    color: #142536;
    border-bottom: 1px solid #142536;
}

.quadratholder {
    width: 100%;
    z-index: -1;
}

img.noticeAddIcon {
    max-width: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.whiteDiv.transp {
    padding: 15px;
    background-color: rgba(255,255,255,0.25);
    min-height: 244px;
    margin-bottom: 25px;
    text-align: center;
}

.noticeGroupTextbox {
    background-color: rgba(255,255,255,0.25);
    border: none;
    font-size: 25px;
    margin-top: 6px;
    color: white;
    width: 100%;
}

.iconWrap img {
    max-width: 25px;
    margin-top: 2px;
}

.iconWrap {
    padding-top: 10px;
}

.groupFormTrigger, .groupEditTrigger, .noticeFormTrigger, .noticeEditTrigger, .noticeDeleteTrigger {
    cursor: pointer;
}

.noticeGridItem, .noticeGrid, .noticeGridItem.is-dragging {
    background-color: transparent;
}

.noticeIndex {
    max-width: 50px;
    margin-right: 15px;
    text-align: center;
}

.noticeGrid {
    margin-top: 65px;
}

.groupError {
    color: #d66c65;
    margin-left: 10px;
    margin-top: 2px;
}

.boolWrap input {
    margin-top: 9px;
}


.boolWrap .smallText {
    float: left;
    margin-top: 13px;
}

.boolWrap label {
    margin-bottom: 0;
}


.noticeText, .noticeTitle,
.postit .date-picker {
    background-color: rgba(0,0,0,0.25);
}


.postit .date-picker {
    width: 100%;
    border-radius: 5px;
    border: none;
    height: 35px;
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

.noticeTitle {
    border: none;
    font-size: 17px;
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 3px solid transparent;
}

.noticeText {
    min-height: 200px;
    border: none;
    border: 3px solid transparent;
}

.postit {
    padding-bottom: 75px;
    position: relative;
    margin-bottom: 30px;
}

.bottomPostItDiv {
    position: absolute;
    bottom: 5px;
    left: 15px;
    right: 15px;
    /*    border-top: 1px solid #bfbf77;*/
}

    .bottomPostItDiv img {
        max-width: 25px;
    }

.postit h4 {
    color: black;
}

.postitsmall {
    font-size: 10px;
    font-family: 'Muli', sans-serif;
}

    .postitsmall.bigger {
        font-size: 15px;
        font-family: 'Muli', sans-serif;
        margin-bottom: 2px;
        display: inline-block;
    }

.bottomPostItDiv hr {
    margin-top: 2px;
    margin-bottom: 5px;
}

.specialSmall {
    display: inline-block;
    margin-top: -20px;
}

a.noticeShortCut {
    position: absolute;
    top: 5px;
    z-index: 1000;
    right: 115px;
}


    a.noticeShortCut img {
        width: 40px;
    }

span.underlined {
    border-bottom: 1px solid #141414;
}

.copyInput {
    padding: 10px 20px !important;
    min-width: 534px;
    font-size: 11px;
}

.copyBtn {
    max-width: 80px;
    padding-left: 10px;
    font-size: 14px !important;
    min-height: 41px;
}

.infoMsg {
    color: #142536;
    font-size: 10px;
    display: block;
    margin-top: 29px;
}

.chatlio-chat-header {
    width: 100%;
    padding: 20px;
    height: 70px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    z-index: 10000;
    box-sizing: border-box;
    background-color: #3d64f4 !important;
    color: white;
    margin-bottom: 15px;
}

.chatlio-chat-header-menu__trigger svg, .chatlio-chat-header__minimize-button {
    filter: brightness(2.5);
}

.chatlio-message-body {
    display: block;
    border-radius: 20px 20px 20px 0;
    font-size: 15px;
    line-height: 20px;
    background: #f8fbfc;
    color: #021930;
    padding: 7px 9px;
    word-wrap: break-word;
    max-width: 254px;
    overflow: hidden;
    border: 1px solid #ebebeb;
}

.chatlio-new-message-container {
    padding: 15px;
    background-color: #ebebeb;
}



.chatlio-file-picker-trigger svg {
    width: 20px;
    height: 20px;
    margin-top: 4px;
}

.chatlio-chat-header {
    padding-top: 12px;
    padding-bottom: 10px;
    height: 56px;
}

.checkMePlease.error input {
    border: 1px solid #D66C65 !important;
}


#errorList li {
    color: #D66C65;
}

ul#errorList {
    margin-top: 21px;
}

.select-items {
    overflow: scroll;
    max-height: 280px;
}

.grayTextBox {
    background-color: #ecf2f8;
    min-height: 60px;
    padding-left: 15px !important;
    border: 1px solid;
    border: 1px solid #c8ccd4;
}

input#textFilter {
    padding: 14px 12px;
    margin-top: -8px;
    border: 1px solid #ebebeb;
    background-color: #ecf2f8;
    min-width: 280px;
}


img#myImg {
    max-height: 800px;
}

.weekdayWrapper .dotSwitch {
    margin-bottom: -11px;
    margin-left: 5px;
    margin-top: 20px;
}

span.redNotice {
    color: #D66C65;
}

.red-header {
    background-color: #D66C65 !important;
}

    .red-header p {
        margin-top: 19px;
        color: white;
    }

    .red-header a {
        color: white;
        text-decoration: none;
        border-bottom: 1px solid white;
    }

.drawWrap {
    position: relative;
}

    .drawWrap img {
        border: 1px solid #ebebeb;
        cursor: pointer;
    }

.myDot {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: red;
    opacity: 0.5;
}

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






.box input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

    .box input:checked ~ .check {
        border-color: #294b6e;
        box-shadow: 0px 0px 0px 15px #294b6e inset;
    }

        .box input:checked ~ .check::after {
            opacity: 1;
            transform: scale(1);
        }

.box .check {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 100px;
    background-color: transparent;
    border: 2px solid #294b6e;
    box-shadow: 0px 0px 0px 0px #294b6e inset;
    transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

    .box .check::after {
        content: "";
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 4;
        position: absolute;
        transform: scale(0);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        transition-delay: 0.2s !important;
        transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
    }

.box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
    cursor: pointer;
}

.myCustomList tr td:first-child {
    padding-left: 38px;
    cursor: pointer;
}

thead th:first-child {
    padding-left: 38px;
    padding-top: 23px;
}


tr.active, tbody tr.active:hover {
    background-color: #dee8f3;
}

/*.active .box .check {
    background-color: #294B6E;
}*/


.btnRow .btn {
    background-color: #294b6e;
    font-size: 13px;
}

.dropdown-item {
    font-size: 13px;
}

.dropdown-menu.show {
    top: 26px !important;
}

/* ------------------------*/
.timemask.error {
    border: 1px solid red;
}

.painPointRow {
    padding: 5px;
    background-color: #ecf2f8;
    margin-bottom: 10px;
    border: 1px solid #ecf2f8;
    font-size: 13px;
    margin-left: 15px;
}

    .painPointRow.active {
        background-color: #ebebeb;
        border: 1px solid #142536;
    }


.deleteIcon {
    width: 25px;
    margin-top: 1px;
}


.smallDownload {
    font-size: 11px;
    margin-right: 8px;
}

    .smallDownload img {
        max-width: 15px !important;
    }


.smallerDownload {
    font-size: 9px;
    margin-left: 2px;
}

.messageTitle {
    padding-top: 25px;
    padding-bottom: 15px;
}

.isHide .innerHideTrigger {
    max-height: 0;
    overflow: hidden;
}

.isHide .borderbottomgray {
    border-bottom: none;
}

.isHide .grid-item .innerGrid, .isHide .headrow .innerGrid, .isHide .myGrid-item .innerGrid {
    border-top: 2px solid #ffffff;
}

#openNoticeTrigger {
    cursor: pointer;
    display: inline-block;
    margin-top: 16px;
}

.card-header.standarded {
    padding: .75rem .75rem;
}

img.downIcon {
    width: 20px;
    margin-top: -3px;
}

.paddingCorrection {
    padding-right: 15px;
}


span.specialChar, span.invoiceSpecialChar, span.targetedSpecialChar {
    display: inline-block;
    background-color: #ecf2f8;
    width: 28px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #bfbfbf;
    margin-bottom: 11px;
    cursor: pointer;
    margin-right: 2px;
    font-size: 20px;
}

#Material_Text {
    margin-top: 15px;
}

.targetWrap .inp {
    margin-bottom: 0;
}

.vue-misc.vueVisible, .content.contentVisible {
    overflow: visible;
    z-index: 1;
    position: relative;
}

.hide-xxl {
    display: none;
}

.orangeBox {
    background-color: #ffedcc;
    border: 1px solid #41434d;
}

a.fc-day-grid-event {
    border-width: 5px;
}

.colorView {
    height: 24px;
    float: left;
    width: 24px;
    margin-right: 4px;
}

.fc-scroller {
    height: auto !important;
}

.checkBoxListWrapper label {
    margin-left: 5px;
}

img.smallerIcon {
    width: 18px;
    margin-left: 4px;
    margin-top: -2px;
}

tr.inactive {
    background-color: #d6d6d6;
    color: #000;
}

.redBox {
    background-color: #D66C65;
    padding: 15px;
    border-radius: 8px;
}

img.miniIcon {
    max-width: 15px;
    margin-left: 6px;
}

span.greySmall {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}

.selectedWorkersWrap .select-wrapper > label.mdb-main-label.active {
    top: -5px;
}

.workTable {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

    .workTable td, .workTable th {
        border: 1px solid #ecf2f8;
        padding: 8px;
    }

    .workTable tr:nth-child(even) {
        background-color: #ecf2f8;
    }


.boldRow td {
    font-weight: bold;
}

b.bigger {
    font-size: 17px;
}

.greenFont {
    color: #28a745;
}

.underlinedRow td {
    border-bottom: 2px solid #142536;
}

.dayWrapper .smaller {
    font-size: 12px;
}

.postit h3 {
    font-size: 14px;
    margin-bottom: 6px;
}

span.taxesSpan {
    color: gray;
    display: inline-block;
    font-size: 11px;
}

.smallerSwitch {
    transform: scale(0.8);
    margin-bottom: -11px;
}

.calcOuterWrap {
    position: relative;
}

.calcIcon {
    max-width: 22px;
    cursor: pointer;
}


.calcWrap {
    max-width: 200px;
    height: 24px;
    transition: all ease .45s;
}

.calcContent {
    width: 95px;
    height: 0;
    overflow: hidden;
    margin-top: 3px;
    margin-left: 2px;
    background-color: #294B6E;
    position: relative;
    z-index: 2;
    color: white;
    font-size: 11px;
    transition: all ease .45s;
    padding: 0 10px;
}

.calcActive .calcContent {
    height: 58px;
    padding: 10px;
}

.calcActive .calcWrap {
    height: 127px;
}

.calcContent div:first-child {
    margin-bottom: 3px;
}

.calcContent input {
    font-size: 9px;
    margin: 0;
    max-width: 46px;
}

.calcLabel {
    display: inline-block;
    margin-right: 4px;
}

#Effort_Description {
    border: 1px solid #ced4da;
    background-color: #ecf2f8;
}

#Effort_Decription.error, .grayTextBox.error {
    border: 1px solid #D66C65;
}

.form-control:focus, .myinput:focus, .card .inp input:focus {
    box-shadow: none;
    border-color: #acb7c1 !important;
}

/*.card .inp input {
    border: 1px solid #ced4da;
    border-bottom: 3px solid #294b6e;
}
*/
.myinput {
    border: 1px solid #ced4da;
    border-bottom: 2px solid #c8ccd4;
}

.inp input {
    border-bottom: 2px solid #c8ccd4;
}

.notActiveYet {
    color: red;
}

.redInfoDiv {
    border: 1px solid #D66C65;
    padding: 15px;
}

    .redInfoDiv p {
        margin: 0;
    }

.innerGrid .additionWrap select {
    font-size: 11px;
}

.notActivated {
    background-color: #ebebeb;
}

.marginCorrection {
    margin-bottom: -10px;
}

.securityOptionWrap {
    font-size: 14px;
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #D66C65;
    displaY: inline-block;
    margin-bottom: 20px;
}

    .securityOptionWrap.checked {
        border-color: #28a745;
    }

    .securityOptionWrap a {
        color: #294B6E;
        border-bottom: 1px solid #294B6E;
    }

span.fc-time {
    font-size: 10px;
    letter-spacing: -1px;
}


@media screen and (min-width:992px) {
    .invoiceContent {
        display: block;
    }

    .mobileHint {
        display: none;
    }

    .iconContainer .blue {
        font-size: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .mdb-groupselect .md-form input:not([type]), .mdb-groupselect .md-form input[type=date]:not(.browser-default), .mdb-groupselect .md-form input[type=datetime]:not(.browser-default), .mdb-groupselect .md-form input[type=datetime-local]:not(.browser-default), .mdb-groupselect .md-form input[type=tel]:not(.browser-default), .mdb-groupselect .md-form input[type=number]:not(.browser-default), .mdb-groupselect .md-form input[type=search]:not(.browser-default), .mdb-groupselect .md-form input[type=search-md], .mdb-groupselect .md-form input[type=text]:not(.browser-default), .mdb-groupselect .md-form input[type=password]:not(.browser-default), .mdb-groupselect .md-form input[type=email]:not(.browser-default), .mdb-groupselect .md-form input[type=url]:not(.browser-default), .mdb-groupselect .md-form input[type=time]:not(.browser-default), .mdb-groupselect .md-form textarea.md-textarea {
        box-sizing: border-box;
        padding: 8px 15px;
        height: 40px;
        border-bottom: 1px solid #9b9b9b;
        font-size: 14px;
    }

    .mdb-groupselect .dropdown-content li {
        padding: 0px 15px;
        font-size: 14px;
        line-height: 1.1 !important;
    }

        .mdb-groupselect .dropdown-content li.optgroup span {
            font-size: 10px;
        }

        .mdb-groupselect .dropdown-content li.optgroup:hover span, .mdb-groupselect .dropdown-content li.disabled.active span {
            color: #41434d;
        }

        .mdb-groupselect .dropdown-content li.active span {
            color: white;
            font-size: 10px;
        }

        .mdb-groupselect .dropdown-content li > span {
            font-size: 12px;
        }

    .mdb-groupselect .md-form input[type=text]:not(.browser-default) {
        height: 40px;
        font-size: 10px;
    }
}

@media screen and (min-width:420px) {
    .navbar-brand h2 {
        display: block;
    }
}

@media screen and (min-width:568px) {
    .noticeShortCut {
        display: none;
    }
}

@media screen and (min-width:600px) {
    .header-left {
        display: inline-block;
    }
}

@media screen and (min-width:768px) {
    .navbar-default {
        padding-bottom: 0;
    }

    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(25% - 16px);
        padding-top: 25%;
    }
}

@media screen and (min-width:992px) {
    thead {
        display: table-header-group;
    }

    .lg-vAlign {
        left: 15px;
        right: 15px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        min-height: 31px;
    }

    .first .lg-vAlign {
        left: 30px;
    }

    .last .lg-vAlign {
        right: 30px;
    }

    div#costscontainer { /*
        overflow: u nset;*/
        border-bottom: 1px solid #c8ccd4;
    }
}

@media screen and (min-width:1024px) {
    body.open .menu-head {
        display: none;
    }

    .navbar .menu-head {
        display: block;
    }
}


@media screen and (min-width:1340px) {
    .iconContainer .blue {
        padding-left: 12px;
        padding-right: 12px;
        margin-right: 15px;
    }

    .btn {
        font-size: 18px;
    }

    table td {
        font-size: 0.9rem;
    }

    .taskContent table td {
        font-size: 0.75rem;
    }

    .taskContent p {
        font-size: 0.75rem;
    }

    .grid-item {
        font-size: 16px;
    }

    .innerGrid input[type='text'] {
        min-height: 40px;
    }

    .innerGrid input.maxWidth.smaller.center {
        margin-top: 0;
        max-width: 45px;
    }

    span.smallLabel {
        font-size: 13px;
    }

    .lg-vAlign b {
        font-size: 13px;
    }

    select {
        width: 100%;
        padding: 15px;
        border-radius: 5px;
    }

    .packagingTypeWrap select {
        height: 58px;
    }

    .headrow .innerGrid {
        font-size: 16px;
    }

    input.dotSwitch {
        width: 50px;
        height: 30px;
    }

        input.dotSwitch:after {
            width: 26px;
            height: 26px;
        }

    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(20% - 16px);
        padding-top: 20%;
    }

    .deleteIconInvoice img {
        max-width: 30px;
        margin-bottom: 6px;
        margin-top: 2px;
    }

    .subTaskWrap {
        padding-left: 15px;
        padding-right: 15px;
    }


    .smallGreySpan {
        font-size: 13px;
    }

    .mdb-groupselect .md-form input[type=text]:not(.browser-default) {
        height: 58px;
        font-size: 13px;
    }

    .projectSpan {
        font-size: 18px;
    }

    .card-header h3, .card-title {
        font-size: 15px;
    }

    .smaller {
        font-size: 15px;
    }

    body {
        font-size: 16px;
    }

    .iconContainer img {
        width: 23px;
        height: 23px;
    }

    .greenText {
        color: #28a745;
        font-size: inherit;
    }

    span.color {
        font-size: 10px;
        padding: 5px 8px;
    }

    .iconContainer .blue {
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .maxwidthmedium img {
        max-width: 23px;
    }
}

@media screen and (min-width:1600px) {

    .innerGrid input.maxWidth.smaller.center {
        display: inline-block;
    }
}

@media screen and (min-width:1700px) {
    .hide-xxl {
        display: inline-block;
    }
}


@media screen and (min-width:1900px) {
    .postitwrap {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .innerGrid select {
        padding-left: 4px;
        padding-right: 4px;
        font-size: 13px;
    }
}

@media screen and (min-width:1950px) {
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(10% - 16px);
        padding-top: 10%;
    }
}

@media screen and (min-width:2200px) {
    .postitwrap {
        -ms-flex: 0 0 16.666%;
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }
}


@media screen and (min-width: 768px) {

    textarea#chatlio-message-textarea {
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 40px;
        background-color: #c5c5c5;
        border-radius: 8px;
    }
}



@media (max-width: 991px) {
    .table-responsive-full tr.hide {
        display: none;
    }
}