/* CKEDITOR START */
.cke_chrome {
    border: none;
    background: transparent;
}

.cke_bottom, .cke_top {
    background: transparent;
}

.cke_path_item {
    display: none;
}
/* CKEDITOR END */

html {
    min-height: 100%; /* make sure it is at least as tall as the viewport */
    ;
    position: relative;
}

body {
    font-family: 'Lato', Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #4b5152;
    background-color: #f7faf6;
    height: 100%;
    /* Permalink - use to edit and share    ------    this gradient: http://colorzilla.com/gradient-editor/#f7faf6+0,edeee7+100 */
    background: #f7faf6; /* Old browsers */
    background: -moz-linear-gradient(top, #f7faf6 0%, #edeee7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7faf6 0%,#edeee7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7faf6 0%,#edeee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf6', endColorstr='#edeee7',GradientType=0 ); /* IE6-9 */
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', Helvetica,Arial,sans-serif;
}

/* EXTRA LARGE DESKTOP COLS */

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-1 {
        width: 8.333333333333332%;
    }

    .col-xl-2 {
        width: 16.666666666666664%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-4 {
        width: 33.33333333333333%;
    }

    .col-lg-5 {
        width: 41.66666666666667%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-7 {
        width: 58.333333333333336%;
    }

    .col-xl-8 {
        width: 66.66666666666666%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-10 {
        width: 83.33333333333334%;
    }

    .col-xl-11 {
        width: 91.66666666666666%;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-push-1 {
        left: 8.333333333333332%;
    }

    .col-xl-push-2 {
        left: 16.666666666666664%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-4 {
        left: 33.33333333333333%;
    }

    .col-xl-push-5 {
        left: 41.66666666666667%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-7 {
        left: 58.333333333333336%;
    }

    .col-xl-push-8 {
        left: 66.66666666666666%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-10 {
        left: 83.33333333333334%;
    }

    .col-xl-push-11 {
        left: 91.66666666666666%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xl-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xl-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xl-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .col-xl-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xl-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666666666666%;
    }
}


/* LINKS */

a {
    color: #007997;
}

    a:hover, a:focus {
        color: #191919;
        text-decoration: none
    }

.page-title {
    margin: 0px 0px 15px;
    padding: 0px;
    font-size: 28px;
    letter-spacing: 1px;
    display: block;
    font-weight: 300;
}

    .page-title > i {
        margin-left: 10px
    }

label {
    font-weight: 300;
    margin-bottom: 0
}

a.portlet-settings {
    color: #c3c3c3
}

a.grey-link:hover {
    color: #191919;
    text-decoration: none
}




/* BG COLORS */
.beige-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7faf6+0,edeee7+100 */
    background: #f7faf6; /* Old browsers */
    background: -moz-linear-gradient(top, #f7faf6 0%, #edeee7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7faf6 0%,#edeee7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7faf6 0%,#edeee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf6', endColorstr='#edeee7',GradientType=0 ); /* IE6-9 */
}

.beige-bg {
    background-color: #f7faf6;
}

.dark-beige-bg {
    background-color: #edeee8;
}

.light-bg {
    background-color: #fdfefc;
}

.dark-bg {
    background-color: #454149;
}

.dark-blue-bg {
    background-color: #008195;
}

.blue-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#59b0c3+0,61b8ca+50,59b0c3+100 */
    background: #59b0c3; /* Old browsers */
    background: -moz-linear-gradient(top, #59b0c3 0%, #61b8ca 50%, #59b0c3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #59b0c3 0%,#61b8ca 50%,#59b0c3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #59b0c3 0%,#61b8ca 50%,#59b0c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b0c3', endColorstr='#59b0c3',GradientType=0 ); /* IE6-9 */
}

.dark-blue-gradient {
    background-color: #008195;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.4);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.4);
    box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.4);
}

.blue-bg {
    background-color: #61b8ca;
}

.pale-blue-bg {
    background-color: #a7dde7;
}

.soft-blue {
    background-color: #7cc6d5;
}

.border {
    1px solid #e1e4dc
}

/* TEXT COLORS */
.grey-text {
    color: #7f8081
}

.grey-dark-text {
    color: #191919;
}

.blue-text {
    color: #61b8ca;
}


/* CUSTOM MARGINS & PADDINGS */
.mr-3 {
    margin-left: 3px
}
/*huom! classi mennyt väärälle buttonille, joten margin laitettu vasemmalle, eikä oikealle kuten nimestä voisi päätellä */
.no-padding {
    padding: 0;
}

.mr-5 {
    margin-right: 5px
}

.row-margin-0 {
    margin: 0
}

.bl-1 {
    border-left: 1px solid #e1e4dc;
    padding-left: 20px !important
}

/* HEADER */

.header {
    color: #fff;
    padding: 5px 15px;
    border: none;
    height: 40px;
    vertical-align: middle
}

.title {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
}

span.tradepartner {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075em;
    color: #FBFAF9;
}

.settings.dropdown {
    display: inline-block;
}

#topTabs > ul > .settings.dropdown {
    top: 5px
}
    /* lisätty 260918*/
    #topTabs > ul > .settings.dropdown > a.dropdown-toggle {
        color: inherit;
    }
/* lisätty 260918*/
.icon-links {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    line-height: 30px;
    font-size: 1.143em
}

    .icon-links a {
        color: #73747d;
        cursor: pointer;
        padding: 0 5px;
    }

        .icon-links a:hover {
            color: #9697a0;
        }

.dropdown-menu {
    background-color: #f7faf6;
    border: 1px solid #e1e4dc;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    z-index: 3000;
}

.settings.dropdown.open > .dropdown-menu {
    position: absolute;
    right: -16px;
    left: unset;
}

.dropdown-menu > li {
    float: none !important;
}
    /* lisätty 260918*/
    .dropdown-menu > li > a {
        color: #4b5152; /*font-size:1em;padding:5px 20px;*/
        font-size: 0.857em;
        padding: 4px 15px;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #90d0de;
    outline: 0;
}

.dropdown-menu > li > a.active {
    background-color: #90d0de;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #90d0de;
}

.dropdown > .dropdown-toggle > i.fa {
    font-size: 12px;
    vertical-align: middle;
}

.dropdown-menu .divider {
    margin: 0;
    background-color: #e1e4dc;
}

.dropdown-menu.xs {
    margin-top: 4px;
}

    .dropdown-menu.xs > li > a {
        font-size: 12px;
        padding: 5px 10px;
        text-align: left;
        margin: 0;
        cursor: pointer
    }

/* subMenu - Juhana lisännyt  */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        font-family: "FontAwesome";
        content: "\f105";
        position: absolute;
        right: 5px;
    }

    /* .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }*/

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.spacer, .company-select {
    display: none
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .spacer {
        display: inline-block;
        width: 0;
        overflow: hidden;
        border-left: 1px solid #73747d;
        margin: 0 0.714em 0;
        height: 24px;
        line-height: 30px;
        vertical-align: middle;
        border-radius: 6px;
    }

    .company-select {
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        line-height: 30px;
    }

        .company-select a {
            color: #61b8ca;
            font-size: 1.071em;
            cursor: pointer
        }

            .company-select a:hover {
                color: #a7dde7;
            }
    /*.icon-links  {font-size:1.429em;}*/
    .icon-links a {
        padding: 0;
        vertical-align: middle
    }

        .icon-links a.menu-logout {
            margin-right: 0.714em;
        }
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    /* MENU */
    .navbar {
        border: 0;
        border-radius: 0;
        min-height: auto;
    }

    .navbar-collapse {
        padding: 0
    }

    .navbar-custom {
        margin-bottom: 0
    }

        .navbar-custom a {
            color: #fff;
            font-size: 1em;
            line-height: 1.143em;
        }

    .nav-justified > li {
        border-left: 1px solid #7cc6d5;
        border-top: 1px solid #7cc6d5;
        vertical-align: middle;
        min-height: 40px !important;
    }

        .nav-justified > li > a {
            padding: 10px 5px;
            cursor: pointer
        }

        .nav-justified > li:focus, .nav > li:hover {
            background-color: #a7dde7;
        }

    .nav > li > a:hover, .nav > li > a:focus {
        background-color: transparent;
    }

    .nav-justified > li.active {
        background-color: #008195;
        background-color: rgba(0,129,149,0.65);
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
        box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
    }

    li.active a {
        color: #fff;
    }

    .menu-funcMenu {
        font-size: 1.143em;
        padding: 0
    }

        .menu-funcMenu.opened, .nav > li.menu-funcMenu:hover {
            background-color: #4aa8bc;
            -webkit-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
            -moz-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
            box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
        }
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .menu-funcMenu.opened #funcDiv {
        background-color: #DEEFF7 !important;
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        color: #4b5152;
        position: relative;
        top: -1px;
        border-top: 1px solid rgba(255,255,255,.25);
    }
}


/* Medium Devices */
@media only screen and (min-width : 992px) {
    .leftfilters-open {
        width: 280px;
        max-width: 280px;
    }

    .content-wrapper.filters-open {
        width: calc(100% - 280px);
        max-width: calc(100% - 280px);
    }

        .content-wrapper.filters-open.tuha-mainGrid {
            width: calc(100% - 280px);
            max-width: calc(100% - 280px);
        }

    .leftfilters {
        height: 100% !important;
        height: calc(100vh - 82px);
        min-height: calc(100vh - 113px);
    }

        .leftfilters a, .list-title {
            display: inline-block;
        }

    .list-title {
        display: block;
    }
}






/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .navbar-custom a {
        font-size: 1.071em;
    }

    .nav-justified > li > a {
        padding: 10px 5px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .navbar-custom a {
        font-size: 1.071em;
    }

    .nav-justified > li > a {
        padding: 10px 5px;
        letter-spacing: 0.02em;
    }
}

/* Extra Large Devices, Extra Wide Screens */
@media only screen and (min-width : 1600px) {
    .navbar-custom a {
        font-size: 1.143em;
    }

    .nav-justified > li > a {
        padding: 10px 5px;
    }
}

/* SUBMENU*/
#subMenu {
    font-size: 0.857em;
    letter-spacing: 0.01em
}

#subMenuList {
    border-top: 1px solid #7cc6d5;
}

