@font-face {
    font-family: 'GOTHAMBOLD';
    src: url('/Content/Fonts/GOTHAM-BOLD.TTF');
}

@font-face {
    font-family: 'GOTHAMBOOK';
    src: url('/Content/Fonts/GothamBook.ttf');
}

.loading-area {
    position: absolute;
    bottom: 63%;
    right: 45%;
    left: 45%;
    top: 20%;
    z-index: 15;
    background: white;
    display: none;
}

.ui-widget,
.mine .ui-widget {
    font-family: sans-serif !important;
    font-size: 14px !important; /*//yliajetaan jquery uin font-size, joka tulee cdn kautta*/
}

.PackagePricesFoundNote,
.ExtrasFoundNote {
    color: red !important;
    display: block !important;
    margin-bottom: 5px;
}

.ui-dialog {
    position: relative;
    z-index: 9000000 !important;
}

.stat-group-table th, .stat-group-table th h3 {
    background: white !important;
    border-left: 0 !important;
}

.disabled-button {
    background: #aaa !important;
    cursor: default;
    pointer-events: none;
}

body {
    padding: 0;
    margin: 0;
    font-family: sans-serif;
    background: url('Images/Northern_Lights_Finnish_Lapland.jpg');
    width: 100%;
    background-size: 2100px 1100px;
    padding-bottom: 2em;
    min-width: 500px;
    font-size: 14px;
}

.total-row td {
    width: 20%;
    border: 1px solid #069;
    text-align: left !important;
}

    .total-row td:nth-child(2) {
        text-align: right !important;
    }

.total-table {
    margin-top: 20px;
    width: 350px !important;
    border: 1px solid #069;
}

.to-the-right {
    float: right !important;
}

#invoice-pretable {
    border: none;
    background: #eee;
}

.invoice-pretable-table tr td:first-child {
    min-width: 75px;
}

.invoice-pretable-table {
    border: 1px solid #069;
}
/*KALENTERIN TYYLIT*/
.calendar-title {
    text-align: center;
}

.highlighted-week {
    z-index: 2;
    border: 1px dotted #750a75;
}

.calendar-button {
    display: block;
    width: 50px;
    height: 50px;
    background: #ccc;
}

.back-button {
    float: left;
}

.next-button {
    float: right;
}

.fc-today.fc-day-number {
    /*border-: 1px solid blue !important;*/
    color: #750a75;
    border-bottom: none;
    border-bottom: none;
    text-decoration: underline;
    font-weight: 800;
}

.fc-today {
    height: 100%;
    z-index: 5;
}

.view-selection-bar {
    float: right;
    display: inline-block;
    margin-top: 10px;
}

.fc-content {
    cursor: pointer;
}
/*endof KALENTERIN TYYLIT*/

.multiselect-filter {
    min-height: 150px;
    min-width: 100px;
}

.price-list-box-name, .pricelistitems-name {
    color: black;
}

.categories-area {
    color: #750a75;
}

h1, h2, h3, h4 {
    color: #750a75;
}

.display-none {
    display: none;
}

.file-dialog_PDFFRONTCOVER {
    width: 350px !important;
    top: 25% !important;
    left: 39% !important;
    bottom: 44% !important;
}

.pretable-list {
    display: block;
}

/*voucher make-all button*/
.print-all-vouchers {
    float: right;
}

#voucher-pretable {
    display: block;
    width: 100%;
    margin-top: 40px;
}

.voucher-download-span {
    float: right;
    padding-right: 5px;
}

.voucher-download .show-menu-btn {
    margin-left: 10px !important;
}
/*MULTISELECT FILTTERIEN TYYLIT*/
.SearchBox {
    max-width: 150px;
}

.modal-filter {
    position: relative;
}

.multiselect {
    max-width: 150px;
    height: 70px;
}

.display-block {
    display: block !important;
}

