/* input(4206,1): run-time error CSS1035: Expected colon, found '}' */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.2;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    line-height: 1.2;
}

h4 {
    display: block;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
    line-height: 1.2;
}

p {
    display: block;
    line-height: 1.5;
}

blockquote {
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-left: 5px solid #E2E2E2;
    font-size: 18px;
    line-height: 22px;
}

figure {
    margin: 0;
    margin-bottom: 10px;
}

figcaption {
    margin-top: 5px;
    text-align: center;
}

ul,
ol {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 12px;
}
*, body, td, p {
    font-family: 'Neue Montreal', sans-serif;
}

a {
    color: black;
}

#wrapper, #footer .inside {
    width: 1000px;
    margin: 0 auto;
}

.restore-password-body {
    background-image: none !important;
    background-repeat: no-repeat;
    margin: 0px;
}

    .restore-password-body form {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

.restore-pw-input {
    padding: 14px;
    border: none;
    width: 322px;
    font-family: 'Open Sans';
    -webkit-box-shadow: 0 0 0 0px rgba(0,0,0,0.15), 0 4px 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.15), 0 4px 6px rgba(0,0,0,0.2);
}

.restore-pw-submit {
    padding: 14px;
    border: none;
    width: 350px;
    font-family: 'Open Sans';
    margin: 10px 0px 10px 0px;
    background: #EC008C;
    color: white;
    font-weight: 700;
}

    .restore-pw-submit:hover {
        cursor: pointer;
    }
.ccc-headeroutside {
    position: relative;
    top: -30px;
    gap: 6px;
}
.c-secondaryheading {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000;
    font-size: 22px;
    font-weight: 500;
}

    .c-secondaryheading.cc-category {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 18px;
        line-height: 18px;
        padding-right: 8px
    }

.c-colored-box {
    padding: 20px;
    grid-column-gap: 50px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    background-color: #fafafa;
    margin-top: 30px;
}


#wrapper {
    padding-bottom: 40px;
}

#left {
    width: 230px;
    float: left;
}

#main {
    min-height: 500px;
}

#header {
    margin-bottom: 4px;
}

#main {
    margin-bottom: 60px;
}

#left {
    margin-bottom: 20px;
}

.l #main {
    margin-left: 230px;
    width: auto;
    position: relative;
}

.language-container {
    display: flex;
    align-items: center;
}

    .language-container select {
        margin-left: 5px;
        margin-right: 10px;
    }

    .language-container ul {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 0;
        height: 25px;
    }

        .language-container ul li {
            display: flex;
            align-items: center;
            justify-content: center;
            list-style-type: none;
            height: 100%;
        }

            .language-container ul li img, .language-container ul li select {
                height: 100%;
            }

.userMenu {
    justify-self: center;
}

.storeButton span {
    width: 250px;
}

.filterButton span {
    display: inline-block;
}

.topMenu {
    display: flex;
    justify-content: space-between;
    height: 55px;
    margin-bottom: 20px;
}

.menuSearch {
    display: block;
    width: 8px;
    height: 8px;
}

    .topMenu a, .topMenu .user span {
        font-size: 12px;
        line-height: 12px;
        color: #bebebe;
        text-decoration: none;
        padding: 0px 0px 0px 0px;
        margin-left: 0px;
        background-repeat: no-repeat;
        background-position: left center;
        border-right: 1px solid #727272;
        padding-right: 6px;
    }

    .topMenu li.last a {
        border: 0px;
        padding: 0px;
    }