#subMenu .nav-justified > li > a {
    padding: 9px 5px;
    letter-spacing: 0.03em;
}

#subMenu .nav-justified > li:focus, #subMenu .nav > li:hover {
    background-color: rgba(0,184,209,0.3)
}

#subMenu .nav-justified > li.active {
    background-color: #008195;
    background-color: rgba(69,65,73,0.85);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
    box-shadow: inset 0px 0px 5px 2px rgba(0,129,149,0.35);
}

#subMenu .nav-justified > li {
    border-top: none;
    border-color: rgba(124,198,213,0.2);
}

/* MOBILE MENU */
#mobileMenu.navbar {
    margin-bottom: 0
}

#mobileMenu.navbar-default {
    background-color: #61b8ca;
    border-color: #61b8ca;
    color: #fff;
}

    #mobileMenu.navbar-default .navbar-brand {
        color: #fff;
    }

    #mobileMenu.navbar-default .navbar-toggle {
        border: 2px solid #7cc6d4;
        background-color: #454149;
        background-color: #4aa8bc;
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
        box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
    }

        #mobileMenu.navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        #mobileMenu.navbar-default .navbar-toggle:hover, #mobileMenu.navbar-default .navbar-toggle:focus {
            background-color: #191919
        }

    #mobileMenu.navbar-default .navbar-collapse, #mobileMenu .navbar-default .navbar-form {
        border: none;
    }

#mobileMenu .navbar-nav {
    margin-top: 0;
    margin-bottom: 0
}

    #mobileMenu .navbar-nav > li > a {
        color: #fff;
    }

        #mobileMenu .navbar-nav > li > a:hover {
            background-color: #7cc6d4
        }

#mobileMenu li, #mobileMenu li a {
    border-top: 1px solid #7cc6d4;
    margin-top: -1px;
}

    #mobileMenu li.active a, #mobileMenu li.active a:focus, #mobileMenu li.active a:hover {
        color: #fff;
        background-color: #a7dde7;
    }

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #mobileMenu {
        display: none;
    }
}


/* FUNTIONAL MENU */
.funcDiv {
    display: block;
    background-color: #edeee8;
    border: 1px solid #e1e4dc;
    border-bottom: 5px solid #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.35);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.35);
    box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.35);
}

.searchDiv {
    border-right: 1px solid rgba(255,255,255,.5);
    padding: 5px 10px 1px 10px;
}
    .searchDiv.active {
        background-color: rgba(255,255,255,.5);
        border-left: 1px solid rgba(255,255,255,.5);
        border-right: 1px solid rgba(255,255,255,.5);
    }




    .searchDiv > .btn-group {
        margin: 0 4px 20px 0;
    }

        .searchDiv > .btn-group > .btn-default {
            color: #454149;
            padding: 4px 6px;
            font-size: 0.929em;
            height: 30px;
        }

        .searchDiv > .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
            background: #fff;
            box-shadow: none;
        }

.label-sm {
    font-size: 12px;
    margin: 0 0 1px 3px;
    text-transform: uppercase;
    color: #b5b5b5;
    letter-spacing: 0.03em;
}

.searchDiv.active {
    background-color: rgba(255,255,255,.5);
    border-left: 1px solid rgba(255,255,255,.5);
    border-right: 1px solid rgba(255,255,255,.5);
}

    .searchDiv.active > form > label {
        color: inherit
    }

    .searchDiv.active > form > div > span > .btn {
        background-color: #fff;
    }

        .searchDiv.active > form > div > span > .btn:hover {
            background-color: #f6f8f4;
        }

.searchField {
    padding: 3px 6px;
    height: 28px;
}

.btn-default.globalSearch {
    padding: 3px 6px;
}

.input-group-addon {
    padding: 3px 6px;
}

    .input-group-addon:hover {
        background-color: #fff
    }

.input-sm { /*height: 28px;padding: 3px 6px;*/
    height: 24px;
    padding: 1px 6px;
}

select.input-sm { /*height: 28px;line-height: 28px;*/
    height: 24px;
    line-height: 24px;
}

.searchDiv:hover, .searchDiv:focus {
    background-color: #e1e4dc;
    background-color: rgba(225,228,220,0.9)
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /*.searchDiv {min-height:100px}*/
    .searchDiv.input-btns {
        margin-top: 5px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    /*.searchDiv {min-height:80px}*/
}

/* Large Devices, custom */
@media only screen and (min-width : 1197px) {
    .searchDiv.input-btns {
        margin-top: 21px;
    }
}

form.filterForm > .searchDiv {
    min-height: auto
}

.searchField.form-control:-moz-placeholder {
    color: #454149;
    opacity: 1
}

.searchField.form-control::-moz-placeholder {
    color: #454149;
    opacity: 1
}

.searchField.form-control:-ms-input-placeholder {
    color: #454149;
    opacity: 1
}

.searchField.form-control::-webkit-input-placeholder {
    color: #454149;
    opacity: 1
}

.searchDiv.active > form > div > .searchField {
    color: #008195;
    letter-spacing: 0.02em;
    font-weight: bold
}

.searchField {
    color: #008195 !important;
    letter-spacing: 0.02em;
    font-size: 0.929em
}

.offerGrid-fieldset .form-control:-moz-placeholder, .selectProduct .form-control:-moz-placeholder {
    color: #454149;
    opacity: 1
}

.offerGrid-fieldset .form-control::-moz-placeholder, .selectProduct .form-control::-moz-placeholder {
    color: #454149;
    opacity: 1
}

.offerGrid-fieldset .form-control:-ms-input-placeholder, .selectProduct .form-control:-ms-input-placeholder {
    color: #454149;
    opacity: 1
}

.offerGrid-fieldset .form-control::-webkit-input-placeholder, .selectProduct .form-control::-webkit-input-placeholder {
    color: #454149;
    opacity: 1
}

.offerGrid-fieldset .input-group-btn > .btn-xs {
    padding: 2px 6px;
    border-left: 0
}

hr {
    border-color: #d6d8d0;
    border-color: #e1e4dc;
    border-style: dashed;
}


/* FILTER DIV */
.filterDiv {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 4px solid #e1e4dc;
    color: rgba(0,129,149,1);
    margin-top: -5px;
}

.input-group-xs > input {
    font-size: 12px
}

.input-group-xs > .input-group-btn > a.btn {
    height: 26px;
    padding: 3px 6px;
}

#sideBarFilterForm_rentalSpaceFilter .select.input-sm, #sideBarFilterForm_rentalSpaceFilter .input-sm {
    height: 26px;
    line-height: 26px;
}

.label-passive {
    color: #999;
}

    .label-passive:hover {
        color: #60b7c9;
        cursor: pointer
    }

#rentalSpaceFilter_addressSearchLabel {
    border-left: 2px solid #e1e4dc;
    margin-left: 5px;
    padding-left: 5px;
}



/* FORM STYLES */
.form-control {
    color: #454149;
    background-color: #FFF;
    border: 1px solid #e1e4dc;
    border-radius: 3px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

    .form-control:focus {
        border-color: #007997;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(13, 183, 238, 0.6);
        outline: 0 none;
    }

/* begin custom checkboxes */

input.box {
    display: none;
}

.blockLinks {
    margin: 1px 6px 0 6px;
}

    .blockLinks > span {
        font-size: 11px;
        padding-top: 3px
    }

    .blockLinks > label {
        padding: 0 5px 0 0;
        font-size: 0.786em;
        margin-bottom: 0;
        font-weight: 400;
        color: #4b5152 !important
    }

    .blockLinks a {
    }

    .blockLinks .form-group {
        margin: 0
    }

    .blockLinks > input[type=checkbox], .blockLinks > input[type="radio"] {
        display: none;
    }
/* to hide the checkbox itself */
input[type=checkbox] + label:before, input[type=radio] + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

input[type=checkbox] + label:before {
    content: "\f096";
    color: #454149;
    cursor: pointer;
    font-size: 1.3em;
}
/* unchecked icon */
input[type=radio] + label:before {
    content: "\f10c";
    color: #fff;
    cursor: pointer;
    font-size: 1.3em;
}
/* unchecked icon */

input[type=checkbox] + label:before {
    letter-spacing: 4px;
    position: relative;
    top: 1px;
}
/* space between checkbox and label */
input[type=radio] + label:before {
    letter-spacing: 9px;
}
/* space between checkbox and label */

input[type=checkbox]:checked + label:before {
    content: "\f14a";
    color: #454149
}
/* checked icon */
input[type=radio]:checked + label:before {
    content: "\f192";
    color: #fff
}
/* checked icon */
input[type=checkbox]:checked + label:before {
    letter-spacing: 3px;
    position: relative;
    top: 1px;
}
/* allow space for check mark */
input[type=radio]:checked + label:before {
    letter-spacing: 9px;
}
/* allow space for check mark */

.inline {
    display: inline;
}

.middle {
    vertical-align: middle;
}

td.sui-cell > input[type="checkbox"] + label::before {
    letter-spacing: 0;
    top: 0
}



/* CONTENT*/

.mainContent {
    padding: 10px 10px 10px 10px;
    height: 100%;
}

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .mainContent {
        padding: 15px 20px 30px 20px;
        height: 100%;
        min-height: 600px
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        padding-right: 10px;
        padding-left: 10px;
    }
}

/* PORTLET */