.selectBox {
    position: relative;
}

    .selectBox select {
        margin-top: 5px;
        max-width: 100%;
        width: 150px;
        font-weight: bold;
    }

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.checkboxes {
    display: none;
    border: 1px #aaa solid;
    border-top: 0 !important;
    overflow: auto;
    width: 100%;
    z-index: 555;
    background: #fff;
    max-height: 120px;
    position: relative;
}

    .checkboxes label {
        z-index: 999;
        display: block;
        padding-left: 20px;
        text-indent: -20px;
        background: #fff;
        position: relative;
    }

        .checkboxes label:hover {
            background-color: #1e90ff;
        }
/*--Multiselecti tyylit loppuu*/
.search-area {
    min-width: 280px;
    display: block;
}

.search-area-buttons {
    display: inline-block;
}

.country-filter-div {
    display: inline-block;
    border-bottom: 1px solid #ccc;
}

    .country-filter-div select,
    .city-filter-div select {
        margin-top: 15px;
    }

.filter-area,
.proposal-filter-area h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.filter-area {
    width: 100%;
    display: block;
    float: left;
}

    .filter-area > div,
    .proposal-filter-area > div {
        float: left;
        padding: 10px;
        /*background: #fff;*/
        border: 1px solid #ccc;
        margin-right: 15px;
        min-width: 100px;
        margin-bottom: 5px;
        height: 100px;
        /*z-index: 5;*/
        position: relative;
    }

        .filter-area,
        .proposal-filter-area > div p {
            margin: 0;
        }

.period-filter div {
    margin-bottom: 10px;
}

.proposal-filter-area::after {
    content: ' ';
    display: block;
    clear: both;
}

.proposal-filter-area {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.edit-supplier-product-dialog .custom-dialog .uploadfile-dialog {
    left: 40% !important;
    height: 250px;
    top: 20% !important;
    width: 350px !important;
}

.uploadfile-dialog input[type=file] {
    margin-bottom: 15px;
}

.uploadfile-dialog input[type=text] {
    width: 300px;
}

.clear-div {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*.room-breakup{
    display:inline-block;
    margin-right: 1em;
    margin-top: 1em;
}*/

.loading-gif-area span {
    text-align: center;
    display: block;
}

.loading-gif-area img {
    max-width: 150px;
    display: block;
    margin-bottom: 10px;
}

.loading-gif-area {
    display: none;
    position: fixed;
    top: 200px;
    left: 45%;
    min-height: 130px;
    background: #fff !important;
    border-radius: 10px 10px;
    border: 1px solid black;
    z-index: 1000;
    padding: 1em;
}

.site-logo {
    position: absolute;
    top: 20px;
    right: 150px;
}

.site-logo-snowflake {
    position: absolute;
    top: 20px;
    left: 150px;
    cursor: pointer;
}

.site-logo img {
    height: 65px;
}
/*Action tab jutut*/
.action-item {
    display: block !important;
    min-width: 100%;
    padding: 0;
    z-index: 9999;
}

.ui-menu .ui-menu-item {
    /*padding: 0;*/
}

#proposal-links-container,
#proposal-action-container {
    float: right;
    width: 100%;
    max-width: 150px;
    color: #750a75 !important;
}

.action-tab-button {
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #750a75;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
    margin-right: 1em;
    box-sizing: border-box;
}

.ui-state-focus, .ui-widget-content {
    color: #750a75 !important;
}
/*---------*/
footer {
}

/*FORMS*/

/* Login */

.login-top-logo {
    width: 190px;
    margin: 0 auto;
    padding-top: 50px;
}

.login-top-text {
    text-align: center;
}

    .login-top-text p {
        color: white;
        font-family: GOTHAMBOOK;
        font-size: 170%;
        padding-left: 85px;
        display: inline-block;
    }


.login-top-logo img {
    width: 220px;
}

.login-logo-area {
    position: relative;
    padding-left: 60px;
    height: 80px;
}

.login-wrapper {
    width: 360px;
    padding-top: 100px;
    margin: 0 auto;
    box-sizing: border-box;
}

    .login-wrapper h2 {
        margin-top: 0;
    }

    .login-wrapper .row-area {
        position: relative;
        height: 40px;
    }

    .login-wrapper input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #db95db inset;
    }

    .login-wrapper .row-area span {
        position: absolute;
        color: white;
        line-height: 35px;
        font-size: 70%;
        font-family: GOTHAMBOOK;
    }

    .login-wrapper > div > input,
    .login-wrapper > div > password {
        margin-left: 70px;
        width: 280px;
        background: #db95db;
        border: none;
        height: 35px;
        padding-left: 5px;
    }

    .login-wrapper > button {
        margin-left: 70px;
        height: 35px;
        width: 280px;
        background: #a036a0;
        border: none;
        color: white;
    }