body .topMenu .user {
    font-weight: bold;
    background-image: url('images/user.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 23px;
}

.topMenu a:hover {
    color: #ec008c;
}

.topMenu ul, .topMenu li, .mainmenu ul, .mainmenu li, .submenu li, .submenu ul, .basket ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

    .topMenu li.noPaddingLeft {
        padding-left: 0px;
    }

.submenu {
    padding-right: 40px;
}

    .submenu li {
        background-image: url('images/submenuBullets.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
        background-position: left top;
        background-repeat: no-repeat;
        margin: 10px 0px 0px 0px;
        padding-left: 13px;
    }

        .submenu li.selected {
            background-image: url('images/submenuBulletsSelected.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
        }

    .submenu ul.sublevel {
        padding-bottom: 10px;
    }

        .submenu ul.sublevel.indent {
            padding: 5px 0px 5px 10px;
            border-top: 1px solid #f2f2f2;
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 3px;
        }

    .submenu .submenuTop a {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        display: block;
    }

    .submenu ul.submenuTop ul.sublevel li a {
        padding: 0px 0px 5px 0px;
        border: 0px;
        font-size: 11px;
        line-height: 11px;
        font-family: Arial, sans-serif;
    }

    .submenu ul.sublevel li {
        border: 0px;
        padding: 0px;
        background-image: none;
        margin: 0px;
    }

    .submenu ul li a {
        color: #8d8d8d;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
    }

    .submenu ul li.selected ul.sublevel a, .submenu ul li.selected ul.sublevel ul.sublevel a {
        color: #8d8d8d;
    }

.topMenu ul {
    display: flex;
    white-space: nowrap;
}

.topMenu li {
    padding: 15px 6px 10px 0px;
    margin: 0px;
    float: left;
}

.mainmenu li {
    padding: 0px 9px 23px 9px;
    float: left;
}

    .mainmenu li.selected {
        border-bottom: 2px solid #ec008c;
    }

    .mainmenu li a {
        color: #8d8d8d;
        text-decoration: none;
        font-weight: normal;
        font-size: 16px;
    }

        .mainmenu li a:hover, .chooseDate li a:hover, .submenu li a:hover, .submenu .selected a, .mainmenu .selected a, .submenu ul li.selected ul.sublevel .selected a, .submenu ul li.selected ul.sublevel ul.sublevel .selected a, .submenu ul li.selected ul.sublevel a:hover, .submenu ul li.selected ul.sublevel ul.sublevel a:hover {
            color: #ec008c;
        }

.logo {
    padding: 20px 20px 0px 0px;
    float: left;
}

#main .inside {
    font-size: 12px;
    line-height: 20px;
}

li.buttonRapporter a, li.buttonSchema a, li.buttonAarsplanering a, li.buttonRegister a {
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    margin-top: 15px;
    padding: 4px 0px 0px 25px;
    line-height: 16px;
}

li.buttonRapporter a {
    background-image: url('images/icons/rapport.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

li.buttonSchema a {
    background-image: url('images/icons/schema.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

li.buttonAarsplanering a {
    background-image: url('images/icons/aarsplanering.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

li.buttonRegister a {
    background-image: url('images/icons/register.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

    li.selected.buttonRapporter a, li.selected.buttonSchema a, li.selected.buttonAarsplanering a, li.selected.buttonRegister a,
    li.buttonRapporter a:hover, li.buttonSchema a:hover, li.buttonAarsplanering a:hover, li.buttonRegister a:hover {
        background-position: left bottom;
    }

.chooseDate .date, .chooseDate .selectDate {
    float: left;
}

.chooseDate .date {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    font-size: 12px;
    line-height: 12px;
    color: #6c6c6c;
    padding: 12px 10px 11px 10px;
    margin-right: 2px;
}

span.dialogBox {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    background-image: url('images/dialogBox.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    margin-left: 5px;
    text-align: center;
    margin-top: -3px;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    color: #282828;
}

.chooseDate a {
    color: #bebebe;
    text-decoration: none;
}

.buttonNormal img, .buttonLarge img {
    line-height: 0px;
    padding: 0px;
}

.buttonLarge {
    background-image: url('images/bigButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    border-left: 1px solid #d3d3d3;
    font-size: 12px;
    line-height: 0px;
    color: #8e8e8e;
    padding: 13px 10px 13px 10px;
    display: block;
    float: left;
    text-decoration: none;
    margin-right: 2px;
}

.buttonNormal, .chooseDateButton {
    background-image: url('images/normalButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    border-left: 1px solid #d3d3d3;
    font-size: 12px !important;
    line-height: 0px;
    color: #8e8e8e;
    padding: 8px 12px 10px 12px !important;
    text-decoration: none;
    display: block;
    float: left;
    margin: -30px 2px 1px 0px;
}

.chooseDateButton {
    margin: -10px 2px 1px 0px !important;
    font-weight: bold;
}

.selectDate a {
    color: #6c6c6c;
}

.chooseStore {
    display: flex;
    justify-content: flex-start;
    padding: 15px 0px;
    font-size: 10px;
    text-transform: uppercase;
    /*text-align: right;*/
    /* float: left;*/
    width: 450px;
    height: 20px;
}

.grey {
    color: #acacac;
}

#footer img {
    vertical-align: -20%;
}

.store:not(.option) {
    display: flex;
    justify-content: center;
    line-height: 10px;
    /*display: block;
    float: right;*/
}
/*
.smallButton img .miniSearch {
    margin: 3px 3px 1px 0;
}*/

.smallButton {
    background-image: url('images/smallButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    border-left: 1px solid #d3d3d3;
    font-size: 10px;
    line-height: 0px;
    color: #8e8e8e;
    padding: 8px 10px;
    text-decoration: none;
    margin-top: -5px;
}

span.buttonNormal, span.smallButton, span.buttonLarge {
    -moz-opacity: 0.3;
    opacity: .30;
    filter: alpha(opacity=30);
}

span.buttonNormal, span.smallButton, span.buttonLarge {
    color: #cbcbcb;
}

    span.buttonNormal:hover, span.smallButton:hover, span.buttonLarge:hover {
        color: #cbcbcb;
    }

.store:not(.option) {
    line-height: 0px;
    font-size: 10px;
    padding-right: 10px;
}

.intro {
    font-weight: bold;
    font-size: 14px;
}

td .headingContent, td.personalGroup {
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

td .tableContent {
}

.toggleText {
    padding: 12px 0px 7px 10px;
}

.toggleContent {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}

.table {
    width: 100%;
}

.buttonSpacer {
    padding-top: 40px;
}
.buttonSpacerConv {
    padding-top: 40px;
}


.buttonSpacer2 {
    padding-top: 10px;
    overflow: auto;
}

    .buttonSpacer2 .buttonNormal {
        margin: inherit;
    }

.filterButton {
    display: flex;
    justify-content: flex-start;
    background-image: url('images/smallButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    border-left: 1px solid #d3d3d3;
    font-size: 10px;
    line-height: 0px;
    color: #8e8e8e;
    padding: 8px 10px;
    text-decoration: none;
    margin-top: -5px;
}

.storeButton {
    display: flex;
    justify-content: flex-start;
    background-image: url('images/smallButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    border-left: 1px solid #d3d3d3;
    font-size: 10px;
    line-height: 0px;
    color: #8e8e8e;
    padding: 8px 10px;
    text-decoration: none;
    margin-top: -5px;
}

#data-messageform {
    display: none;
}

.largeButtonSpacer {
    padding-top: 30px;
    padding-bottom: 50px;
    border-top: 1px solid #e6e6e6;
}

    .largeButtonSpacer.borderBottom {
        padding-top: 10px;
        margin-bottom: 10px;
        border-bottom: 2px solid #e6e6e6;
        border-top: none;
    }

.popupMid .buttonSpacer {
/*    border-top: 1px solid #e6e6e6;
*/    
    padding:0px;
    width:100%;
/*    padding-bottom: 10px;
*//*    padding-top: 10px !important;
*/}

.table td {
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
    padding: 3px 0px;
}

    .table td.last, .popupInfo table td.last {
        border-right: 0px;
    }

.table tr.last td {
    border-bottom: 1px solid #fff;
}

.table td div, .searchHolder {
    overflow: hidden;
}

.table tr.odd td {
    background-color: #f8f8f8;
    border-top: 1px solid #f8f8f8;
}

.table td {
    padding: 3px 0px;
}

.table tr:hover td, .table tr.selected td {
    background-color: #fef5fb;
    border-top: 1px solid #fabde1;
    border-bottom: 1px solid #fabde1;
}

div[data-grid-current] .table tr:hover td, div[data-grid-current] .table tr.selected td {
    background-color: #fff;
}

div[data-grid-current] .table tr.odd:hover td, div[data-grid-current] .table tr.odd.selected td {
    background-color: #f8f8f8;
}

div[data-grid-current] .table tr:hover .table tr.odd td, div[data-grid-current] .table tr.selected .table tr td {
    background-color: #f8f8f8;
}

.table.maanad tr:hover td, .table.dag tr:hover td {
    background-color: #fff;
}

.table tr.heading:hover td, .table tr.searchRow:hover td, .table tr.bottomLine:hover td {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #fff;
}

.searchRow td {
    overflow: hidden;
}

.sticky-bar {
    position: sticky;
    top: 0px;
    background-color: white;
    z-index: 2;
}
    .sticky-bar.heading {
        top: 30px;
        z-index: 1;
    }

.headingContent {
    background-image: url('images/sorting.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    background-repeat: no-repeat;
}

    .headingContent.sortDown {
        background-position: right bottom;
        padding-right: 15px;
    }

    .headingContent.sortTop {
        background-position: right center;
        padding-right: 15px;
    }

.buttonNormal:hover, .buttonLarge:hover, .smallButton:hover, .chooseDateButton:hover {
    color: #444;
}

.store .prevStore, .store .nextStore {
    float: left;
    padding-top: 4px;
    margin: 10px 0 0 0;
    cursor: pointer;
}

.tabsChooseDate .prevStore, .tabsChooseDate .nextStore {
    float: left;
    padding-top: 4px;
    cursor: pointer;
}

a.schema, span.locked, a.delete, a.edit, a.add, span.deleteInactive, span.schemaInactive, a.contract, a.publish {
    margin-left: 5px;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    display: block;
    float: left;
    background-image: url('images/schema.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right top;
    background-repeat: no-repeat;
}

    a.schema:hover, a.schema.selected, span.locked:hover, a.delete:hover, a.edit:hover, a.contract:hover, a.publish.inactive {
        background-position: right bottom;
    }

tr.selected a.edit {
    background-image: url('images/editInactive.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

a.publish {
    background-image: url('images/publish.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

span.locked {
    background-image: url('images/locked.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

a.delete {
    background-image: url('images/delete.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

a.add {
    background-image: url('images/add.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

a.contract {
    background-image: url('images/contract.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

a.edit {
    background-image: url('images/edit.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

span.deleteInactive {
    background-image: url('images/deleteInactive.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

span.schemaInactive {
    background-image: url('images/schemaInactive.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

.tableMenu {
    width: 65px;
}

/*.white_content .popupTop {
    background-image: url('images/popupTop.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    height: 22px;
    text-align: right;
    padding-right: 25px;
    padding-top: 20px;
}

.white_content .popupMid {
    background-image: url('images/popupMid.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
}

.white_content .popupBottom {
    background-image: url('images/popupBottom.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    height: 43px;
}*/

.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    bottom: 0%;
    right: 0%;
    min-width: 100%;
    min-height: 100%;
    background-color: #fff;
    z-index: 1001;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
}

.transparent_overlay {
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.active {
    display: block;
}

input.chooseMore {
    margin-left: 5px;
}

.chooseMoreButtons {
    float: right;
}

.popupInfo {
    padding: 20px 0px;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.popupInfo table {
    width: 100%;
}

.result {
    float: right;
    font-weight: bold;
}

.result2 {
    float: right;
    font-weight: bold;
    margin-right: -25px;
}

.result3 {
    float: right;
    font-weight: bold;
    margin-right: -60px;
}

.result3period {
    float: right;
    font-weight: bold;
    margin-right: -50px;
}

.resultparenthesis {
    width: 45px;
    float: right;
    margin-left: 10px;
    text-align: right;
}

.productivityGroup {
}

.popupInfo table td {
    border-right: 1px solid #f0f0f0;
    width: 20%;
    font-weight: 500;
}

    .popupInfo table td div.holder {
        padding: 0px 20px;
        font-size: 11px;
        line-height: 14px;
    }

.popupInfo hr {
    margin: 5px 0px;
    color: #f0f0f0;
}

.infoHeading {
    display: block;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: bold;
}

.popupTable input.search, input.search {
    background-image: url('images/filterForm.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    border: 0px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #f0f0f0;
    padding: 5px 5px 5px 20px;
    font-size: 11px;
    line-height: 11px;
    height: 12px;
}

    .popupTable input.search:focus, input.search:focus {
        background-position: bottom left;
        border-bottom: 1px solid #dddddd;
    }

.searchRow td {
    padding-left: 5px;
    padding-right: 5px;
}

.storeSearcher input.search {
    width: 150px;
}

.searchSubmit {
    border: 0px;
    background-color: #ddd;
    font-size: 11px;
    line-height: 15px;
    font-weight: bold;
    border: 1px solid #ccc;
    padding: 3px 10px 2px 10px;
    vertical-align: top;
}

:focus {
    outline: none;
}

.buttonNormal img, .buttonLarge img, .chooseDateButton img {
    margin-top: 1px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: -1px;
}

.storeButton img, .filterButton img {
    margin: 2px 4px 1px 2px;
}

.textInput, .popupTable select {
    width: 100%;
    font-size: 12px;
}

a:hover {
    color: black;
}

.textInput {
    border: 1px solid #e6e6e6;
    padding: 4px 2px;
}

input[type='checkbox']:focus, input[type='radio']:focus {
    outline: solid 1px #ec008c;
}

.textInput:focus {
    border-bottom: 1px solid #ec008c;
    color: #333;
}

tr td .inputField {
    margin-top: -3px;
    margin-bottom: -3px;
    padding: 0px;
}

ul.tabs {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    height: 44px;
    background-image: url('images/borderSteps.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #fafafa;
}

    ul.tabs li {
        padding: 12px 20px;
        margin: 0px;
        float: left;
    }

        ul.tabs li.selected {
            border-left: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
            border-top: 1px solid #e6e6e6;
            background-color: #fff;
        }

div.popupTableTabs {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 10px 20px 20px 20px;
}

ul.tabs li a {
    color: #8e8e8e;
    font-size: 16px;
}

@media all and (max-device-width:880px) {
    .tabsChooseDateHolder {
        right: 50%;
        float: left;
    }
        .tabsChooseDateHolder.noRight {
            right: 53% !important;
        }
}

@media all and (min-device-width:881px) {
    .tabsChooseDateHolder {
        right: 50%;
        position: absolute;
        float: left;
    }
        .tabsChooseDateHolder.noRight {
            right: 53% !important;
        }
}

.tabsChooseDate {
    left: auto;
    position: relative;
    float: left;
}

.chooseDateContainer {
    /*padding:20px 0px;*/
    height: 15px;
}

table {
    width: 100%;
}

    table tr.infoTableStart td {
        padding: 10px 0px 0px 4px;
        /*border-top:1px solid #e6e6e6;*/
        border-bottom: 1px solid #e6e6e6;
        font-size: 13px;
        color: #8e8e8e;
    }

        table tr.infoTableStart td a {
            color: #ec008c;
            font-size: 11px;
        }

.infoTableContent td {
    background-image: url('images/bgInfoTable.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: top left;
    background-repeat: repeat-x;
}

.innerInfoBox {
    margin-top: 5px;
    padding-left: 5px;
    margin-left: 10px;
    border-left: 1px solid #e6e6e6;
}

.infoCurv {
    margin-right: 6px;
    margin-top: 5px;
    margin-bottom: 0px;
    float: right;
}

.infoCurvMin {
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 1px;
}

.infoCurvTwo {
    margin-bottom: 0px;
    float: right;
}

.infoTableContentResult {
    float: left;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    width: 130px;
    padding: 5px 0px 0px 10px;
}

.gaugesPadding {
    padding: 10px 0px 5px 5px;
    height: 65px
}

.gaugesHeight {
    height: 61.5px;
}

.infoTableContentResult2 {
    float: left;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    width: 130px;
    padding: 10px 0px 0px 10px;
    margin: 0;
}

.infoTableContentResult3 {
    float: left;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    width: 160px;
    padding: 10px 0px 0px 10px;
    margin: 0;
}

.infoTableContentResultChart {
    float: left;
    color: #969696;
}

.infoTableContentResultChart2 {
    float: left;
    color: #969696;
    overflow-y: auto;
}

.borderLeft {
    border-left: 1px solid #eee;
}

    .borderLeft .holderInfo {
        border-left: 3px solid transparent;
        float: left;
        /*min-width: 231px;*/
    }

    .borderLeft .holderInfoPeriod {
        border-left: 3px solid transparent;
        float: left;
    }

.infoTableFooter, .infoTableFooter a {
    text-align: right;
    font-weight: bold;
    font-size: 11px;
}

.infoTableContent td {
    vertical-align: top;
}

.tabsSchema ul {
    padding: 0px;
    margin: 10px 0px 0px 0px;
    list-style-type: none;
    height: 52px;
    background-image: url('images/tabsSchema.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: bottom left;
    background-repeat: repeat-x;
}

    .tabsSchema ul li {
        float: left;
        padding: 13px 15px 10px 15px;
        margin-top: 8px;
        margin-left: 3px;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

        .tabsSchema ul li.selected {
            background-color: #fff;
            border-top: 1px solid #e8e8e8;
            border-left: 1px solid #e8e8e8;
            border-right: 1px solid #e8e8e8;
        }

        .tabsSchema ul li.schemaMenu {
            float: right;
        }

.tabsSchema li, .tabsSchema li a {
    font-size: 16px;
    color: #8e8e8e;
}

    .tabsSchema li.selected, .tabsSchema li a:hover {
        color: #ec008c;
    }

.tabsSchema ul li.schemaMenu img {
    vertical-align: text-bottom;
}

.tabsSchema ul li.schemaMenu, .tabsSchema ul li.schemaMenu a {
    font-size: 9px;
    font-weight: normal;
    font-family: arial;
    color: #b8b8b8;
    text-transform: uppercase;
}

    .tabsSchema ul li.schemaMenu, .tabsSchema ul li.schemaMenu a {
        color: #8e8e8e;
    }

.schema {

}

.schema-top-holder {
    padding-bottom: 15px;
    min-height: 20px;
    background-color: white;
}

.schemaHolder {
    padding: 10px;
    padding-bottom: 70px;
}
.ConsultSchema {
    margin-top: 50px;
}
td .headingContent.noSorting {
    background-image: none;
}

.vecka tr.heading td {
    height: auto;
    vertical-align: top;
}
/*.vecka td div{
	padding-top:4px;
	height:30px;
}*/
.vecka .tableContent.namn, .maanad .tableContent.namn, .dag .tableContent.namn {
    font-weight: bold;
    /*background-image: url('images/infoT.png');
	background-position:center left;
	background-repeat:no-repeat;*/
    /*padding-left:20px;*/
    height: auto;
    /*width:150px;*/
}

    .vecka .tableContent.namn img, .maanad .tableContent.namn img, .dag .tableContent.namn img {
        margin-right: 8px;
        vertical-align: text-bottom;
    }

.vecka .tableContent, .maanad .tableContent {
    padding: 3px;
}

    .vecka .tableContent.action {
        padding: 6px 0px 0px 6px;
    }

        .vecka .tableContent.action.last {
            padding-bottom: 6px;
        }

    .vecka .tableContent.event {
        font-size: 11px;
        padding: 2px 0px 0px 8px;
    }

        .vecka .tableContent.event.last {
            padding-bottom: 6px;
        }

        .vecka .tableContent.event div {
            display: inline-block;
            width: 6px;
            height: 6px;
            margin-right: 2px;
        }

span.note {
    display: block;
    font-weight: bold;
    font-size: 10px;
}

.table.maanad tr:hover td, .table.dag tr:hover td {
    background-color: #fff;
}

.table.maanad tr.odd:hover td, .table.dag tr.odd:hover td {
    background-color: #f8f8f8;
}

.table.maanad tr td .bullet:hover, .times:hover {
    background-color: #fef5fb;
    border: 1px solid #fabde1;
    margin: -1px;
}

.vecka td {
    vertical-align: top;
}

    .vecka td.day {
        min-width: 88px;
    }

.table.vecka tr td .date a.rightClickMenu, .table.maanad tr td .bullet a.rightClickMenu, .table.dag tr td div a.rightClickMenu {
    display: none;
}

.table.vecka tr td .date:hover a.rightClickMenu, .table.maanad tr td .bullet:hover a.rightClickMenu, .table.dag tr td div:hover a.rightClickMenu {
    display: block;
}

.vecka a, .maanad a, .dag a {
    text-decoration: none;
}

.vecka td {
    padding: 0px;
}

.vecka .bottomLine td {
    background-image: url('images/bottomline.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: repeat-x;
    background-color: #fcfcfc;
    vertical-align: central;
    padding-top: 10px;
    padding-bottom: 5px;
}

.rightClickMenuHolder {
    position: absolute;
    width: 226px;
    z-index: 98;
}

.rightClickMenu {
    background-image: url('images/rightmenuMid.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: repeat-y;
}

.rightClickMenuTop {
    background-image: url('images/rightmenuTop.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: no-repeat;
    height: 6px;
}

.rightClickMenuBottom {
    background-image: url('images/rightmenuBottom.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: no-repeat;
    height: 6px;
}

.rightClickMenu ul {
    padding: 5px 10px 7px 10px;
    margin: 0px;
    list-style-type: none;
}

.rightClickMenu li {
    background-color: #f8f8f8;
    padding: 2px 10px;
    border-top: 3px solid #fff;
}

    .rightClickMenu li a {
        text-decoration: none;
        display: block;
    }

.rightClickMenu .menuPanel {
    background-image: url('images/menuPanel.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: repeat-x;
    color: #fff;
    font-size: 16px;
    padding: 10px;
}

.rightClickMenu img {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.maanad a.info {
    width: 14px;
    height: 14px;
    background-color: #00FF00;
    margin: 4px;
    display: block;
}

    .maanad a.info:hover {
        background-color: #444;
    }

.maanad td .headingContent {
    padding: 0px;
    text-align: center;
}

.maanad td.left .headingContent, .dag td.left .headingContent {
    text-align: left;
    padding-left: 5px;
}

table.maanad tr td.sunday, body table.maanad tr.odd:hover td.sunday, body table.maanad tr:hover td.sunday {
    background-color: #eee;
}

.sunday .headingContent {
    color: #979797;
}
/*.table.maanad tr td .bullet{
    height:40px;
}*/
.weekTime {
    /*height:40px;*/
}

.maanad tr.heading td {
    height: 32px;
    vertical-align: top;
}

.weekTime a {
    float: left;
    width: 100%;
    height: 13px;
    display: block;
}

    .weekTime a.mark {
        background-color: #525252;
    }

.dag a.rightClickMenu {
    margin: -23px 0px 0px 24px;
    padding: 0px;
    position: absolute;
}

.weekTime {
    /*margin-top:7px;*/
}

    .weekTime a.markLightGrey {
        background-color: #e8e8e8;
    }

    .weekTime a:hover {
    }

.personalSchema td {
    padding: 20px 10px;
    vertical-align: top;
}

    .personalSchema td td {
        padding: 3px 0px;
    }

.schemaHolder td .submenu {
    padding: 0px;
}

.sentMail {
    float: left;
}

    .sentMail a {
        margin: 0px;
    }

.personalSchema img {
    margin-top: -1px;
}

.personInfo {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 40px;
}

    .personInfo div.left {
        float: left;
        margin-right: 20px;
    }

    .personInfo div.right {
        height: 40px;
    }

.value {
    font-weight: bold;
    text-align: right;
}

.value2 {
    font-weight: normal;
    text-align: right;
}

.topInfoPopup {
    border-bottom: 1px solid #e6e6e6;
    padding: 12px 0px 20px 0px;
    font-size: 13px;
    line-height: 18px;
}

.actionEmployeeInfo td {
    font-size: 13px;
    line-height: 18px;
}

.popupLeft {
    float: left;
    width: 210px;
    padding-top: 20px;
    font-size: 12px;
}

.popupMain {
    margin-left: 210px;
    padding: 20px 0px 10px 20px;
    font-size: 12px;
    line-height: 18px;
    min-height: 240px;
    border-left: solid 1px #e6e6e6;
}

.popupFullName {
    margin-left: 3px;
    margin-right: 10px;
    display: inline-block;
    width: 350px;
    font-weight: bold;
}

.popupLeft .rightClickMenu {
    background-image: none;
}

    .popupLeft .rightClickMenu ul {
        padding: 0px;
        padding-right: 5px;
        border-right: 1px solid #f7f7f7;
    }

        .popupLeft .rightClickMenu ul li {
            padding: 5px 5px;
        }

.rightClickMenu li.selected, .rightClickMenu li.selected a {
    background-color: #fff;
    color: #ec008c;
}

.popupMain .buttonSpacer {
    border: 0px;
}

.andring td .tableContent {
    color: #a3a3a3;
}

td.subRow {
    padding-left: 12px;
    background-image: url('images/subRow.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: repeat-y;
}

td.subRowLast {
    padding-left: 12px;
    background-image: url('images/subRowLast.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: no-repeat;
}

.butikActive {
    height: 5px;
}

.storeSearch {
    width: 700px;
    border-top: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    min-height: 400px;
    position: absolute;
    margin-top: 15px;
    margin-left: -250px;
    background-color: #fff;
    left: 50%;
    z-index: 1;
}

.storeSearchInside {
    padding: 50px 25px 25px 25px;
    text-align: left;
    text-transform: none;
}

.storeSearcher {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 20px 0px;
}

.storeSearchInside td {
    font-size: 11px;
    padding: 2px 2px 2px 5px;
    border-right: 1px solid #efefef;
}

    .storeSearchInside td.last {
        border: 0px;
    }

.storeSearchInside tr.heading td {
    background-color: #f8f8f8;
    border-bottom: 1px solid #d3d3d3;
}

.borderDivider {
    margin-top: 20px;
    background-image: url('images/result.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left center;
    background-repeat: repeat-x;
    height: 10px;
}

.storeSearchInside .largeButtonSpacer {
    border: 0px;
}

.mainmenu li.hover {
    background-color: #f4f4f4;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.megamenu {
    background-color: #f4f4f4;
    width: 400px;
    position: absolute;
    z-index: 2147483647;
    margin-top: 23px;
    margin-left: -15px;
    float: left;
    padding: 20px 20px 30px 20px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

    .megamenu li, .megamenu li a {
        float: none;
        padding: 0px;
        margin: 0px;
        background-image: none;
    }

body .megamenu li a, body .selected .megamenu li a {
    font-family: arial;
    padding-left: 7px;
    font-size: 12px;
    background-image: url('images/megaBullet.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: no-repeat;
    color: #8d8d8d;
}

    body .selected .megamenu li a:hover {
        color: #ec008c;
    }

    body .megamenu li a:hover {
        background-position: left top;
    }

.rubrik {
    color: #ec008c;
    font-size: 16px;
}

.megamenu ul {
    float: left;
    width: 150px;
    margin-top: 10px;
}

.megaContent {
    font-size: 12px;
    line-height: 16px;
    color: #8d8d8d;
}

    .megaContent.menu {
        margin-left: 160px;
        padding-left: 10px;
        border-left: 1px solid #e8e8e8;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.popupMain ul.tabs {
    padding-top: 15px;
}

.popupMain .tabs li a, .popupMain .tabs li.selected {
    font-size: 16px;
}

div.contractPop {
    border-bottom: 1px solid #e6e6e6;
}

.contractPop .chooseDateContainer {
    height: 20px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}

.heading.withPadding td {
    padding-top: 10px;
}

.contractPop .chooseDateContainer .tabsChooseDate {
    margin-left: 230px;
}

hr {
    border: 0px;
    border-bottom: 1px solid #e6e6e6;
    margin: 15px 0px 20px 0px;
}

.contractPop tr.odd:hover td {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #f8f8f8;
}

table.cs_0_cp_0 {
    border-spacing: 0;
    border-collapse: collapse;
}

.popupMid {
    position: relative;
}

.functionsTop {
    background-color: #f8f8f8;
    border: 1px solid #e9e9e9;
    float: left;
    padding: 5px 5px 0px 5px;
    color: #e9e9e9;
    margin-top: 0px !important;
}

.functionsTopWhite {
    float: left;
    padding: 0px 5px 0px 5px;
    margin-left: 20px;
}

.functionsDropdown {
    float: left;
    padding: 5px 1px 0px 1px;
    margin-bottom: 0px;
    margin-left: 10px;
    width: 100%;
}

    .functionsDropdown a {
        float: left;
        width: 100%;
    }

.dropdownM {
    vertical-align: middle;
    margin: 5px 5px;
    padding-left: 10px;
}

#ddf ul li:hover {
    /*background-color: darkgray;*/
    color: #383838 !important;
    width: 90%;
}

#ddf ul {
    max-height: 0 !important;
    transition: max-height 0.15s ease-out;
    webkit-transtition: max-height 0.15s ease-out;
}

#ddf.active ul {
    webkit-transtition: max-height 0.15s ease-in;
    transition: max-height 0.15s ease-in;
    max-height: 400px !important;
}

#ddf ul li:hover a {
    max-height: 200px;
    color: #383838 !important;
}

.dropdownMessage {
    position: relative !important;
    display: inline-block !important;
}

.table td.personalGroup, .table tr:hover td.personalGroup {
    border-bottom: 2px solid #c8c8c8;
    border-top: 0px;
}

.apTid {
    float: right;
    padding: 10px 5px 0px 5px;
    margin-bottom: 0px;
    margin-left: 10px;
}

.colorSchema {
    text-transform: uppercase;
    font-size: 10px;
    float: right;
    margin-top: 5px;
    display: flex;
}

    .colorSchema img {
        vertical-align: text-top;
        margin: 2px;
    }

    .colorSchema svg {
        vertical-align: text-top;
        margin: 2px;
    }


td.personalGroup {
    background-image: url('images/tSchema.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: no-repeat;
}

    td.personalGroup.closed {
        background-position: left bottom;
    }

    td.personalGroup a {
        display: block;
        padding-left: 17px;
    }

    td.personalGroup.paddington {
        padding-left: 30px;
        background-position-x: left 30px;
    }

.dateSmall {
    width: 88px;
}

.box {
    border: 1px solid #e6e6e6;
    padding: 0px 0px 3px 3px;
    margin-left: 2px;
    float: left;
    width: 223px;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    background-image: url('images/boxBg.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: repeat-x;
    margin-top: 1px;
}

    .box a {
        text-decoration: none;
    }

.borderLeftBox {
    border-left: 1px solid #eee;
    max-width: 223px;
}

.box2 {
    border: 1px solid #e6e6e6;
    padding: 0px 3px 3px 3px;
    margin-left: 10px;
    float: left;
    width: 150px;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    background-image: url('images/boxBg.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: repeat-x;
}

    .box2 a {
        text-decoration: none;
    }

.box3 {
    border: 1px solid #e6e6e6;
    padding: 0px 3px 3px 3px;
    margin-left: 4px;
    margin-right: 4px;
    float: left;
    width: 240px;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    background-image: url('images/boxBg.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: repeat-x;
}

    .box3 a {
        text-decoration: none;
    }

.borderLeftBox3 {
    border-left: 1px solid #eee;
    max-width: 233px;
}

#fsgGauges {
    border-spacing: 0px !important;
    border-collapse: collapse;
    border-top-color: red;
    border: 0px;
    margin-bottom: 1px;
}

    #fsgGauges td {
        padding: 0px !important;
    }

.box4 {
    border: 1px solid #e6e6e6;
    padding: 0px 3px 3px 3px;
    margin-left: 4px;
    margin-right: 5px;
    float: left;
    width: 180px;
    font-size: 10px;
    line-height: 11px;
    color: #969696;
    background-image: url('images/boxBg.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: repeat-x;
    height: 59.8px;
}

    .box4 a {
        text-decoration: none;
    }

.arrowLarge {
    width: 20px;
    vertical-align: top;
}

    .arrowLarge img {
        margin: 5px 0px 0px 5px;
    }

.arrowSmall {
    float: left;
    margin-top: 6px;
}

.tabSmall {
    background-color: #f8f8f8;
    background-image: url('images/borderTab.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left bottom;
    background-repeat: repeat-x;
}

.lockedPopup {
    background-color: #f8f8f8;
    padding: 5px 10px;
    border: 1px solid #e6e6e6;
    float: right;
    font-size: 10px;
    line-height: 16px;
    font-weight: bold;
}

    .lockedPopup img {
        vertical-align: bottom;
        margin-left: 3px;
    }

.containerBox {
    border: 1px solid #e6e6e6;
    padding: 0px 15px 5px 15px;
    margin-top: 15px;
}

.errorBox {
    background-color: #faf0f6;
    border: 1px solid #e8e8e8;
    padding: 5px 15px;
    margin-top: 5px;
    color: #da0000;
}

    .errorBox ul {
        padding: 0px 0px 0px 16px;
    }

    .errorBox li {
        padding: 0px;
        color: #da0000;
        font-size: 11px;
        line-height: 15px;
        font-weight: bold;
    }

    .stickyContent .largeButtonSpacer {
        padding: 50px 0px 20px 0px;
        margin-top: 2px;
    }

    .stickyContent .popupSteps, .stickySearch {
        margin-bottom: 10px;
    }

.stickySearch {
    font-size: 12px;
}

.closeSticky {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-top: -15px;
}
    .closeSticky img {
        vertical-align: middle;
    }
.pagina-wrapper {
    align-items: center;
    display: flex;
    height: 40px;
}
.pagina {
    float: left;
    padding: 0px 7px 0px 3px;
    list-style-type: none;
    /*    margin-top: -25px;*/
    width: max-content;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}

    .pagina li {
        float: left;
        padding: 2px;
        margin: 0px;
    }

        .pagina li a {
            text-decoration: none;
        }

.buttonNormal.noImg {
    line-height: 16px;
    height: 12px;
}

.stickyContent .tooeasyHeader {
    padding-left: 0px;
    padding-bottom: 5px;
}

.twoCols td {
    vertical-align: top;
    width: 49%;
}

    .twoCols td.last {
        vertical-align: top;
        width: auto;
        padding-left: 15px;
    }

div.list {
    border-bottom: 1px dotted #e6e6e6;
    padding: 5px 0px;
}

    div.list .textInput, div.list .rightContainer {
        float: right;
        width: 150px;
        font-size: 11px;
    }

    div.list select.textInput {
        width: 156px;
    }

body div.list .rightContainer {
    font-size: 12px;
    margin-top: 0px;
    padding: auto 0px;
    width: 155px;
}

body h4 {
    padding-left: 0px;
}

div.list.odd {
    background-color: #fdfdfd;
}

.leftContainer {
    float: left;
    min-height: 30px;
}


.storeLinkContainer {
    display: flex;
    justify-content: flex-start;
}

.clearL {
    clear: left;
}

.containerBox .smallButton {
    margin-top: -5px;
}

.marginTop {
    margin-top: 15px;
}

.popupMain .ui-datepicker-trigger {
    margin-top: 3px;
    float: right;
}

span.smallButton, span.buttonNormal, span.buttonLarge, span.smallButton:hover, span.buttonNormal:hover, span.buttonLarge:hover {
    color: #777;
}

    a:hover img, .logo a img, a img.infoCurv, a img.infoCurvTwo, .tableContent img:hover, .containerBox img:hover {
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

/*Instant Message*/
.dialogBox {
    width: 30px;
    height: 20px;
    display: block;
    background: #FFC1D6;
    margin-left: -10px;
    text-align: center;
    margin-top: -35px;
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    position: relative;
    border-radius: 25px;
    top: -3px;
    text-decoration: none;
}

.user-message-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: 14px;
}


.inboxFlyoutSticky {
    color: #fff;
    font-size: 9px;
    float: left;
    padding: 10px;
}

    .inboxFlyoutSticky a, .inboxFlyoutSticky a:hover {
        color: #fff;
        text-decoration: none;
    }

.newMessageFlyoutSticky {
    color: #fff;
    font-size: 9px;
    float: right;
    padding: 10px;
}

    .newMessageFlyoutSticky a, .inboxFlyoutSticky a:hover {
        color: #fff;
        text-decoration: none;
    }

.instantMessage {
    height: 600px;
}

    .instantMessage .inboxHeader {
        float: left;
        height: 7%;
        width: 33%;
        margin-bottom: 10px;
        border-bottom: solid;
    }

    .instantMessage .conversationHeader {
        float: right;
        height: 7%;
        width: 65%;
        margin-bottom: 10px;
        border-bottom: solid;
    }

    .instantMessage .searchInbox {
        clear: left;
        float: left;
        height: 7%;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: medium;
        border-bottom-style: solid;
        border-bottom-width: thin;
        border-bottom-color: #C0C0C0;
    }

    .instantMessage .messageParams {
        clear: right;
        float: right;
        height: auto;
        width: 65%;
        background-color: #F4F6F9;
        margin-bottom: 5px;
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

.messageParams li {
    /*float:left;*/
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.messageParams ul {
    /*float:left;*/
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.messageParams .msgHeader {
    clear: both;
    float: left;
}

.messageParams .msgHits {
    /*clear: right;*/
    float: right;
    margin-right: 20px;
}

.fmsgHits {
    float: right;
    margin-right: 10px;
}

.messageParams .msgStartDate {
    clear: right;
    float: left;
}

.messageParams .msgEndDate {
    float: left;
    margin: 0px 20px 20px 20px;
}

.inboxHead {
    clear: left;
    float: left;
    width: 33%;
}

.inbox {
    clear: left;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.conversation {
    clear: right;
    float: right;
    min-height: 100px;
    overflow-y: auto;
    position: relative;
}

.sendMessage {
    float: right; /*width: 60%;*/
    height: 200px; /*width: 500px;*/
    background-color: #F4F6F9;
    padding-top: 5px;
    padding-left: 5px;
    width: 65%;
}

.conversationGroup {
    width: 100%;
}

.messageConversation {
}

    .messageConversation span:not(.buttonNormal) {
        float: right;
    }

    .messageConversation p {
        margin: 0px;
        padding: 0px;
    }

.textareaSendMessage {
    width: 98%;
    height: 128px;
    padding: 10px;
    margin: 5px 5px 5px 5px;
    border: 1px solid gray;
    border-radius: 10px;
    border-color: #e9e9e9;
}

.sendReplyMessageBtn {
    clear: right;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-top: 2%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.searchArea {
    clear: both;
    margin: 10px 0px 10px 0px;
}

.searchText {
    width: 227px;
}

.searchMessageBtn {
    background-image: url('images/normalButton.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: right bottom;
    border-left: 1px solid #d3d3d3;
    font-size: 12px !important;
    line-height: 0px;
    color: #8e8e8e;
    padding: 2px 10px 3px 10px !important;
    text-decoration: none;
    display: block;
    float: right;
    margin: 0px;
    border-color: #d3d3d3;
    border-top-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
}

.newMessageBtn {
    float: right;
    margin: 0px 5px 0px 0px;
    color: #FFF;
    background-color: #627AAC;
}

.filterBtn {
    float: right;
    margin: 5px 22px 0px 0px;
    text-decoration: none;
}

    .filterBtn a {
        text-decoration: none;
    }

.conversationSender {
    float: left;
    padding-top: 12px;
}

.conversationNewMessage, .conversationNewMessage a {
    float: right;
    text-decoration: none;
}

.sendMessageTo {
    float: right;
}

.inboxMessage {
    clear: left;
    border-bottom: thin;
    border-bottom-style: dashed;
    border-color: lightgrey;
    padding: 2px 5px 2px 5px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .inboxMessage:hover {
        cursor: pointer;
        background-color: #F4F6F9;
    }

    .inboxMessage a {
        text-decoration: none;
    }

    .inboxMessage b {
        font-size: large;
        font-family: Tahoma;
    }

    .inboxMessage .messageText {
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0px;
        font-size: 13px;
        padding-top: 5px;
    }

    .inboxMessage span {
        float: right;
        font-size: x-small;
        font-family: Tahoma;
    }

    .inboxMessage .user {
        background-image: url('images/user.png?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
        background-position: left top;
        background-repeat: no-repeat;
        padding-left: 40px;
    }

    .inboxMessage .unreadMessage {
        background-image: url('images/unreadMessage.png');
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 40px;
    }

    .inboxMessage .readMessage {
        background-image: url('images/readMessage.png');
        background-position: right top;
        background-repeat: no-repeat;
        padding-right: 40px;
    }

.highlight b, .highlight p, .highlight span {
    padding: 0px 0px 0px 0px;
}

.highlight {
    background-color: #6D84B4;
}

    .highlight:hover {
        cursor: pointer;
    }
    .highlight:hover p {
        cursor: pointer;
        color:white !important;
    }

.futureMessage {
    background-color: #CCC;
    opacity: .8;
}

.flyoutInboxLable {
    color: white;
}

.app-name-dev-text {
    color: black;
    position: absolute;
    top: 20px;
    left: 0;
    font-weight: bold;
    z-index: 999;
    width: 100%;
    display: flex;
    justify-content: center;
}

.archiveLnk, .archiveLnk a {
    float: right;
    text-decoration: none;
}

.inboxLnk, .inboxLnk a {
    float: left;
    text-decoration: none;
}

.activeFilter span {
    font-size: 14px;
    color: #3fa36e;
    margin-left: 5px;
}

.tooltip {
    margin: 2px;
    padding: 2px;
    background: black;
    font-size: small;
    color: #FFFFFF;
}

.inboxFooter {
    height: 5px;
}

.checkinNote {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**/

/**SaveFilter Table*/
.tableWidthSaveFilter table {
    width: 100%;
}

.tableDataWidthLeftSaveFilter {
    width: 30%;
}

.tableDataWidthRightSaveFilter {
    width: 70%;
}
/**/



.split {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
    padding-top: 20px;
}

.login-page-background-left {
    background-image: url(../images/login/login_tooeasy_backgroundLeft.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 45%;
    display: flex;
    align-items: center;
    left: 0;
}

.login-page-background-right {
    background-color: white !important;
    width: 55%;
    right: 0;
}

.login-bg-cover {
    position: absolute;
    background: #fff;
    opacity: .9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 550px;
    border-radius: 7px;
}

#divLoginArea {
    min-width: 550px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    flex-direction: column;
    border-radius: 10px;
}

    #divLoginArea form {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }



.login-timeout {
    position: absolute;
    top: -60px;
    font-size: 110%;
    font-weight: bold;
    background-color: white;
    padding: 12px;
    border-radius: 7px;
    padding-left: 20px;
    padding-right: 20px;
}

.login-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 400px;
}

.login_formHeader {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 19px;
    width: 324.13px;
    height: 97px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.login_form_container {
    width: 355.43px;
    height: 184px;
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

.login-container-logo {
    height: 100px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 30px;
}


    .login-container-logo svg > g path {
        fill: black;
    }

.login-userName-container {
    position:relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;

}



.login-username-icon {
    background: url(../images/login/Username_Icon.svg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ) no-repeat;
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    padding: 1px 10px;
}

.login-password-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.login-password-icon {
    background: url(../images/login/login-password-icon.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ) no-repeat;
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    padding: 1px 10px;
}

.login-password {
    width: 100%;
    height: 80%;
    border: none;
    border-radius: 5px;
    padding-left: 45px;
}


.forgotten-checkin-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 350px;
    height: 50px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px white inset; /*your box-shadow*/
        -webkit-text-fill-color: #333;
    }


.failed-login-container {
    height: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.failed-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Neue Montreal', sans-serif;
    height: 0px;
    font-size: 16px;
}


@media all and (min-device-width:401px) {
    .loginContainer {
        position: fixed;
        left: 50%;
        top: 50%;
        background-color: white;
        z-index: 100;
        height: 220px;
        margin-top: -110px;
        width: 400px;
        margin-left: -200px;
    }
}

@media all and (max-device-width:400px) {
    .loginContainer {
        position: fixed;
        left: 50%;
        top: 30%;
        background-color: white;
        z-index: 100;
        height: 220px;
        margin-top: -110px;
        width: 400px;
        margin-left: -200px;
    }
}

.megamenu {
    width: 500px !important;
}

    .megamenu td {
        width: 33%;
    }

/**LockSchema*/
.unapprovedLockMessageError hr {
    margin: 0px !important;
}

.unapprovedLockMessageError .buttonNormal {
    font-size: 10px !important;
    line-height: 12px !important;
}
/**/

.checkinInfo {
    display: table !important;
    width: 100% !important;
}

    .checkinInfo tbody {
        float: left !important;
        width: 100% !important;
        overflow: auto !important;
        height: 350px !important;
    }

    .checkinInfo tr {
        width: 100% !important;
        display: table !important;
        text-align: left !important;
    }

    .checkinInfo th, .checkinInfo td {
        width: 33% !important;
    }

    .checkinInfo td.last {
        width: 60% !important;
    }

.tableScroll {
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.equalDevide tr td {
    width: 50% !important;
}

#msgWeekMonth, #msgWeekday, #msgWeekInterval, #msgMonthDays, #msgMonthInterval {
    display: none;
}

.margin10 {
    margin-bottom: 10px;
}

#excerpTbl {
    table-layout: fixed;
}

    #excerpTbl th {
        padding: 0 2px 5px;
        text-align: left;
        margin: 0;
    }

    #excerpTbl td {
        text-align: left;
        position: relative;
        margin: 0 2px 5px;
        vertical-align: top;
        width: 100%;
        height: 100%;
        word-wrap: break-word;
    }

.keyNumbers {
    font-size: 10px;
    line-height: 11px;
    color: #444;
    padding: 5px 10px 7px 10px;
    margin-bottom: 1px;
    padding-bottom: 0px;
    margin-top: 0px;
    border-bottom-width: 1px;
    height: 61px;
}

td .tableContentKeyNumbers {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 14px;
    text-align: center;
}

td .tableContentKeyNumbersName {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 14px;
}

.showVisitors {
    position: absolute;
    background-color: rgba(255,255,255,0.9);
    top: 67px;
    left: 208px;
    right: 10px;
    bottom: 81px;
}

.stickyHeaderSpecial {
    background-color: #fff;
    background-image: url('images/topReminder.gif?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-position: left top;
    background-repeat: repeat-x;
    height: 28px;
    border-bottom: solid 2px #EC008C;
    line-height: 25px;
    text-align: center;
    min-width: 450px;
    width: auto;
}

.stickyHeader {
    display: flex;
    border-bottom: 1px solid #F7EFEF;
    min-height: 40px;
    padding-left: 10px;
}
.multi-dropdown {
    position: relative;
    float: left;
    padding: 0px 5px 0px 0px;
    padding-top: 4px;
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

    .multi-dropdown .dropdown {
        /* Size & position */
        position: absolute;
        right: -1px;
        /* Styles */
        background: white;
        transition: initial all 0.3s ease-out;
        list-style: none;
        /* Hiding */
        opacity: 0;
        pointer-events: none;
    }

        .multi-dropdown .dropdown li a {
            text-decoration: none;
            color: #333;
            transition: all 0.3s ease-out;
            border-bottom: none;
        }

.multi-drop-text {
    display: inline;
    padding-left: 3px;
    padding-bottom: 3px;
    font-size: 13px;
}

.multi-dropdown.active {
    border-bottom: none;
}

.multi-dropdown.active.msg {
    border-bottom: none;

}

    .multi-dropdown.active:after {
        border-width: 0 6px 6px 6px;
    }

    .multi-dropdown.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }

ul.dropdown {
    top: 5px;
    margin-top: -3px;
    padding-left: 0px;
    border-bottom: solid 1px #555555;
    border-left: solid 1px #555555;
    border-right: solid 1px #555555;
    border-top: solid 1px #555555;
    left: -1px;
    right: 1px;
}

.visitorBox {
    float: left;
    width: 10px;
    height: 10px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.visitorBlue {
    background: #70C5FF;
}

.visitorPink {
    background: #ED91DD;
}

.printedPeriod {
    font-size: 12px !important;
    line-height: 0px;
    padding: 8px 12px 10px 12px !important;
    display: block;
    float: left;
    margin: -30px 2px 1px 0px;
    display: none;
}

.table-td-padding td {
    padding: 3px 5px;
}

.schemaMenuFunc {
    margin-top: 20px;
    margin-right: 40px;
    float: right;
}

    .schemaMenuFunc a:hover {
        color: #ec008c;
    }

    .schemaMenuFunc img {
        vertical-align: text-bottom;
    }

    .schemaMenuFunc, .schemaMenuFunc a {
        font-size: 12px;
        font-weight: normal;
        font-family: arial;
        color: #b8b8b8;
    }

        .schemaMenuFunc, .schemaMenuFunc a {
            color: #8e8e8e;
        }

#openHelp {
    position: absolute;
    right: 15px;
    transition: 0.3s;
    padding: 10px;
    text-decoration: none;
    font-size: 15px;
    color: #818181; /*#ec008c;*/
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    text-transform: uppercase;
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.searchBox {
    padding: 8px 8px 8px 16px;
    margin-bottom: 50px;
}

.container-3 {
    width: 230px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

    .container-3 input#search {
        width: 230px;
        height: 50px;
        background: #2b303b;
        border: none;
        font-size: 10pt;
        float: left;
        color: #262626;
        padding-left: 45px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        color: #fff;
    }

        .container-3 input#search::-webkit-input-placeholder {
            color: #65737e;
        }

        .container-3 input#search:-moz-placeholder { /* Firefox 18- */
            color: #65737e;
        }

        .container-3 input#search::-moz-placeholder { /* Firefox 19+ */
            color: #65737e;
        }

        .container-3 input#search:-ms-input-placeholder {
            color: #65737e;
        }

    .container-3 .icon {
        position: absolute;
        top: 50%;
        margin-left: 17px;
        margin-top: 17px;
        z-index: 1;
        color: #4f5b66;
        left: 0;
        -webkit-transition: all .55s ease;
        -moz-transition: all .55s ease;
        -ms-transition: all .55s ease;
        -o-transition: all .55s ease;
        transition: all .55s ease;
    }

    .container-3 input#search:focus, .container-3 input#search:active {
        outline: none;
    }

    .container-3:hover .icon {
        margin-top: 16px;
        color: #93a2ad;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
    }

#manuals li {
    color: whitesmoke;
    font-size: large;
}

#manuals .icon-list {
    list-style: none;
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    padding: 8px 8px 8px 16px;
}

    #manuals .icon-list a {
        position: relative;
        display: block;
        padding: .4em;
        margin: .5em 0;
        background: #ddd;
        color: #444;
        text-decoration: none;
        border-radius: .3em;
        transition: all .3s ease-out;
    }

#manuals li.video {
    background: url('../ReportImages/youtube.png?v=LML1rQq8KPNerkkzY48wQltY0kg') no-repeat fixed;
    background-size: 100%;
    height: 16px;
    width: 16px;
    padding-left: 44px;
    padding-top: 3px;
}

#youtube {
    width: 14px;
    height: 14px;
}

#manuals li.document {
    background: url('../ReportImages/userManual.png?v=LML1rQq8KPNerkkzY48wQltY0kg') no-repeat left top;
    background-size: 100%;
    height: 16px;
    width: 16px;
    padding-left: 44px;
    padding-top: 3px;
}

#upload input[type="file"] {
    display: none;
}

.tc-pick {
    max-width: 20px !important;
    min-width: 18px !important;
}

.expand-absence td {
    height: 5px;
}

.apf-tr-absence td {
    max-width: 20px !important;
    min-width: 20px !important;
}

#apf-inner-sticky::before {
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

#apf-inner-sticky table {
}

.gaugesLabel {
    font-size: 8px;
    padding-left: 2pt;
    position: relative;
    left: 5px;
}

.gaugesLabelAvvikInt {
    font-size: 8px;
    padding-left: 2pt;
    margin-right: 7px;
    float: right;
}

.gaugesLabelPeriod {
    font-size: 8px;
    position: relative;
    left: 96pt;
}

.gaugesLabelFsg {
    font-size: 8px;
    position: relative;
    left: 150px
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.quickDialogBtn {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 7px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.quickDialogCancelBtn {
    background-color: white;
    background-image: url('../images/template/closePopup.png?v=LML1rQq8KPNerkkzY48wQltY0kg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    border-right: 2px solid #d3d3d3;
    font-size: 12px;
    line-height: 0px;
    color: #444;
    padding: 13px 0 13px 12px;
    display: block;
    float: left;
    text-decoration: none;
    width: 65px;
    display: inline-block;
}

    .quickDialogCancelBtn:focus {
        opacity: 1;
        border-left: 1px solid #d3d3d3;
        border-top: 2px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

    .quickDialogCancelBtn:hover {
        border-left: 1px solid #d3d3d3;
        border-top: 2px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

    .quickDialogCancelBtn:active {
        position: relative;
        top: 1px;
    }

.quickDialogSaveBtn {
    background-color: white;
    background-image: url('../images/template/disk.gif?v=LML1rQq8KPNerkkzY48wQltY0kg');
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    border-right: 2px solid #d3d3d3;
    font-size: 12px;
    line-height: 0px;
    color: #444;
    padding: 13px 0 13px 12px;
    display: block;
    float: left;
    text-decoration: none;
    width: 65px;
    display: inline-block;
}

    .quickDialogSaveBtn:focus {
        opacity: 1;
        border-left: 1px solid #d3d3d3;
        border-top: 2px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

    .quickDialogSaveBtn:hover {
        border-left: 1px solid #d3d3d3;
        border-top: 2px solid #d3d3d3;
        border-bottom: 1px solid #d3d3d3;
        border-right: 1px solid #d3d3d3;
    }

    .quickDialogSaveBtn:active {
        position: relative;
        top: 1px;
    }

a[data-otherstore=ok] {
    background-size: 138px;
}
a[data-otherdepartment=ok] {
    background: repeating-linear-gradient(to right, transparent, transparent 5px, grey 5px, grey 6px);
}

.white-stripes {
    background-image: url('../images/new-design/multiple-stores-striped-white.svg?v=6Euv1f0E5TdpxqH-KtE3WdECYGc') !important;
    background-size: 138px !important;
}

.black-stripes {
    background-image: url('../images/new-design/multiple-stores-striped-black.svg?v=6Euv1f0E5TdpxqH-KtE3WdECYGc') !important;
    background-size: 138px !important;
}

.headingOtherStore {
    /*font-weight: bold;*/
    color: #ec008c !important;
}
.headingOtherDepartment {
    color: #ec008c !important;
}
.headingOtherDepartmentLeft {
    color: #ec008c !important;
    padding-right: 5px;
}

.otherStoreFontSize {
    font-size: 11px !important;
}

.otherStoreEventFontSize {
    font-size: 10px !important;
}

div[data-poolaction=ok], a[data-poolaction=ok], strong[data-poolaction=ok] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: inset inset none inset;
    border-width: 2px;
    border-color: black;
}

a[data-poolaction-first=ok] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: inset none none inset;
    border-width: 2px;
    border-color: black;
}

a[data-poolaction-last=ok] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: inset inset none none;
    border-width: 2px;
    border-color: black;
}

a[data-poolaction-center=ok] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: inset none none none;
    border-width: 2px;
    border-color: black;
}

#sort-list-employee {
    cursor: pointer;
    background-color: white;
    border: thin solid grey;
    border-radius: 3px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 3px 0 3px 4px;
    min-width: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    #sort-list-employee.arrows {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC');
        background-position: calc(100% - .1rem), 100% 0;
        background-size: 1.5em 1.5em;
        background-repeat: no-repeat;
    }

        #sort-list-employee.arrows:focus {
            outline: 0;
        }

.profile-pic-thumbnail {
    height: 30px;
    width: 30px;
}

.tooeasy-h1 {
    font-family: 'ClashGrotesk-Semibold';
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 29px;
    color: #323B4B;
    height: 60px;
}

.tooeasy-h2 {
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    color: #8A94A6;
    height: 40px;
}

.input-icon-left {
    margin-left: 10px !important;
    color: #9B9B9B;
    position: absolute;
}

.username-icon {
    background-image: URL('../images/Username_Icon.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    padding: 1px 10px;
}

.tooeasy-color-light-black {
    color: #383838 !important;
}

.input-icon-right-pointer {
    margin-left: -30px !important;
    cursor: pointer;
    color: #9B9B9B;
}

.tooeasy-validation-error {
    color: red;
}

.LoginMain {
    align-items: center;
    max-width: 355.43px;
    height: calc(100vh - 2.2rem);
    margin-bottom: 1.1rem;
}

#login-form-cred-container {
    width: 355.43px;
    height: 184px;
    /* Inside auto layout */

    flex: none;
    order: 1;
    flex-grow: 0;
}

.login-input-alignment{
    float:left;
    padding-left:10px;
    padding-top: 15px;
}

#login-userName {
    font-family: 'Inter';
    height: 58px;
    width: 100%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;    
    color: #000000 !important;
}

    #login-userName:focus {
        border: 1px solid #FF4AAC;
        background-color: white !important;
        box-shadow: 0px 12px 23px rgba(55, 125, 255, 0.06);
        background: #FFFFFF !important;
    }

#login-password, .input-code-auth {
    font-family: 'Inter';
    height: 58px;
    width: 100%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding-left: 40px;
    color: #000000 !important;
}

    #login-password:focus {
        border: 1px solid #FF4AAC;
        background-color: white !important;
        box-shadow: 0px 12px 23px rgba(55, 125, 255, 0.06);
        background: #FFFFFF !important;
    }

.login-password2 {
    font-family: 'Inter';
    height: 58px;
    width: 100%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding-left: 40px;
    color: #000000 !important;
}

.input-code-auth {
    font-size: 1.5em;
    text-align: center;
    padding:0px;
}
input.input-code-auth::placeholder {
    font-size: 13px;
    letter-spacing: normal;
    text-align: center;
    margin-left: -10px;
}
    .login-password2:focus {
        border: 1px solid #FF4AAC;
        background-color: white !important;
        box-shadow: 0px 12px 23px rgba(55, 125, 255, 0.06);
        background: #FFFFFF !important;
    }

.login-eyePassword-icon {
    background: url(../images/login/allSeeingEye-password-icon.jpg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ) no-repeat;
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
    padding: 5px 15px;
}


.login-input-alignment [type="checkbox"] {
    box-sizing: border-box;
    width: 28px;
    height: 28px;
    background: #FAFBFC;
    border-radius: 8px;
    border: 1px solid #C7C7C7;
    -webkit-appearance: none;
    cursor: pointer;
}

    .login-input-alignment [type="checkbox"]:checked {
        background: #FF4AAC;
        border: none;
    }

        .login-input-alignment [type="checkbox"]:checked::before {
            content: "";
            display: block;
            position: relative;
            left: 10.5px;
            top: 4.5px;
            width: 7.5px;
            height: 15px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg)
        }

.RememberMe-text {
    font-family: 'Inter';
    color: #C7C7C7;
    margin-left: 20px;
    position: absolute;
    padding-top: 10px;

}

#loginButton {
    width: 100%;
    height: 52px;
    border-radius: 10px;
    font-family: 'ClashGrotesk-Semibold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}

#login_submit_container{
    padding-top: 30px;
    padding-bottom: 10px;
}

#login_lost_password{
    padding-top: 20px;
}

.input-icon-right {
    margin-left: -40px !important;
    cursor: pointer;
    color: #9B9B9B;
    margin-right: 10px;
}

#login-forgot-pw {
    height: 15px;
    font-family: 'Neue Montreal', sans-serif;
    text-align: center;
    font-style: normal;
    color: #B0B7C3;
    font-size: 16px;
}

#login-userName::placeholder, #login-password::placeholder, #forgotPassword-email::placeholder, .login-password2::placeholder {
    opacity: 0.5 !important;
}

#forgot-password-linktext {
    color: var(--tooeasy-button-color);
    text-decoration: none;
    cursor: pointer;
}

.recoverPassword-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 400px;
    
}
.two-factor-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80% !important;
    min-width: 600px !important;
}

.recoverPassword-container-mobile {
    text-align: center;
    width: 100%;
}
.forgot-passwordForm-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.forgot-passwordForm-container-mobile {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px !important;
    margin: 10px;
}

#forgotPassword-email {
    font-family: 'Inter';
    height: 58px;
    width: 100%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    color: #000000 !important;
}
#forgotPassword-email-mobile {
    font-family: 'Inter';
    height: 58px;
    width: 90%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    color: #000000 !important;
}

#forgotPassword_submit_container {
    padding-top: 10px;
    padding-bottom: 10px;
}


#sendForgot_PasswordEmailButton {
    width: 100%;
    height: 52px;
    background: #FF4AAC;
    border-radius: 10px;
    font-family: 'ClashGrotesk-Semibold';
    font-style: normal;
    font-weight: 600;
    color: #FFFFFF;
    border: none;
    font-size: 16px;
}

.changePassword-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 500px;
}

.change-passwordForm-container {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 400px;
}

#change-newPassword-first, #change-newPassword-second {
    font-family: 'Inter';
    height: 58px;
    width: 100%;
    padding-left: 40px;
    background: #FFFFFF !important;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    color: #000000 !important;
}

#changePassword_submit_container {
    padding-top: 10px;
    padding-bottom: 10px;
}

#changePassword_Button {
    width: 400px;
    height: 52px;
    background: #FF4AAC;
    border-radius: 10px;
    font-family: 'ClashGrotesk-Semibold';
    font-style: normal;
    font-weight: 600;
    color: #FFFFFF;
    border: none;
    font-size: 16px;
}

#login_change_password {
    padding-top: 20px;
}

#login-change-pw {
    height: 15px;
    font-family: 'Neue Montreal', sans-serif;
    text-align: center;
    font-style: normal;
    color: #B0B7C3;
    font-size: 16px;
}

#login-change-linktext {
    color: #FF4AAC !important;
    text-decoration: none;
    cursor: pointer;
}

.change-pw-msg {
    padding-bottom: 10px;
    font-family: 'Neue Montreal', sans-serif;
    font-size: larger;
}

#lost-password-infotext{
    height: 70px !important;
}

.restore-pw-msg {
    font-family: 'Neue Montreal', sans-serif;
    margin-bottom: 10px;
}

.gaugesMain {
    height: 196px;
    width: 100%;
    background: #FBFAF9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.17);
    display: flex;
    justify-content: space-evenly;
}

.gaugeBox {
    flex-grow: 1;
    flex-basis: 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px;
}
.gaugeContent {
    background: #FBFAF9;
    height: calc(100% - 30px);
    padding-left: 45px;
    padding-top: 30px;
    position: relative;
}

.gaugesHeader {
    padding-bottom: 20px;
}
    .gaugesHeader a {
        font-family: 'Neue Montreal', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        color: #454545;
        text-decoration: none;
    }
.guageBudgetBox {
    display: flex;
    align-items: center;
    padding-bottom: 15px;
}
.guageBudget {
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}
.guageBudgetDevider {
    width: 1px;
    height: 20px;
    background: #C4C4C4;
    margin-left: 10px;
    margin-right: 10px;
}
.guageBudgetDiff {
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #767676;
}
.guageBudgetText {
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #767676;
}

.guageImage {
    background-image: URL('images/Gauge.svg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 60px;
    top: 40px;
}
.guageArrowDown {
    background-image: URL('images/guageArrow.svg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    width: 13px;
    height: 13px;
    margin-left: 10px;
}
.guageArrowUp {
    background-image: URL('images/guageArrow.svg?v=jUoWw-5mY7p8kw_Qd84N70ptsaQ');
    width: 13px;
    height: 13px;
    margin-left: 10px;
    transform: rotate(180deg);
}
.pupUpMenyDisplay {
    z-index: 1002;
    padding: 13px 20px;
    gap: 10px;
    position: absolute;
    overflow: auto;
    /* Soft */
    background: #FBFAF9;
    /* Darkborder */

    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 13px 10px 26px rgba(0, 0, 0, 0.04);
    border-radius: 10px;
    width: 200px;
    top: 38px;
    right: 0px;
}
.pupUpMenyDisplay a:not([hidden]) {
    cursor: pointer;
    font-family: 'Neue Montreal', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    color: #383838;
    text-decoration: none;
    padding: 5px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 2px;
}
.pupUpMenyDisplay a:hover {
    background-color: #EDF0EF;
}

.pupUpMenyDisplayMoreMeasures {
    bottom: 100px;
    top: unset;
    left:50px;
    right:auto;
}
#filter-topMenu {
    top: 5px;
    right: unset !important;
    max-width: 300px;
    width: 210px;
}

.svgCenter {
    justify-content: center;
    width: 25px;
}

.draw-border {
    box-shadow: inset 0 0 0 4px #58afd1;
    color: #58afd1;
    transition: color 0.25s 0.0833333333s;
    position: relative;
}

    .draw-border::before, .draw-border::after {
        border: 0 solid transparent;
        box-sizing: border-box;
        content: "";
        pointer-events: none;
        position: absolute;
        width: 0;
        height: 0;
        bottom: 0;
        right: 0;
    }

    .draw-border::before {
        border-bottom-width: 4px;
        border-left-width: 4px;
    }

    .draw-border::after {
        border-top-width: 4px;
        border-right-width: 4px;
    }

    .draw-border:hover {
        color: #ffe593;
    }

        .draw-border:hover::before, .draw-border:hover::after {
            border-color: #ffe593;
            transition: border-color 0s, width 0.25s, height 0.25s;
            width: 100%;
            height: 100%;
        }

        .draw-border:hover::before {
            transition-delay: 0s, 0s, 0.25s;
        }

        .draw-border:hover::after {
            transition-delay: 0s, 0.25s, 0s;
        }

#loginButton, .auth-button {
    background: none;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    font: 700 1.2rem "Roboto Slab", sans-serif;
    padding: 1em 2em;
    letter-spacing: 0.05rem;
}

#loginButton, .auth-button {
    width: 350px;
    padding: 14px;
    margin: 7px;
    border-radius: 5px !important;
    border: none;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

    #loginButton:hover, #sendForgot_PasswordEmailButton:hover, #changePassword_Button:hover, .auth-button:hover {
        cursor: pointer;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 4px 6px rgba(0,0,0,0.2);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.2);
        transform: scale(1.05)
    }
    #loginButton:active, #sendForgot_PasswordEmailButton:active, #changePassword_Button:active, .auth-button:active {
        cursor: pointer;
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0px 3px 10px rgba(0,0,0,0.2);
        box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0px 3px 10px rgba(0,0,0,0.2);
        transform: scale(0.98);
    }
.btn-first-page, .auth-button {
    background-color: #ffc7d8 !important;
    color: #48082e !important;
    transition: 0.25s;
    border: 1px solid transparent;
    transition: all 0.3s ease 0s;
    font-family: 'clashgrotesk-semibold' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}


.date.action.last, td .tableContent > table > tbody > tr > td > a {
    cursor: pointer !important;
}
#ShowVisitorsWeekChart .highcharts-container {
    position: absolute !important;
    bottom: 0;
}.menu_icon-check {
    margin-left: 40px;
    margin-bottom: 5px;
}

.icon_menuShow {
    position: absolute;
    left: 70%;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input[type="radio"]:checked + .auth-method {
    color: black;
    background-color: pink;
}

.auth-methods-form {
    max-width: 400px;
    margin: 20px auto;
    background: white;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.auth-methods {
    margin-bottom: 20px;
 
}

.auth-method {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 25px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    wo
}

    .auth-method:hover {
        background-color: #f9f9f9;
    }

    .auth-method i {
        font-size: 24px;
    }

    .auth-method span {
        margin: 0 8px;
}

#gdprInfoInsMsg {
    margin-left: 2%;
    font-size: larger;
    color: #E52B50;
    padding-right: 30%;
}
/* Media query for 2k and larger screens */
@media (min-width: 2048px) {
    #countdownSVG {
        height: 100px; /* Larger size for higher resolution screens */
        width: 100px; /* Larger size for higher resolution screens */
    }

    .timer-text {
        font-size: 45px; /* Larger text for bigger display */
    }
}

@media (max-width: 1000px) {
    #mob-div-resp{
        display: block;
        width: 100% !important;
    }

    #std-div-resp {
        display: none;
    }

    .changePassword-container {
        width: 80%;
    }
}