.portlet {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 12px 20px 15px;
    background-color: #fdfefc;
    border-radius: 0;
    border: 1px solid #e1e4dc;
}

    .portlet > .portlet-title {
        border-bottom: 1px dotted #e1e4dc;
        padding: 0 0 6px 0;
        margin-bottom: 10px;
    }

        .portlet > .portlet-title::after, .portlet > .portlet-title::before {
            content: " ";
            display: table;
        }

.caption > .caption-subject > .spacer {
    border-left: 1px solid #e1e4dc;
    height: 24px;
    margin: 0 3px;
}

.caption > .caption-subject {
    font-size: 1.143em;
    display: block;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.portlet > .portlet-title > .caption > .caption-helper {
    display: inherit;
    padding-top: 5px;
    font-weight: 400;
}

.portlet > .portlet-body {
    clear: both;
}

.addNew {
    text-align: center;
    margin-bottom: 10px
}

.addNewLink {
    color: #b5b6b5;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .portlet {
        margin-bottom: 20px;
    }

    .addNew {
        position: relative;
        top: -10px;
    }
}

/* ASIAKASHAKU & TOIMITTAJAHAKU */
#searchForm_customer .searchFilters, #searchForm_supplier .searchFilters {
    border-bottom: 1px solid #e1e4dc
}

.no-margin.row {
    margin: 0;
}

.form-group.half {
    width: 49%;
    float: left;
    margin: 5px 0 0 0;
}

    .form-group.half > div > input {
        font-size: 0.857em
    }

    .form-group.half.left {
        margin-right: 2%
    }

.result-container {
    margin: 10px;
    font-size: 0.857em
}

    .result-container > ul > li {
        margin-top: 2px;
    }

.search.row {
    margin: 0
}


/* TYÖLISTA */
span.user, span.date, span.time {
    font-size: 12px;
    font-weight: 400;
    padding: 0 0 0 6px;
    color: #4b5152
}

    span.user > a {
        cursor: pointer;
    }

        span.user > a > i, span.date > i, span.time > i {
            padding-right: 2px;
            color: #b5b6b5
        }

.toolbar {
    padding: 0 0 6px;
    vertical-align: middle;
    font-size: 12px
}

    .toolbar a, .toolbar label .toolbar input[type="checkbox"] + label::before {
        color: #b5b6b5;
        margin-bottom: 5px
    }

        .toolbar a:hover {
            color: #191919
        }

.task-list.dropdown {
    display: inline-block;
}

/*span.task-list, span.no-time, span.create-new, span.update-list {padding:0 0 0 5px;}
span.task-list {font-size: 12px;cursor:pointer}
span.create-new {font-size: 12px;cursor:pointer}
span.update-list {font-size: 12px;cursor:pointer}
span > i {padding-right:5px;}*/

/*TOOLBAR */
.btnWrapper {
    float: left
}

.navbar-toolbar {
    min-height: auto;
    margin-bottom: 0;
    padding: 0;
    font-size: 12px;
}

    .navbar-toolbar > .spacer, .navbar-toolbar > div > .spacer {
        border-left: 1px solid #e1e4dc;
        height: 24px;
        margin: 0 3px;
        vertical-align: top;
    }

    .navbar-toolbar > div.blocklinks {
        position: relative;
        top: 2px;
        display: inline;
    }

    .navbar-toolbar > .btn + .btn {
        margin-left: 2px;
    }

.toolbar .dropdown-menu input[type="checkbox"] + label::before {
    color: #4b5152 !important
}

.navbar-toolbar.btns {
    margin-top: 10px;
}

.navbar-toolbar > div > a, .navbar-toolbar > div > div > a {
    margin-right: 3px;
    margin-bottom: 5px;
}

.default-grid > .navbar-toolbar > div > a {
    height: 22px
}

.navbar-toolbar > div > a > i {
    margin-right: 3px;
}
/*.navbar-toolbar > div > .btn-group {position: absolute;}*/
/*.u-dialog-normal >.navbar-toolbar > div > .u-dialog-normal >.btn-group, .navbar-toolbar > div > div .btn-group {position: relative;top: -0.24em;left: -3px;}
*/
.ui-dialog-normal > .navbar-toolbar > div > div .btn-group {
    position: relative;
    top: -0.24em;
    left: -3px;
}

.navbar-toolbar > div > .btn-group > .dropdown-toggle {
    height: 30px;
    padding-right: 5px;
    padding-left: 5px;
}

.navbar-toolbar > div > .btn-group > .btn, .navbar-toolbar > div > div > .btn-group > .btn {
    font-size: 1em
}

.btn-group > .formButton-create {
    font-size: 12px !important;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    height: 30px;
}

.btn-group > .dropdown-toggle {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    padding: 4px 5px;
    height: 30px;
}




/* TOOLTIPSTER */
.tooltipster-sidetip .tooltipster-content {
    padding: 4px 8px;
}

.tooltipster-sidetip .tooltipster-box {
    background: #454149;
    border: 1px solid #191919;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 6px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 6px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 6px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 6px;
}


/* ICONS, BUTTONS */
.btn-icon > i {
    margin-right: 3px;
    position: relative;
    top: 3px;
    font-size: 18px;
}

.btn-circle {
    border-radius: 25px !important;
}

.btn-icon-only {
}

    .btn-icon-only > i {
        font-size: 14px
    }

.btn > i {
    margin-right: 3px;
}

.btn-block {
    border-radius: 0
}

#tab_Reports .btn-block {
    margin-bottom: 0.7em
}
/*lisätty 260918*/


.btn-default {
    color: #454149 !important;
    background-color: #f6f8f4;
    border-color: #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
}

    .btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle {
        color: #191919;
        background-color: #fff;
        border-color: #e1e4dc;
        box-shadow: none
    }

.btn-success {
    background-color: #62c376;
    border-color: #62c376;
}

    .btn-success:hover, .btn-success:active {
        background-color: #62c376;
        border-color: #62c376;
    }

.btn-primary {
    color: #fff !important;
    background-color: #46a3b7;
    border-color: #46a3b7;
}

    .btn-primary.active, .btn-primary:active, .btn-primary:hover, .btn-primary:focus {
        color: #fff;
        border-color: #4aa8bc;
        background-color: #61b8ca;
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
        box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
    }

.btn-warning {
    color: #fff !important;
}

.btn-transparent.active, .btn-transparent:active, .btn-transparent:hover {
    box-shadow: none;
}

.btn-add {
    border: none;
    border-radius: 0;
    border-left: 1px solid #2e9350;
    float: right;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .btn-add:hover, .btn-add:active {
        color: #191919;
        background-color: #2ab65b;
    }

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

a.dropdown-toggle {
    cursor: pointer;
}

#gridButton_reload_productListGrid, #gridButton_reload_productWorkListGrid, #gridButton_reload_salesOrderListGrid,
#gridButton_reload_rentalOrderListGrid, #gridButton_reload_stockItemListGrid {
    margin-right: 3px
}

.gridToolbarBtn > i {
    margin-right: 2px
}

.dropdown-toggle > i {
    margin: 0 3px
}
/*.btn-xs {font-size: 11px;}*/


/* LISTS */
.arrow-list {
    margin-left: 15px;
    list-style-type: none;
    padding-left: 0
}

    .arrow-list > li {
        font-size: 12px;
        position: relative;
        margin-top: 5px;
    }

        .arrow-list > li:before {
            font-family: 'FontAwesome';
            content: '\f105';
            margin: 0 5px 0 -15px;
        }

.info-list {
    margin-left: 15px;
    list-style-type: none;
    padding-left: 0
}

    .info-list > li {
        font-size: 12px;
        position: relative;
        margin-top: 5px;
        color: #b5b6b5;
    }

        .info-list > li:before {
            font-family: 'FontAwesome';
            content: '\f105';
            margin: 0 5px 0 -15px;
        }


/* FORMS */
.label-small, .form-control-static.small {
    font-size: 0.825em;
    position: relative;
    line-height: 1.1
}

.form-group-xs {
    margin-bottom: 0;
}

    .form-group-xs.left {
        padding-right: 5px
    }

    .form-group-xs.right {
        padding-left: 5px
    }

.form-group-small {
    margin-bottom: 2px
}

fieldset {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 3px;
    border: 1px solid #ececec;
    /*-webkit-box-shadow: inset 0 0 2px #e1e4dc;
-moz-box-shadow: inset 0 0 2px #e1e4dc;
box-shadow: inset 0 0 2px #e1e4dc;*/
    padding: 1em 1em 0.5em;
    background-color: #f6f8f4;
    border: 1px solid #e1e4dc;
    margin-bottom: 1em;
    position: relative;
    margin-top: 1em;
}

h4.fieldset-title {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 10px;
}

    h4.fieldset-title:first-child {
        padding-top: 0
    }

fieldset > h4 {
    font-size: 16px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
    position: absolute;
    top: -17px;
    left: 10px;
    border-radius: 4px;
    padding: 2px 5px;
    border: 1px solid #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.35);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.35);
    box-shadow: inset 0px 0px 5px 2px rgba(234,235,228,0.6);
    background-color: rgba(234,235,228,0.8);
}

    fieldset > h4:empty {
        display: none
    }

fieldset > h5 {
    font-size: 12px;
    font-weight: 700
}

    fieldset > h5 > a {
        font-weight: 300;
        margin-bottom: 10px
    }

#addressList h4, #contactList h4 {
    font-size: 13px;
    margin: 0;
    border-bottom: 1px dashed #c5c8bf;
    );
    font-weight: 700;
    letter-spacing: 0.04em;
    padding-bottom: 5px;
}


fieldset > div > table {
    font-size: 0.825em
}

fieldset > div > .table thead > tr > th {
    border-bottom: 3px solid #60b7ca;
    padding: 5px 8px;
}

fieldset > div > .table tbody > tr > td {
    padding: 5px 8px;
    line-height: 1.1;
    vertical-align: top;
    border-top: 1px solid #e1e4dc
}