#LoginMessage {
    color: red;
    margin-left: 100px;
    margin-top: 1em;
}
/* Login: loppu */

/*TOP-BAR-NAVIGATION*/
.top-bar {
    position: relative;
    background: #000;
    color: #fff;
}

    .top-bar li,
    .top-bar li a {
        cursor: pointer;
        color: #000;
    }

    .top-bar .logo-area {
        cursor: pointer;
        padding: 0 !important;
        border: 0 !important;
    }

.top-bar-user {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 0.8em;
}

    .top-bar-user a {
        color: #fff !important;
    }

nav {
    position: relative;
    z-index: 100;
}

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        nav ul li {
            height: 50px;
            line-height: 50px;
            padding: 0 10px;
        }

    nav > ul > li {
        position: relative;
        display: inline-block;
    }

        nav > ul > li,
        nav > ul > li > a {
            color: #fff !important;
            text-transform: uppercase;
        }

    nav > ul li:hover {
        background-color: #660066;
    }

    nav > ul li a {
        white-space: nowrap;
        display: block;
    }

    nav > ul ul {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 2;
    }

        nav > ul ul li {
            display: block;
            width: 100%;
            background: #ddd;
        }

            nav > ul ul li a {
                color: #000;
            }

                nav > ul ul li a:hover {
                    color: #fff;
                }
/* //TOP-BAR-NAVIGATION */

/*login sivu*/

/*loppu*/

.site-content {
    margin: 0 auto;
    margin-top: 100px;
    background: #efefef;
}

.lock-area {
    min-width: 83px;
}

a {
    color: #0066cc;
    text-decoration: none;
}

    a:visited {
        color: #0066cc;
    }

.body-content {
    position: relative;
    padding: 1.5em;
    background: #fff;
}

    /*.body-content-inner {
	background: #fff;
	padding: 1em;
}*/

    .body-content .page-messages {
        position: relative;
    }

        .body-content .page-messages div {
            position: fixed;
            left: 50%;
            top: 18%;
            padding: 1em;
            width: 300px;
            margin-left: -150px;
            background: #ddd;
            border: 1px solid #999;
            text-align: center;
            border-radius: 5px;
            z-index: 99999;
        }

            .body-content .page-messages div#ScriptMessage {
                display: none;
            }

            .body-content .page-messages div#SiteMessage,
            .body-content .page-messages div#ScriptMessage {
                border: 1px solid #006699;
                background: #E1EEF4;
            }

                .body-content .page-messages div#ErrorMessage,
                .body-content .page-messages div#ScriptMessage.error {
                    border: 1px solid red;
                    background: pink;
                }

/*PRE TABLE CSS*/

.pretable-topbar {
    margin: 1em 0;
}

.pretable-list,
.pretable-search {
    height: 30px;
    box-sizing: border-box;
    padding: 0 0.5em;
    border: 1px solid #999;
}

.pretable-search {
    width: 250px;
    /*border-left: none;*/
}

    .pretable-search.active {
        background-color: #ffffcc;
    }

.pretable-do-search-button {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    background-image: url(/Content/Images/pretable-search.png);
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid #999;
    border-left: none;
    /*piilotetaan teksti*/
    color: transparent !important;
    box-sizing: border-box;
}