#contactList h4 {
    margin-bottom: 1em;
    margin-top: 1em
}

    #contactList h4:first-child {
        margin-bottom: 1em;
        margin-top: 0
    }

#addressList h5 {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-top: 16px;
    margin-bottom: 6px;
}

#addressList h4 i, #contactList h4 i {
    font-size: 1.1em;
    float: right
}

#addressList a.addressEditLink span.displayField {
    font-size: 1em
}

.addressCreateLink, .billingAddressCreateLink {
    text-transform: none;
    margin-left: 10px;
    letter-spacing: 0;
}


.form-horizontal .control-label {
    text-align: left;
}

.form-group-small > .col-sm-5 {
    padding-right: 0
}

.form-group-small > .col-sm-7 {
    padding-left: 0;
}

.form-horizontal .form-group-small.full {
    margin: 0 0 5px 0
}





.has-error .control-label {
    color: #f54e38;
}

.has-error .form-control, .input-has-error {
    border-color: #f54e38 !important;
    color: #f35f1e !important;
}

    .has-error .form-control:focus, .input-has-error:focus {
        border-color: #d42e12;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(245, 78, 50, 0.6);
        outline: 0 none;
    }

.sidebarTab-heading {
    color: inherit;
    border-top: 1px solid #e1e4dc;
    margin: 1em 0 0.5em;
    padding-top: 0.5em;
}

p.displayField {
    font-size: 0.825em;
    margin: 4px 0 4px 3px;
}

.form-horizontal .control-label {
    padding-top: 5px;
}

/* TOOLBARIN SELECT LISTA*/
#periodFilter_taskListGrid, #usersFilter_taskListGrid, #usersFilter_prospectListGrid, #purchaseSuggestionMethodSelector, #purchaseSuggestionRoundUpSelector {
    width: 220px;
    display: inline-block;
    padding: 0;
    height: 22px;
    position: relative;
    top: -3px;
    margin-right: 2px;
    background-color: #f6f8f4;
    border-color: #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
}

{
    width: 220px;
    display: inline-block;
    padding: 0;
    height: 22px;
    position: relative;
    top: -2px;
    background-color: #f6f8f4;
    border-color: #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
}

@-moz-document url-prefix() {
    #periodFilter_taskListGrid, #usersFilter_taskListGrid, #purchaseSuggestionMethodSelector, #purchaseSuggestionRoundUpSelector {
        position: relative;
        top: -2px;
    }
}

.dataTables_length > label > select {
    display: inline;
    width: 60px;
    height: 22px;
    padding: 0;
    text-align: center;
    background-color: #f6f8f4;
    border-color: #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
}

.toolbar-labels > label {
    margin-left: 5px;
}

/* LOGIN */

body.login {
    background-color: #f7faf6;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7faf6+0,edeee7+100 */
    background: #f7faf6; /* Old browsers */
    background: -moz-linear-gradient(top, #f7faf6 0%, #edeee7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f7faf6 0%,#edeee7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f7faf6 0%,#edeee7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7faf6', endColorstr='#edeee7',GradientType=0 ); /* IE6-9 */
}

.alert-danger {
    background-color: #f9c35b;
    border-color: #f9c35b;
    color: #4b5152;
}

.login-company {
    text-align: center;
    padding-top: 60px;
}

    .login-company > span.company-name {
        font-size: 1.286em;
        font-weight: 700;
        font-family: 'Ubuntu Condensed', sans-serif;
    }

.login-container {
    background-color: #fff;
    width: 340px;
    margin: 20px auto 10px;
    padding: 30px;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(225,228,220,0.5);
    -moz-box-shadow: 0px 0px 5px 2px rgba(225,228,220,0.5);
    box-shadow: 0px 0px 5px 2px rgba(225,228,220,0.5);
}

.form-title {
    font-size: 1.286em;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}



.login-form > .input-group {
    margin-bottom: 15px
}

.input-group-addon {
    padding: 1px 4px; /*  by Matti. Kalenteri ei vie liikaa tilaa, jos näyttö on kapea */
    background-color: #f6f8f4;
    border-color: #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
}

/* STATUS */

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

th.right, td.right {
    text-align: right !important;
}

td.nowrap {
    white-space: nowrap;
}

/* KESKEN */

.status {
    padding: 3px 6px;
    border-radius: 3px;
}

/* HYVÄKSYTTY - ei varattu, ei saldoa, ostotilaus tehty */
.status-1 {
    background-color: #f5e24a;
    color: #fff;
    font-weight: 700;
    border-color: #f5f5f5 !important;
    color: #454149
}

/* HYVÄKSYTTY - ei varattu, ei saldoa, ostotilausta ei tehty */
.status-2 {
    background-color: #f54e32;
    color: #fff;
    font-weight: 700;
    border-color: #f5f5f5 !important
}

/* HYVÄKSYTTY - ei varattu, on saldoa, odottaa erävarausta */
.status-3 {
    background-color: #62c376;
    color: #fff;
    font-weight: 700;
    border-color: #f5f5f5 !important
}

.status-3 a {
    color: #fff !important;
}


/* ERÄVARAUS TEHTY - odottaa siirtoa toimitukseen */
.status-4 {
    background-color: #967abc;
    color: #fff;
    font-weight: 700;
}

/* SIIRTYNYT TOIMITUKSEEN */
.status-5 {
    background-color: rgba(193,231,237,0.5)
}

/* TOIMITETTU */
.status-6 {
    background-color: rgba(225,228,220,0.5)
}

/* STATUSBAR */
.statusBar {
    color: #c5c8bf;
    margin: 1px 0 3px 6px;
    font-size: 12px;
    letter-spacing: 0.02em
}

    .statusBar > span.active {
        color: rgba(0,129,149,0.9);
        font-weight: 700;
    }

    .statusBar.symbol {
        font-size: 1.5em;
        position: relative;
        top: 2px;
        margin: 0 9px;
        color: #e1e4dc
    }

#rentalSiteGroupedBySpaceSizeGrid .status {
    padding: 3px 5px;
    font-size: 11px;
    white-space: nowrap;
    text-align: center
}
/* TREESELECTOR */

a#customer_corporationGroup_id_display, a#customer_customerGroup_id_display,
a#product_productGroup_id_display, a#product_productGroup2_id_display, a.searchWindowLink, a.treeSelectorLink {
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px dashed #d6d8d0
}

a#customerGroupTreeSelector_corporationGroup {
    display: inline-block;
}

p#productGroupTreeSelector_productGroup2_id_display, p#supplierGroupTreeSelector_supplierGroup_id_display {
    margin-bottom: 7px
}

a.treeSelectorLink > i, a.contactCreateLink > i, a.addressCreateLink > i, a.supplierContactCreateLink > i,
a.fieldsetLink > i, a.billingAddressCreateLink > i {
    margin-right: 3px;
    margin-top: 3px
}

a.clearFieldButton, a.actionbutton {
    color: #13939e !important;
    box-shadow: none;
    padding: 0;
    border: none;
    position: absolute;
    top: 6px;
    margin-left: 15px
}

    a.clearFieldButton:hover, a.actionbutton:hover {
        color: #454545;
        box-shadow: none;
        padding: 0;
        border: none;
        background-color: transparent;
    }

    a.clearFieldButton > i, a.actionbutton > i {
        font-size: 1.4em;
    }

a#formbutton_cancel_treeselector {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

p#customerGroupTreeSelector_customerGroup_id_display {
    margin-bottom: 7px
}

#customer_corporationGroup_id_display label, #customer_customerGroup_id_div label, #supplier_supplierGroup_id_div label,
#product_productGroup_id_div label, #product_productGroup2_id_div label {
    margin-top: 5px
}

/* CHOSEN  */
.chosen-container {
    font-size: 12px;
    background-color: rgba(255,255,255,1);
    height: auto;
    padding: 0; /*muutettu 26092018*/
}


    .chosen-container .chosen-drop {
        border: 1px solid #e1e4dc;
        border-top: 0;
        background: #fff;
        box-shadow: none;
    }


.chosen-container-single .chosen-single {
    height: 24px;
    border: 1px solid #e1e4dc;
    border-radius: 3px;
    background-color: #fff;
    background: none;
    box-shadow: none;
    color: #4b5152;
    line-height: 22px;
}

.chosen-container-single .chosen-default {
    color: #4b5152
}



.chosen-container .chosen-results {
    color: #4b5152;
}

    .chosen-container .chosen-results li.disabled-result {
        color: #99999a;
    }

    .chosen-container .chosen-results li.highlighted {
        background-color: #90d0de;
        background-image: none;
    }

    .chosen-container .chosen-results li.no-results {
        color: #fff;
        background: #f9c35b
    }

    .chosen-container .chosen-results li em {
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.02em;
    }


.chosen-container-multi .chosen-choices {
    border: 1px solid #e1e4dc;
    background-color: #fff;
    background-image: none;
    border-radius: 3px;
    padding: 1px 5px;
    height: auto;
}


    .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        color: #4b5152;
        border-color: #007997;
        height: 22px;
        line-height: 1;
        margin: 0;
    }

    .chosen-container-multi .chosen-choices li.search-choice {
        border: 1px solid rgba(124,198,213,0.6);
        box-shadow: none;
        color: #4b5152;
        background-image: none;
        background-color: rgba(124,198,213,0.3);
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
        box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
        margin: 3px 5px 1px 0;
        font-size: 10px;
        letter-spacing: 0.02em;
        padding: 1px 20px 2px 4px;
        line-height: 1;
    }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            position: absolute;
            top: 1px;
            right: 1px;
        }

    .chosen-container-multi .chosen-choices li.search-choice-disabled {
        padding-right: 5px;
        border: 1px solid #e1e4dc;
        background-color: #e1e4dc;
        background-image: none;
        color: #99999a;
    }

    .chosen-container-multi .chosen-choices li.search-choice-focus {
        background: #dbc579;
    }

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #99999a;
    cursor: default
}