.pretable-clear-search-button {
    /*display: none !important;*/
    /*margin-left: 1em;*/
}

/*.pretable-clear-search-button.active {
        display: inline-block !important;
    }*/

.excel-download-wrapper {
    float: right;
    background: url(/Content/Images/pretable-excel.png) no-repeat 0 3px;
    height: 30px;
    padding-left: 30px;
}

.exclamation-mark {
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    background: url(/Content/Images/high-priority.png);
}


span.todo-priority {
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
}

    span.todo-priority.high-priority {
        background: url(/Content/Images/high-priority.png);
    }

    span.todo-priority.low-priority {
        background: url(/Content/Images/low-priority.png);
    }

.excel-button-download,
.excel-button-FullDownload {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    vertical-align: middle;
    background-color: #ddd;
    border: 1px solid #999;
    box-sizing: border-box;
    padding: 0 0.5em;
    color: #000;
}

.loading-title {
    text-align: center;
    display: block;
}

.information-goto-box {
    position: fixed;
    padding: 5px;
    padding-top: 10px;
    top: 0;
    left: 0;
    width: 40px;
    height: 35px;
    background: #750a75;
    box-shadow: #999 0 0 5px;
    z-index: 25;
}

    .information-goto-box:hover {
        background: #999;
    }

    .information-goto-box a {
        display: block;
        width: 100% !important;
        height: 100% !important;
        color: white;
        font-size: 2em;
        text-align: center;
        position: relative;
        z-index: 999;
    }