.chosen-container-active .chosen-single {
    border: 1px solid #e1e4dc;
    box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #e1e4dc;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: none;
    box-shadow: none
}

.chosen-container-active .chosen-choices {
    border-color: #007997;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(13, 183, 238, 0.6);
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #4b5152 !important;
    }

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}


/* MOBILE SPECIFIC */

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

    .col-sm-12 {
        padding: 0;
    }

    .form-group {
        margin-bottom: 0;
    }

    .checkbox {
        margin: 0;
    }

        .checkbox > label {
            padding-left: 10px;
        }

    .form-control {
        margin-bottom: 5px
    }
}



/* MEDIA QUERIES */

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Extra Large Devices, Extra Wide Screens */
@media only screen and (min-width : 1600px) {
}

/* AUTOCOMPLETE */

.autocomplete-suggestions {
    font-size: 0.857em;
    margin-top: 1px;
    background-color: #ffffff;
    cursor: pointer;
    overflow: auto;
    border: 1px solid #e1e4dc;
    border-radius: 0px;
}

.autocomplete-suggestion {
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px solid #e1e4dc;
    color: rgba(75,81,82,1)
}

    .autocomplete-suggestion:hover {
        background-color: #90d0de;
        color: #fff;
    }

    .autocomplete-suggestion .searchProductCode {
        float: left;
        padding: 3px 5px;
        width: 90px;
    }

    .autocomplete-suggestion .searchProductName {
        float: none;
        padding: 3px 5px;
    }


    .autocomplete-suggestion .searchProductMainGroup {
        margin-left: 90px;
        color: rgba(75,81,82,0.5);
        margin-top: -5px;
    }


.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background-color: #f6f8f4;
}

.autocomplete-suggestions strong {
    font-weight: bold;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        font-weight: bold;
        font-size: 16px;
    }

/* DATATABLE */

table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    font-family: FontAwesome;
    opacity: 1;
    color: #e1e4dc;
    top: 7px;
}

table.dataTable thead .sorting::after {
    opacity: 1;
    content: "\f07d";
}

table.dataTable thead .sorting_desc::after {
    content: "\f175";
    color: #60b7c9;
}

table.dataTable thead .sorting_asc::after {
    content: "\f176";
    color: #60b7c9;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;
    display: block;
    position: absolute;
    border: none;
    border-radius: 0;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: FontAwesome;
    line-height: 36px;
    content: '\f149';
    border-bottom: 1px solid #e1e4dc;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    color: #60b7c9;
    background-color: #f6f8f4;
    font-weight: bold;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
    content: '\f148';
    background-color: #60b7c9;
    top: 0;
    left: 0;
    height: 100%;
    width: 18px;
    border-radius: 0;
    line-height: 36px;
    text-indent: 3px;
    border: none;
    box-shadow: none;
    color: #fff;
    font-weight: bold;
}



table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:last-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:last-child {
    border-right-style: solid;
}

.dataTables_wrapper .dataTables_filter {
    font-size: 12px
}

    .dataTables_wrapper .dataTables_filter input, input.gridToolbarFilter {
        padding: 2px 10px;
        font-size: 12px;
        line-height: 1.428571429;
        vertical-align: middle;
        position: relative;
        bottom: 2px;
        height: 25px;
        background-color: #FFF;
        border: 1px solid #e1e4dc;
        border-radius: 3px;
        box-shadow: none;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    }

        .dataTables_wrapper .dataTables_filter input:focus, input.gridToolbarFilter:focus {
            border-color: #007997;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(13, 183, 238, 0.6);
            outline: 0 none;
        }


table.dataTable foot tr td {
    font-size: 12px;
    font-weight: 700;
    padding: 5px 8px;
}

a.openFormLink-form {
    font-size: 11px;
}

a. searchWindowLink {
    font-size: 11px;
    margin: 0;
}

.selectAmountBtns {
    margin-left: 10px
}

#serviceVisit_addProduct_quantity {
    width: 100px;
    display: inline;
}

#serviceVisit_addProductButton {
    display: inline-block;
    margin-left: 6px;
}



button.dt-button, div.dt-button, a.dt-button, a.buttons-csv, a.buttons-excel, a.buttons-print, a.buttons-collection {
    margin-right: 4px;
    margin-bottom: 5px;
    line-height: 1.5;
    padding: 1px 5px;
    border: 1px solid #e1e4dc;
    border-radius: 3px !important;
    font-size: 12px;
    color: #454149 !important;
    background-color: #f6f8f4;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(225,228,220,0.25);
    background-image: none;
    height: 22px
}

    button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
        border: 1px solid #e1e4dc;
        background-color: #fff;
        background-image: none;
        box-shadow: none;
        opacity: 0.8;
    }

    a.buttons-excel:before {
        font-family: FontAwesome;
        content: "\f1c3";
        display: inline-block;
        padding-right: 4px;
        vertical-align: middle;
        font-size: 0.757em;
        position: relative;
        bottom: 2px;
    }

    a.buttons-print:before {
        font-family: FontAwesome;
        content: "\f02f";
        display: inline-block;
        padding-right: 3px;
        vertical-align: middle;
        font-size: 0.857em;
        position: relative;
        bottom: 1px;
    }

    a.buttons-collection::before {
        font-family: 'simple-line-icons';
        content: "\e09a";
        display: inline-block;
        padding-right: 4px;
        vertical-align: middle;
        font-size: 0.86em;
        position: relative;
        bottom: 1px;
    }

    a.buttons-collection::after {
        font-family: FontAwesome;
        content: "\f107";
        display: inline-block;
        padding-left: 4px;
        vertical-align: middle;
        font-size: 0.86em;
        position: relative;
        bottom: 0;
    }

/*.dropdown-menu > li.buttons-columnVisibility:first-child {
	display:none;}*/


.dropdown-menu > li.buttons-columnVisibility > a {
    /*color: #fff;
	background-color: #90d0de;*/
    text-decoration: none;
    outline: 0;
    background-color: #f7faf6;
    border-bottom: 1px solid #e1e4dc;
    color: #4b5152;
    padding: 3px 6px;
}

    .dropdown-menu > li.buttons-columnVisibility > a:hover,
    .dropdown-menu > li.buttons-columnVisibility > a:focus {
        /*color: #fff;
	background-color: #90d0de;*/
        text-decoration: none;
        outline: 0;
        background-color: #fafcf9;
        border-bottom: 1px solid #e1e4dc;
        color: #4b5152;
    }

li.buttons-columnVisibility a::before {
    font-family: FontAwesome;
    content: "\f096";
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    font-size: 1.1em;
    position: relative;
    bottom: 1px;
}

li.buttons-columnVisibility.active a::before {
    font-family: FontAwesome;
    content: "\f14a";
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 1.1em;
    position: relative;
    bottom: 1px;
}


/*PAGINATION*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #60b7c9;
    border-color: #60b7c9;
    border-color: #4aa8bc;
    background-color: #61b8ca;
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
    box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
}

.pagination > li > a, .pagination > li > span {
    background-color: transparent;
    border: 1px solid transparent;
    color: #4b5152;
    border-radius: 3px;
    margin-left: 2px;
    min-width: 1.5em;
    padding: 2px 7px;
}

    .pagination > li > a:hover, .pagination > li > span:hover,
    .pagination > li > a:focus, .pagination > li > span:focus {
        color: white !important;
        border: 1px solid #7cc6d5;
        background: none;
        background-color: #a7dde7;
    }

.pagination > li.paginate_button.previous > a, .pagination > li.paginate_button.previous > span,
.pagination > li.paginate_button.next > a, .pagination > li.paginate_button.next > span {
    background-color: transparent;
    border-color: transparent;
}

    .pagination > li.paginate_button.previous > a:hover, .pagination > li.paginate_button.previous > span:hover,
    .pagination > li.paginate_button.next > a:hover, .pagination > li.paginate_button.next > span:hover {
        color: #13939e !important
    }

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #99999a;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
}






/*
.dataTables_wrapper .dataTables_paginate { padding-top: 5px;}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 1.5em;
    padding: 1px 6px;
    margin-left: 2px;
    border-radius: 2px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #fff !important; background: none;border-color: #4aa8bc; background-color: #61b8ca;
-webkit-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
-moz-box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
box-shadow: inset 0px 0px 5px 2px rgba(72,156,178,0.35);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover { color:white !important;border:1px solid #7cc6d5;background:none;background-color: #a7dde7;}
.paginate_button.next:hover, .paginate_button.previous:hover {color: #99999a !important; background-color: red;} 
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {background-color: transparent; border-color:transparent; color:#13939e !important} 

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active 
{color: #99999a !important;}    
*/

table.dataTable tbody tr > td:last-of-type {
    border-right: 1px solid #e1e4dc
}

table.dataTable tbody tr > td:first-of-type {
    border-left: 1px solid #e1e4dc
}

table.dataTable tbody tr {
    background-color: #fdfefc;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fafcf9;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f6f8f4;
    background-color: #fdfefc;
    background-color: #f6f8f4;
}

table.dataTable.stripe tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover {
    background-color: #fafcf9;
    background-color: #f6f8f4;
}

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #fafcf9;
}

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 5px 8px;
    border-bottom: 1px solid #e1e4dc;
    font-size: 12px;
    border-right: 1px solid #e1e4dc;
    line-height: 1.1em
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 3px solid #60b7ca;
    font-size: 12px;
    line-height: 1em;
    padding: 5px 8px;
    border-right: 1px solid #e1e4dc;
    border-top: 1px solid #e1e4dc;
    background-color: #f6f8f4;
}

table.dataTable thead tr > th:first-of-type {
    border-left: 1px solid #e1e4dc
}

table.dataTable thead tr > th.topHeader {
    border-bottom: none;
    padding: 8px
}
    /* lisätty 270918*/
    table.dataTable thead tr > th.topHeader > h4 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 600;
        margin: 0
    }
/* lisätty 270918*/
#salesReportPreviewContainer {
    padding-bottom: 40px
}
/* lisätty 270918*/

table.dataTable.no-footer {
    border-bottom: 0 solid #e1e4dc;
}

table.dataTable {
    width: 100% !important
}

    table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected,
    table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected,
    table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
        background-color: #f6f8f4;
        color: #4b5152;
    }

    table.dataTable tbody > tr.even.selected:hover, table.dataTable tbody > tr.even > .selected:hover {
        background-color: #f6f8f4;
        color: #4b5152;
    }

    table.dataTable.stripe tbody > tr.odd.selected:hover, table.dataTable.stripe tbody > tr.odd > .selected:hover,
    table.dataTable.display tbody > tr.odd.selected:hover,
    table.dataTable.display tbody > tr.odd > .selected:hover,
    table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected:hover {
        background-color: #f6f8f4;
        color: #4b5152;
    }

    /* Custom styles */

    /* DATATABLE GRID */
    table.dataTable tbody tr.datatableGrid-row.even, table.dataTable tbody tr.datatableGrid-row.odd {
        background-color: #fff;
    }

    table.dataTable tbody tr.datatableGrid-row > td.datatableGrid-field {
        border-right-style: dashed
    }

    table.dataTable thead th.datatableGrid-header, table.dataTable thead td.datatableGrid-header {
        border-right-style: dashed;
        border-right: none;
        border-top: none;
        border-left: none
    }

        table.dataTable thead th.datatableGrid-header:last-of-type,
        table.dataTable thead th.datatableGrid-header:first-of-type,
        table.dataTable thead td.datatableGrid-header:last-of-type,
        table.dataTable thead td.datatableGrid-header:first-of-type {
            border-right: none;
            border-left: none
        }

    table.dataTable tbody tr.datatableGrid-row > td.datatableGrid-field:last-of-type {
        border-right-style: solid;
    }

    /* TUHA REPORT GRID */
    table.dataTable.tuhaReportGrid tbody tr.even, table.dataTable.tuhaReportGrid tbody tr.odd {
        background-color: #fff;
    }

/* MATTI POISTANUT
	table.dataTable.tuhaReportGrid tbody tr > td {border-right-style:dashed}
table.dataTable.tuhaReportGrid thead th {border-right-style:dashed;border-right:none; border-top:none;border-left:none}
table.dataTable.tuhaReportGrid thead th:last-of-type,table.dataTable.tuhaReportGrid thead th:first-of-type {border-right: none;border-left:none}
table.dataTable.tuhaReportGrid tbody tr > td:last-of-type {border-right-style: solid;}
*/
/* PACKAGEPRODUCT */
.packageProductRow.opened {
    background-color: rgba(219,197,121,0.2);
    background-color: #d0eaee;
    padding: 0 !important;
    border-left: 1px solid #bae0e7 !important;
    border-right: 1px solid #bae0e7 !important;
    background-color: #cbe6eb
}

table.dataTable.stripe tbody tr.packageProductGroup {
    background-color: #e6f3f5;
    background-color: #ecf6f6;
    font-weight: bold;
}

table.dataTable.stripe tbody tr.packageProduct {
    background-color: #edf7f7;
    background-color: #ecf6f6;
}

.RowExpander {
    border: 5px double #eaf6f6;
    background-color: #c6e5e5;
}

.GridRowExpander > thead > tr > td {
    font-weight: bold !important
}

.GridRowExpanderTable, .GridRowExpander > thead > tr > td, .GridRowExpander > tbody > tr > td {
    font-size: 0.857em;
    padding: 0.2em 0.3em !important;
    border-left: 1px solid #eaf6f6;
    border-color: #eaf6f6;
    vertical-align: middle
}

    .GridRowExpanderTable > input {
        height: 22px;
        border-style: solid
    }

table.GridRowExpander {
    background-color: #cbe6eb !important
}

    table.GridRowExpander tbody tr {
        background-color: #cbe6eb !important
    }

    table.GridRowExpander thead tr {
        background-color: #cbe6eb !important
    }

        table.GridRowExpander tbody tr:hover, table.GridRowExpander thead tr:hover,
        table.GridRowExpander tbody tr:hover.selected {
            background-color: #d0eaee !important;
        }

.GridRowExpanderTable, .GridRowExpander > thead > tr > td, .GridRowExpander > tbody > tr > td {
    font-size: 0.857em;
    padding: 0.2em 0.3em !important;
    border-left: 1px solid #eaf6f6;
    border-color: #eaf6f6;
    border-top-color: rgb(234, 246, 246);
    vertical-align: middle;
}

table.GridRowExpander tbody tr > td:first-of-type {
    border-left: 1px solid #eaf6f6;
}

table.GridRowExpander tbody tr > td.GridRowExpanderTable, table.GridRowExpander tbody tr > td {
    padding: 5px 8px;
    border-bottom: 1px solid #eaf6f6;
    font-size: 12px;
    border-right: 1px solid #eaf6f6;
    line-height: 1.1em;
}

table.GridRowExpander thead tr > td.GridRowExpanderTable {
    padding: 5px 8px;
    border-bottom: 1px solid #eaf6f6;
    font-size: 12px;
    border-right: 1px solid #eaf6f6;
    line-height: 1.1em;
}

table.dataTable tbody tr.packageProductGroup > td {
    border-color: #60b7ca;
    border-color: #bae0e7;
    border-bottom-width: 3px
}

table.dataTable tbody tr.packageProduct > td {
    border-color: #bae0e7;
}

table.dataTable tbody tr.packageProduct.last > td {
    border-bottom-width: 3px
}

/* DATATABLE GRID CHILD */

table.dataTable tbody > tr > td.child {
    background-color: transparent;
    color: #4b5152;
    padding: 1em 1.5em;
    -webkit-box-shadow: inset 0px 0px 10px 2px rgba(234,235,228,0.25);
    -moz-box-shadow: inset 0px 0px 10px 2px rgba(234,235,228,0.25);
    box-shadow: inset 0px 0px 10px 2px rgba(234,235,228,0.25);
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
    border-bottom: 1px dashed #e1e4dc;
}

/* DATATABLES WRAPPER */

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #99999a;
    font-size: 11px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 4px;
    float: left
}

.paging_simple_numbers, .dataTables_wrapper .dataTables_paginate {
    float: right
}

.dataTables_wrapper .dataTables_filter {
    float: right
}

td > input.form-control {
    height: 20px;
    padding: 2px 6px;
    font-size: 12px;
    border: 1px dashed #e1e4dc
}

    td > input.form-control:focus {
        color: #007997;
        font-weight: bold;
        border: 1px solid #007997;
        letter-spacing: 0.04em
    }

td.has-error > input.form-control:focus {
    color: #f54e38;
    font-weight: bold;
    border: 1px solid #f54e38;
    letter-spacing: 0.04em
}

td > input[type="radio"], td > input[type="checkbox"] {
    height: 15px;
    margin: 0;
}

.has-error .help-block, .has-error .control-label {
    color: #f54e38;
    line-height: 1em;
    margin: 3px 0 0 0;
    letter-spacing: 0.02em;
}


span.fancytree-title {
    color: #2f99ac
}

span.fancytree-selected span.fancytree-title {
    color: #2f99ac;
}

.fancytree-treefocus span.fancytree-selected span.fancytree-title,
.fancytree-treefocus span.fancytree-active span.fancytree-title {
    color: white;
    background-color: rgba(124,198,213,0.6);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    border-color: rgba(124,198,213,1);
}

table.fancytree-ext-table tbody tr.fancytree-focused,
table.fancytree-ext-table tbody tr.fancytree-active,
table.fancytree-ext-table tbody tr.fancytree-selected,
table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded,
table.fancytree-ext-columnview span.fancytree-node.fancytree-active {
    background-color: rgba(124,198,213,0.6);
    -webkit-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    -moz-box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    box-shadow: inset 0px 0px 5px 2px rgba(124,198,213,0.25);
    border-color: rgba(124,198,213,1);
}

/* HINNOITTELIJAT */

.on-process {
    color: #99999a
}

    .on-process i {
        margin: 0 2px
    }
/*
#selectorList_pricingHandler {position: absolute;top: 560px;left: 15px;width: calc(100% - 30px);background-color: #cbe6eb;z-index: 900;padding: 15px;border: 1px solid #bae0e7 !important;}
#selectorList_pricingHandler span{text-transform: uppercase;font-weight: bold; margin-bottom: 1em;}
#selectorList_pricingHandler ul{margin-top: 5px;margin-bottom: 5px;}
#selectorList_pricingHandler ul li{ margin-top: 3px;}
#offer_purchaseHandlerSelectorLink { margin-top: 0.6em;}
    */