.folder-box {
    width: 12em;
    background: #58a; /* Fallback */
    background: linear-gradient(to left bottom, transparent 50%, rgba(0,0,0, .4) 0) 100% 0 no-repeat, linear-gradient(-135deg, transparent 1.5em, #00557f 0);
    background-size: 2em 2em, auto;
    padding: 2em;
    color: white;
    max-width: 100%;
    width: auto;
}

.information-additional-information-text h1,
.information-additional-information-text h2,
.information-additional-information-text h3,
.information-additional-information-text h4 {
    color: #fff;
}

.loading-area img {
    margin: 0 auto;
    width: 100px;
    display: block;
}

.excel-button-FullDownload {
    border-left: none;
}

.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

.datagrid {
    font: normal 12px/150% Arial, Helvetica, sans-serif;
    background: #fff;
    overflow-x: auto;
    border: 1px solid #006699;
}

    .datagrid table td, .datagrid table th {
        padding: 5px 10px;
    }

    .datagrid table thead th {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
        background: -moz-linear-gradient( center top, #006699 5%, #00557F 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
        background-color: #006699;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: normal;
        border-left: 1px solid #0070A8;
        text-align: left;
        white-space: nowrap;
    }

        .datagrid table thead th:first-child {
            border: none;
        }

    .datagrid table tbody td {
        border-left: 1px solid #E1EEF4;
        font-size: 12px;
        font-weight: normal;
    }

    .datagrid table tbody td {
        background: #fff;
    }
    /*.datagrid table tbody .alt td {
	background: #E1EEF4;
}*/
    .datagrid table tbody tr:nth-child(even) td {
        background: #eee;
    }

    .datagrid table tbody td:first-child {
        border-left: none;
    }

    .datagrid table tbody tr:last-child td {
        border-bottom: none;
    }

    .datagrid table tfoot td div {
        border-top: 1px solid #006699;
        background: #E1EEF4;
        height: 25px;
    }

    .datagrid table tfoot td {
        padding: 0;
        font-size: 12px;
    }

        .datagrid table tfoot td div {
            padding: 2px;
        }

        .datagrid table tfoot td ul {
            margin: 0;
            padding: 0;
            list-style: none;
            text-align: right;
            float: right;
            display: inline-block;
        }

    .datagrid table tfoot li {
        display: inline;
    }

        .datagrid table tfoot li a {
            text-decoration: none;
            display: inline-block;
            padding: 2px 8px;
            margin: 1px;
            color: #FFFFFF;
            border: 1px solid #006699;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
            background: -moz-linear-gradient( center top, #006699 5%, #00557F 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
            background-color: #006699;
        }

    .datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {
        text-decoration: none;
        border-color: #006699;
        color: #FFFFFF;
        background: none;
        background-color: #00557F;
    }

div.dhtmlx_window_active, div.dhx_modal_cover_dv {
    position: fixed !important;
}

.datagrid span.count {
    display: inline-block;
    margin-left: 10px;
    margin-top: 4px;
}

.invalid-price {
    border: solid 1px rgb(255, 0, 0);
    box-shadow: 0 0 2px 2px red;
}

/*gridin rivipainikkeiden sarake*/
.datagrid a.edit-link {
    color: #0066cc;
}
/*kontaktilistan etunimen editointilinkki*/
a.contact-edit.edit-link:hover {
    cursor: pointer;
}

.datagrid table .actions-col {
    padding-left: 2px;
    /*padding-right: 2px;*/
    width: 55px;
}

.hide-completed-todo-area {
    float: right;
}

.datagrid-text-button {
    display: inline-block;
    text-align: center;
    height: 20px;
    background-color: #fff;
    padding: 0 0.3em;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    color: #333 !important;
    margin-right: 5px;
}

a.save-link.datagrid-text-button {
    border: 1px solid #00557F;
    background: #006699;
    color: #fff !important;
}

.show-menu-btn {
    background: #00557F;
    cursor: pointer;
    padding: 5px;
    color: white !important;
    border: 1px solid #00557F;
}

    .show-menu-btn:hover {
        background: #0078b3 !important;
    }

.datagrid-image-button {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center;
    border: 1px solid #ccc;
    vertical-align: middle;
    /*piilotetaan teksti*/
    color: transparent !important;
    border-radius: 2px;
    margin-right: 5px;
}

.current-page-number,
.current-page-number:after,
.current-page-number:hover {
    border: 1px solid #006699;
    background: #fff !important;
    color: #006699 !important;
}

a.edit-link.datagrid-image-button {
    background-image: url(/Content/Images/datagrid-edit.png);
}

a.search-icon {
    background-image: url(/Content/Images/datagrid-search.png) !important;
}

.recover-icon {
    background-image: url(/Content/Images/recover-icon.png) !important;
}

a.delete-link.datagrid-image-button {
    background-image: url(/Content/Images/datagrid-delete.png);
}

a.save-link.datagrid-image-button {
    background-image: url(/Content/Images/datagrid-save.png);
}

a.cancel-link.datagrid-image-button {
    background-image: url(/Content/Images/datagrid-cancel.png?v=1);
}

.sort-link {
    width: 100% !important;
    display: block;
}

.ascend-image, .descend-image {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    float: right;
    margin-top: 3px;
}

.ascend-image {
    border-top: 10px solid #fff;
}

.descend-image {
    border-bottom: 10px solid #fff;
}

    .ascend-image.inactive,
    .descend-image.inactive {
        border-bottom-color: #5080ba;
        border-top-color: #5080ba;
    }

.site-path-area {
    display: none;
    padding: 10px;
    font-size: 0.90em;
}



/*EDIT TABLE STYLES*/
.form-title {
    font-weight: normal;
    margin-top: 0;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

.form-buttons {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    border-top: 1px solid #ddd;
}

.stats-search,
.supplier-create {
    box-sizing: border-box;
    margin: 0 0 10px;
    display: block;
    width: 140px;
    text-align: center;
    height: 35px;
    line-height: 1.5;
}

.stats-search {
    width: 100px;
}

.create-button,
.form-buttons button,
.form-buttons a {
    /*
        display: inline-block;
      
        color: #fff !important;
        font-size: 0.9rem !important;
        background: #750a75;
        border: 1px solid #750a75;
        padding: 0 1em;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
        min-width: 100px;
        text-align: center;
        margin-right: 1em;
        box-sizing: border-box;*/
    text-transform: uppercase;
    font-family: GOTHAMBOOK;
    padding: .3em .8em;
    border: 1px solid rgba(0,0,0,.1);
    background: #750a75 linear-gradient(hsla(0,0%,100%,.3), transparent);
    border-radius: .2em;
    box-shadow: 0 .05em .25em rgba(0,0,0,.5);
    color: white !important;
    text-shadow: 0 -.05em .05em rgba(0,0,0,.1);
    font-size: 110%;
    line-height: 1.5;
    background-color: #750a75;
}

ul.top-menu {
    background: #000000 linear-gradient(hsla(0, 0%, 50%, 0.3), transparent);
}

/*pyöreä nappi missä kynä*/
.edit-supplier-circle-button img {
    padding: 0px;
    width: 11px;
    height: 11px;
    margin: 0;
}

.create-button-circle {
    display: inline-block;
    color: #000 !important;
    font-size: 0.9rem !important;
    background: #ddd;
    border: 1px solid #999;
    width: 17px;
    height: 17px;
    line-height: 17px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

    .create-button:hover,
    .create-button-circle:hover,
    .form-buttons button:hover,
    .form-buttons a:hover {
        background-color: #999;
        border: 1px solid #999;
    }

.input-area {
    margin-top: 0.7em;
}

    .input-area:first-child {
        margin-top: 0;
    }

    .input-area .input-label p {
        margin: 0;
        margin-bottom: 3px;
        text-transform: uppercase;
        color: #750a75;
    }

    .input-area.horizontal-layout .input-field,
    .input-area.horizontal-layout .input-label,
    .input-area.horizontal-layout .input-label p {
        display: inline-block;
    }

    .input-area .input-field input[type=text],
    .input-area .input-field input[type=password],
    .input-area .input-field select {
        border: 1px solid #999;
        width: 100%;
        max-width: 400px;
        height: 27px;
        line-height: 27px;
        padding: 0 0.5em;
        box-sizing: border-box;
    }

    .input-area .input-field textarea{
        border: 1px solid #999;
        padding: 0 0.5em;
        box-sizing: border-box;
    }

    .strech-textarea {
        min-width: 400px !important;
        max-width: 100% !important;
    }


/* erikoiskeissillä elementeille kaikki tila käyttöön */
.use-all-width-for-inputs .input-area .input-field input[type=text],
.use-all-width-for-inputs .input-area .input-field input[type=password],
.use-all-width-for-inputs .input-area .input-field textarea,
.use-all-width-for-inputs .input-area .input-field select {
    max-width: none;
}

.input-area .input-field textarea {
    height: 75px;
    font-family: sans-serif;
    line-height: 20px;
}

/* tekstikentät, joista halutaan poimia, mutta ei muokata */
input[readonly] {
    background-color: #eee;
}

/* Kuvan upload-kontrolli */
input[type="file"] {
    /*display: none;*/
    margin-top: 10px;
}

.field-validation-error {
    color: #ff3300;
}

/* Contacts-gridit */
.contact-form input[type=text] {
    display: inline-block;
    padding-left: 0.2em;
    width: 100%;
}

.custom-dialog {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8000;
}

    /*läpinäkyvä modaalitausta*/
    .custom-dialog:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #ddd;
        opacity: 0.5;
    }

    .custom-dialog .custom-dialog-inner-wrapper {
        position: fixed;
        top: 25%;
        left: 50%;
        width: 300px;
        margin-left: -150px;
        padding: 1.5em;
        background: #fff;
        border: 1px solid #999;
        overflow: auto;
    }

.new-invoice-area {
    top: 5.5em !important;
    left: 5.5em !important;
    right: 5.5em !important;
    bottom: 5.5em !important;
    width: auto;
    margin-left: 0;
}

.custom-dialog.full-screen-dialog .custom-dialog-inner-wrapper {
    top: 1.5em;
    left: 1.5em;
    right: 1.5em;
    bottom: 1.5em;
    width: auto;
    margin-left: 0;
}
/* Customerin Tabit -- */

.tab-menu-wrapper {
}

ul.tab-menu-links,
ul.advanced-tab-menu-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul.tab-menu-links li,
    ul.advanced-tab-menu-links li {
        display: inline-block;
        padding: 5px 10px;
        border: 1px solid #aaa;
        text-transform: uppercase;
        background: #ddd;
        text-align: center;
        border-top-right-radius: 4px;
        cursor: pointer;
        margin-right: 1px;
    }

    ul.tab-menu-links .selected,
    ul.advanced-tab-menu-links .selected {
        border-bottom-color: #eee;
        background: #eee;
    }

.disabled {
    background: #aaa !important;
    cursor: not-allowed !important;
}

    .disabled a {
        pointer-events: none;
    }

.disabled-link {
    pointer-events: none;
    background: #aaa !important;
    cursor: not-allowed !important;
}

/* hieman paranneltu versio tabimenusta, käyttää samaa ulkoasua vanhan kanssa */
.advanced-tab-menu-wrapper > div {
    display: none;
    border: 1px solid #aaa;
    padding: 1em;
    margin-top: -1px;
    background: #eee;
}

ul.advanced-tab-menu-links {
    /*margin-bottom: 10px;*/
}

    ul.advanced-tab-menu-links:after {
        display: block;
        content: '';
        clear: both;
        overflow: auto;
    }

    ul.advanced-tab-menu-links li {
        float: left;
        padding: 0;
    }

        ul.advanced-tab-menu-links li a {
            display: block;
            padding: 5px 10px;
            color: #750a75 !important;
        }

.offer-status-symbol {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /*reunaviiva haluttu pois*/
    /*box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.7);*/
    /*border: 1px solid #777;*/
    /*pieni korjaus, jotta sopii paremmin gridin sarakkeeseen*/
    position: relative;
    top: 3px;
}

.status-symbol-ball {
    position: relative;
}

    .status-symbol-ball .offer-status-symbol {
        width: 20px;
        height: 20px;
    }

.lock-all-button {
    text-align: center;
    display: inline-block;
}

    .lock-all-button > div {
        display: inline-block;
        margin-right: 10px;
    }

.lock-box img {
    width: 30px;
    color: #666;
}

.lock-box {
    padding: 5px;
}

    .lock-box > div {
        text-align: center;
    }

    .lock-box p {
        margin-bottom: 0;
        margin-top: 0;
    }

.offer-is-package-symbol {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #006699;
    color: #fff;
    text-align: center;
    line-height: 18px;
    /*Nämä tulevat person/group -ikoniin*/
    /*background-repeat: no-repeat;
	background-size: 16px 16px;*/
    /*background-image: url(/Content/Images/offer-group.png);*/
    /*background-image: url(/Content/Images/offer-person.png);*/
}

    .offer-is-package-symbol.package:after {
        content: 'P';
    }

    .offer-is-package-symbol.itemized:after {
        content: 'I';
    }

.offer-group-symbol, .offer-text-symbol {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

    .offer-group-symbol.person {
        background-image: url(/Content/Images/offer-person.png);
    }

    .offer-text-symbol.text {
        background-image: url(/Content/Images/textLine-Icon.png);
        border-radius: 0 !important;
    }

        .offer-group-symbol.person:after, .offer-text-symbol.text:after {
            display: inline-block;
            width: 10px;
            height: 10px;
            line-height: 10px;
            border-radius: 50%;
            font-size: 9px;
            background-color: #006699;
            color: #fff;
            text-align: center;
            margin-left: 10px;
        }

    .offer-group-symbol.person.adult:after {
        content: 'A';
    }

    .offer-group-symbol.person.text:after {
        content: 'T';
    }

    .offer-group-symbol.person.child:after {
        content: 'C';
    }

    .offer-group-symbol.group {
        background-image: url(/Content/Images/offer-group.png);
    }

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

@media screen and (min-width: 1600px) {
    .site-content {
        width: 85%;
    }
}