.selectorList {
    position: absolute;
    top: 560px;
    left: 15px;
    width: calc(100% - 30px);
    background-color: #cbe6eb;
    z-index: 900;
    padding: 15px;
    border: 1px solid #bae0e7 !important;
}

    .selectorList span {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 1em;
    }

    .selectorList ul {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .selectorList ul li {
            margin-top: 3px;
        }

.selectorLink {
    margin-top: 0.6em;
}

/* MYYNTIVASTUUT */
.info-text {
    color: #b5b6b5;
    font-size: 12px;
    margin: 0.6em 0 0 0;
}

ul.salesResponsibility-list {
    margin: 1em 0;
    font-size: 12px
}

    ul.salesResponsibility-list li {
        font-weight: bold;
        text-transform: uppercase;
    }

        ul.salesResponsibility-list li .input-sm {
            font-size: 12px
        }

        ul.salesResponsibility-list li select {
            margin: 0.4em 0;
        }

ul.hiddenSubList {
    list-style: none;
    padding: 0;
}

    ul.hiddenSubList li {
        padding-left: 1.6em;
        font-weight: bold;
        text-transform: none;
    }

        ul.hiddenSubList li:before {
            content: "\f178";
            font-family: FontAwesome;
            display: inline-block;
            margin-left: -1.3em;
            width: 1.3em;
            color: #2f99ac;
        }

    ul.hiddenSubList ul {
        list-style: none;
        padding: 0;
    }

    ul.hiddenSubList li ul li {
        padding-left: 5em;
        font-weight: normal;
    }

        ul.hiddenSubList li ul li select {
            margin: 0.2em 0
        }

a.nestedUlLink {
    float: right;
    margin: 0 0.4em;
}

/* GRIDSTACK */

.tuha-mainGrid > div.grid-stack {
    background-color: transparent;
    border: none !important;
    padding: 0 !important;
}

.grid-stack-item-content {
    border: 1px solid #e1e4dc;
    background: #fdfefc;
    color: #4b5152;
    margin-top: 0;
    padding: 12px 20px 15px;
}

    .grid-stack-item-content .fa {
        font-size: 64px;
        display: block;
        margin: 20px 0 10px;
    }


/*header a, header a:hover { color: #fff; }

.darklue { background: #2c3e50; color: #fff; }
.darklue hr.star-light::after {
    background-color: #2c3e50;
}
*/

/* spacegrid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#spaceGrid {
    margin-top: 0 !important
}

    #spaceGrid tbody tr > td:last-of-type {
        text-align: center;
    }

.ecss-space-title {
    margin-bottom: 10px
}

.status-title {
    font-weight: 600;
    text-transform: uppercase;
    border-right: 1px solid #e1e4dc;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.ecss-space-container {
    display: table;
}

/* The container */
.ecss-space-label {
    display: block;
    position: relative;
    padding-left: 21px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px
}

    /* Hide the browser's default checkbox */
    .ecss-space-label input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #F2EEEE;
    border: 1px solid #e1e4dc;
}

/* On mouse-over, add a grey background color */
.ecss-space-label:hover input ~ .checkmark {
    background-color: #F2EEEE; /*filter: brightness(115%);*/
}

/* When the checkbox is checked, add a blue background */
.ecss-space-label input:checked ~ .checkmark {
    background-color: #357FA9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ecss-space-label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */

.ecss-space-label .checkmark:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Space
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ecss-highlight-space {
    stroke-width: 2;
    fill: white;
}

.space:hover,
.space:focus {
    stroke-width: 2;
    filter: brightness(115%);
}

/* status - ei vuokrattavissa - näkyy verkkokauppa*/
.ecss-status-0 {
    fill: #F2EEEE;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-0 i {
        color: #F2EEEE;
    }

/* status - vapaa - näkyy verkkokauppa*/
.ecss-status-0 {
    fill: #5cb67a;
    fill-opacity: 0.5;
    stroke-width: 0
}

    .ecss-status-0:hover, .ecss-status-0:focus {
        fill: #5cb67a;
        opacity: .6
    }

    .ecss-status-0 i {
        color: #5cb67a;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-0 {
    background-color: #5cb67a;
    border-color: #5cb67a
}

/* status - ostoskorissa*/
.ecss-status-5 {
    fill: #8063C8;
    fill-opacity: 0.6;
}

    .ecss-status-5:hover, .ecss-status-5:focus {
        fill: #9c84d9;
        opacity: .6;
        stroke-width: 0
    }

    .ecss-status-5 i {
        color: #8063C8;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-5 {
    background-color: #8063C8;
    border-color: #8063C8
}

/* status - vuokrattu / verkkokaupassa omatili / oma varasto */
.ecss-status-10 {
    fill: #29549B;
    fill-opacity: 0.9;
    stroke-width: 0
}

    .ecss-status-10:hover, .ecss-status-5:focus {
        fill-opacity: 0.7;
    }

    .ecss-status-10 i {
        color: #29549B;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-10 {
    background-color: #29549B;
    border-color: #29549B
}

/* status - vuokrattu / lähdössä - ei näy verkkokaupassa*/
.ecss-status-15 {
    fill: #57AFE5;
    fill-opacity: 0.7;
}

    .ecss-status-15 i {
        color: #57AFE5;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-15 {
    background-color: #57AFE5;
    border-color: #57AFE5
}

/* status - pääsy evätty - ei näy verkkokaupassa*/
.ecss-status-20 {
    fill: #ff987a;
    fill-opacity: 0.7;
}

    .ecss-status-20 i {
        color: #ff987a;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-20 {
    background-color: #ff987a;
    border-color: #ff987a;
}

/* status - odottaa lukkoa - ei näy verkkokaupassa*/
.ecss-status-25 {
    fill: #ff6551;
    fill-opacity: 0.7;
}

    .ecss-status-25 i {
        color: #ff6551;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-25 {
    background-color: #ff6551;
    border-color: #ff6551;
}

/* status - lukittu - ei näy verkkokaupassa*/
.ecss-status-30 {
    fill: #f44336;
    fill-opacity: 0.7;
}

    .ecss-status-30 i {
        color: #f44336;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-30 {
    background-color: #f44336;
    border-color: #f44336;
}

/* status - realisointi sovittu - ei näy verkkokaupassa*/
.ecss-status-40 {
    fill: #F0D16A;
    fill-opacity: 0.8;
}

    .ecss-status-40 i {
        color: #F0D16A;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-40 {
    background-color: #F0D16A;
    border-color: #F0D16A;
}

/* status - odottaa realisointia - ei näy verkkokaupassa*/
.ecss-status-35 {
    fill: #edab41;
    fill-opacity: 0.7;
}

    .ecss-status-35 i {
        color: #edab41;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-35 {
    background-color: #edab41;
    border-color: #edab41;
}

/* status - ei käytössä / poistettu - ei näy verkkokaupassa*/
.ecss-status-55 {
    fill: #637670;
    fill-opacity: 0.7;
}

    .ecss-status-55 i {
        color: #637670;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-55 {
    background-color: #637670;
    border-color: #637670;
}

/* status - vahingoittunut - ei näy verkkokaupassa*/
.ecss-status-50 {
    fill: #A1ACA5;
    fill-opacity: 0.8;
}

    .ecss-status-50 i {
        color: #A1ACA5;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-50 {
    background-color: #A1ACA5;
    border-color: #A1ACA5;
}

/* status - oma käyttö - ei näy verkkokaupassa*/
.ecss-status-60 {
    fill: #c0c0c0;
    fill-opacity: 0.7;
}

    .ecss-status-60 i {
        color: #c0c0c0;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-60 {
    background-color: #c0c0c0;
    border-color: #c0c0c0;
}

/* status - tarjous - verkkokauppa*/
.ecss-status-100 {
    fill: #E346B3;
    fill-opacity: 0.6;
    stroke-width: 0
}

    .ecss-status-100:hover, .ecss-status-100:focus {
        fill: #EB7ECA
    }

    .ecss-status-100 i {
        color: #E346B3;
    }

.ecss-space-label input:checked ~ .checkmark.ecss-status-100 {
    background-color: #E346B3;
    border-color: #E346B3;
}

.highlight-gridField {
    color: #F14332;
}

.ecss-alert {
    color: #F14332;
    font-size: 12px;
}

.ecss-spaceList-selected {
    color: inherit;
    background-color: rgba(122,99,200,.2) !important;
    border-color: rgba(255,255,255,.7) !important
}

    .ecss-spaceList-selected td {
        border-color: rgba(255,255,255,.7) !important
    }

.ecss-space-selected {
    stroke-width: 6;
    stroke: #1a171b;
    stroke-opacity: .5;
    fill: #8063C8;
    ;
}

    .ecss-space-selected:hover, .ecss-space-selected:focus {
        stroke-width: 6;
        stroke: #1a171b;
        fill: #8063C8;
    }

.ecss-space-sale {
    opacity: 1
}

.ecss-status-sale {
    color: #E346B3;
}

/* Map Editor stroke width
–––––––––––––––––––––––––––––––––––––––––––––––––– */
line.side {
    stroke-width: 1px !important;
    stroke: rgba(89, 250, 129,.8) !important;
}

/* Editor icons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.editor-icons .btn {
    padding: 5px 8px 4px;
    min-width: 40px;
    margin: 0;
    margin-left: 0px;
    float: left;
    border-radius: 0;
    margin-left: -1px;
}

    .editor-icons .btn:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .editor-icons .btn:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.editor-icons .infoBtnText {
    margin-left: 5px;
}

.primary-icon {
    font-size: 18px
}

.sub-icon {
    color: #f44336 !important;
    font-size: 90%
}


/* Menu & Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.header {
    padding: 1px 15px;
    border: none;
    height: 35px;
    vertical-align: middle;
    font-size: 0.9em;
}

.company-select a {
    color: inherit;
}

.navbar-right > li {
    float: left;
}

@media (min-width: 768px) {
    .navbar-nav.navbar-center {
        position: absolute;
        left: 50%;
        transform: translatex(-50%);
    }

    .nav-justified.navbar-center {
        width: calc(100% - 130px);
    }

    .navbar-right {
        position: absolute;
        right: 0;
        top: 0;
    }

    .menu-funcMenu {
        font-size: 1em;
        padding: 0;
    }

    .navbar-right li, .navbar-left li {
        vertical-align: middle;
        min-height: 38px;
        border-bottom: none
    }

    .nav-justified > li {
        vertical-align: middle;
        min-height: 40px !important;
    }

    .nav > li > a {
        padding: 14px 15px;
    }
}

.mb-5 {
    margin-bottom: 5px
}

/* Login
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.login-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.login-container {
    position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    margin: 0 auto;
}

.login-company {
    padding: 0;
    position: absolute;
    top: 20px;
    left: 40px;
}

.logo-title {
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: 2px
}

/* leftfilters & mapfilters
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mainContent {
    padding: 0 15px;
}

.leftfilters {
    display: block;
    transition: 0.5s;
    background-color: #fff;
    position: relative;
    width: 100vw;
}

.content-wrapper {
    width: 100%;
    transition: 0.5s;
    transition-duration: 1s;
}

.mapfilters {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 100vw;
    border-bottom: 1px solid #e1e4dc;
    transition: 0.5s;
    background-color: #fff;
}

.mapfilters-content {
    padding: 15px
}

.leftfilters .closebtn, .leftfilters .openbtn {
    display: none;
}

/* Medium Devices */
@media only screen and (min-width : 992px) {
    .leftfilters {
        float: left;
        transition: 0.5s;
        border-right: 1px solid #e1e4dc;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(234,235,228,0.55);
        -moz-box-shadow: 0px 0px 5px 2px rgba(234,235,228,0.55);
        box-shadow: 5px 0px 5px -5px rgba(234,235,228,0.55);
        /*height: calc(100vh - 82px);*/
        height: calc(100vh - 113px);
    }

    .leftfilters-open {
        width: 250px;
        padding-top: 10px;
        max-width: 250px;
    }
    .largeLeftContent.leftfilters-open {
        width: 350px;
        padding-top: 10px;
        max-width: 350px;
    }
    

    .leftfilters-closed {
        width: 50px;
    }

    .content-wrapper {
        float: left;
        vertical-align: top;
        transition: 0.5s;
        padding: 15px 15px 0px 15px;
        width: 100%;
        width: 100%;
    }

        .content-wrapper.filters-open {
            width: calc(100% - 250px);
            max-width: calc(100% - 250px);
        }

            .content-wrapper.filters-open.tuha-mainGrid {
                width: calc(100% - 250px);
                max-width: calc(100% - 250px);
            }


    .largeLeftContent.content-wrapper.filters-open {
        width: calc(100% - 350px);
        max-width: calc(100% - 350px);
    }

        .largeLeftContent.content-wrapper.filters-open.tuha-mainGrid {
            width: calc(100% - 350px);
            max-width: calc(100% - 350px);
        }



        .content-wrapper.filters-closed {
            width: calc(100% - 50px);
            width: calc(100% - 50px);
        }

    .mapfilters {
        width: 350px;
        display: table-cell;
        float: none
    }

    .mapfilters {
        -webkit-box-shadow: 5px 0px 5px -5px rgba(234,235,228,0.55);
        -moz-box-shadow: 5px 0px 5px -5px rgba(234,235,228,0.55);
        box-shadow: 5px 0px 5px -5px rgba(234,235,228,0.55);
        display: table-cell;
        float: none;
        vertical-align: top;
        padding-top: 0;
        border-right: 1px solid #e1e4dc;
    }

    .mapfilters-content {
        width: 100%;
        transition: 0.5s;
        display: table-cell;
        float: none;
        width: calc(100vw - 300px);
        max-width: calc(100vw - 300px) !important;
    }



    .leftfilters a, .list-title {
        padding: 4px 8px 4px 20px;
        display: block;
        transition: 0.3s;
    }

    .leftfilters ul li:hover {
        background-color: #FBFAF9
    }

    .list-title {
        font-weight: 600;
        color: #2A6A8F;
        padding-top: 8px;
    }

    .leftfilters .ui-tabs-nav {
        margin: 0 -10px 10px -10px !important;
        /*padding-right: 5px !important;*/
    }

    .leftfilters ul li a.active, .sidenav ul li a.active:hover, .sidenav ul li a.active:focus {
        background-color: #80C4DE;
        color: #FBFAF9;
    }

    .leftfilters ul li.list-title:hover {
        background-color: #fff
    }

    .leftfilters .closebtn {
        display: block;
        position: absolute;
        top: 0;
        right: 5px;
        font-size: 20px;
        margin-left: 50px;
        z-index: 2000;
    }

    .leftfilters .closebtn_nav {
        font-size: 20px;
        padding: 1px 5px 0 5px;
        color: #ffffff;
    }

    .leftfilters .openbtn {
        display: block;
        font-size: 24px;
        width: 50px;
    }
}

.filter-toolbar {
    /*padding: 5px*/
    padding-right: 23px !important;
}

/* Tooltipster
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.tooltipster-sidetip .tooltipster-box, .tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
    max-width: 500px;
    padding: 5px 10px;
    color: #5C657C;
    -webkit-box-shadow: 0 0 5px 2px rgba rgba(225,228,220,0.25);
    -moz-box-shadow: 0 0 5px 2px rgba(225,228,220,0.25);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
}

/*
 .tooltipster-sidetip.tooltipster-shadow .tooltipster-box,
box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1) 
.tooltipster-sidetip .tooltipster-content {
	color: white;
	line-height: 1.25;
	padding: .375rem .75rem;
    font-size: .875rem;
}*/


/* Tooltipster floormap viewer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
img.tooltipster:hover, img.tooltipster:focus {
    opacity: .7;
    cursor: pointer
}

.tooltip_templates {
    display: none;
}

.tooltipster-alert {
    color: #29549b
}

    .tooltipster-alert:hover, .tooltipster-alert:focus {
        color: #0038c6;
        cursor: pointer
    }

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #0064e9;
}

.tooltipster-sidetip.tooltipster-custom .tooltipster-box {
    background: #fff;
    border: 1px solid #fff;
    border-radius: .25rem;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    max-width: 17.5rem;
}

.tooltipster-sidetip.tooltipster-sale .tooltipster-box {
    background: #f7cbea;
    border: 1px solid #fff;
    border-radius: .25rem;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    max-width: 17.5rem;
}

.tooltipster-sidetip.tooltipster-basket .tooltipster-box {
    background: #ebe6f7;
    border: 1px solid #fff;
    border-radius: .25rem;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    max-width: 17.5rem;
}

.tooltipster-sidetip.tooltipster-custom .tooltipster-content,
.tooltipster-sidetip.tooltipster-sale .tooltipster-content,
.tooltipster-sidetip.tooltipster-basket .tooltipster-content {
    color: #1a171b;
    padding-top: .5rem;
}

.tooltipClose {
    float: right;
    cursor: pointer;
    opacity: .7;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-top: .5rem;
    z-index: 9000;
    position: relative
}

    .tooltipClose:hover, .tooltipClose:focus {
        opacity: 1;
        cursor: pointer;
    }

.tooltipster-sidetip.tooltipster-custom .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-sale .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-basket .tooltipster-arrow-border {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-sale.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-basket.tooltipster-top .tooltipster-arrow-background {
    border-top-color: transparent;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-sale.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-basket.tooltipster-right .tooltipster-arrow-background {
    border-right-color: transparent;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-sale.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-basket.tooltipster-left .tooltipster-arrow-background {
    border-left-color: transparent;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-sale.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-basket.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: transparent;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #fff;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #fff;
}

.tooltipster-sidetip.tooltipster-custom.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #fff;
}

.tooltipster-sidetip.tooltipster-sale.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #f7cbea
}

.tooltipster-sidetip.tooltipster-sale.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #f7cbea;
}

.tooltipster-sidetip.tooltipster-sale.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #f7cbea;
}

.tooltipster-sidetip.tooltipster-sale.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #f7cbea;
}

.tooltipster-sidetip.tooltipster-basket.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ebe6f7
}

.tooltipster-sidetip.tooltipster-basket.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ebe6f7;
}

.tooltipster-sidetip.tooltipster-basket.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ebe6f7;
}

.tooltipster-sidetip.tooltipster-basket.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ebe6f7;
}

#tooltip_content_info .space-info-label, #tooltip_content_sale .space-info-label {
    font-weight: 400
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .tooltipster-sidetip.tooltipster-custom .tooltipster-box, .tooltipster-sidetip.tooltipster-sale .tooltipster-box {
        max-width: 22.5rem;
    }
}

#tooltip_content_sale h4.card-title, #tooltip_content_custom h4.card-title {
    margin-right: 2rem;
}





.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background-position: -26px -10px;
    background: url(chosen-sprite.png) -26px 1px no-repeat;
}

    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
        background-position: -26px -10px;
        background: url(chosen-sprite.png) -26px 1px no-repeat;
        opacity: .7;
    }

#rentalSite_info_label {
    margin-bottom: 10px
}

/* Datatable - remove margin-bottom */
.ui-tabs.ui-widget-content, .tuha-mainGrid > div.loadingOverlay {
    margin-bottom: 0 !important;
}


.icon-edit {
    position: absolute;
    right: 5px;
}

    .icon-edit i:hover {
        color: #2A6A8F
    }


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .menu-funcMenu.opened #funcDiv {
        background-color: #DEEFF7 !important;
        -webkit-box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        -moz-box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        box-shadow: inset 0px 0px 5px 2px rgba(222,239,247,.55);
        color: #4b5152;
        position: relative;
        top: -1px;
        border-top: 1px solid rgba(255,255,255,.25);
    }
}


/* Medium Devices */
@media only screen and (min-width : 992px) {
    .leftfilters-open {
        width: 280px;
        max-width: 280px;
    }

    .content-wrapper.filters-open {
        width: calc(100% - 280px);
        max-width: calc(100% - 280px);
    }

        .content-wrapper.filters-open.tuha-mainGrid {
            width: calc(100% - 280px);
            max-width: calc(100% - 280px);
        }

    .leftfilters {
        height: 100% !important;
        height: calc(100vh - 82px);
        min-height: calc(100vh - 113px);
    }

        .leftfilters a, .list-title {
            display: inline-block;
        }

    .list-title {
        display: block;
    }
}