/*//////////////////////////////////////////////////////////////////////////////*/

html {
    height: 100%;
    /* 	min-height: 100% !important;
	width: 100%; */
    margin: 0;
    padding: 0;
}

body {
    height: 100%;
    /* width: 100%; */
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    /* 	min-height: 100% !important;
	top:0;
	bottom:0;
	background: fixed;  */
}

/* @-ms-viewport {
  width: auto !important;
  height: auto !important;
}

@viewport {
  width: device-width !important;
  height: device-height !important;
} */

/* div { -ms-text-size-adjust:100% }
 */
img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

a:hover {
    cursor: pointer;
}

.tooltip {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

#radar-logo {
    width: 28%;
}

.index_wrapper {
    position: fixed;
    top: 35%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_wrapper2 {
    position: fixed;
    top: 55%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.login-wrap {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

@media (orientation: portrait) {
    #login-form {
        width: 25em !important;
    }

    #sso-form {
        width: 25em !important;
    }

    .index-title {
        left: 5px !important;
    }

    .index-logo {
        right: 5px !important;
        padding: 0 !important;
    }
}

@media (orientation: landscape) {
    .index-title {
        left: 15px !important;
    }

    .index-logo {
        right: 15px !important;
        padding: 0 !important;
    }
}

.metro h1 {
    letter-spacing: 0.00em;
    margin: 0;
    padding: 0;
}





.metro .tile-area-init {
    vertical-align: middle;
    float: left;
}

tile-area-title-init {
}

.metro .tile-area-init .tile-area-title-init {
    /*left: 80px;*/
    left: 15px;
    position: fixed;
    top: 5px;
    z-index: 139;
}

















/*#global-date{
        vertical-align: middle;
        float: right;
        position: relative;
    }*/





/*#global-date {
        padding-top: 3px;
        padding-right: 8px;
        padding-bottom: 6px;
        padding-left: 20px;
        float: left;
    }*/











@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1.0;
    }

    100% {
        transform: scale(1.0, 1.0);
        opacity: 1.0;
    }
}

#logoff:hover, #cancel_autologin:hover, #home:hover, #magn:hover, #config:hover, #share:hover, #export:hover, #share-selected:hover, #refresh:hover, #mob_menu:hover, #tree_menu:hover {
    cursor: pointer;
}


#context_group_Settings {
    display: none;
}
/*#share{
        visibility:hidden;
    }*/

/*datepickers styling*/



.full-screen-picker {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNpi/P//PwM1AOOoQYQNWrVqlRiQng7EykD8B4g5gfgFEKcD8R009cZAPA2q5hcQswHxYiCeyQIkXgFxFxDvAGIBqAYtIF4KxH5A/BIqpgrEK4BYBclgkEUrgfgrC1TgJBBHAfFmIGaGipkB8TwgDgJiHiBegmbIayCODA0NfQTiMCFJbAfiBDSveAHxIqhLzJDEv0EtPgMTYEHTCLJVCIgnIomFoan5B8SJQLwHWZAFSwRMAmIRIK7FEUG5QLwKxlm9ejUDuteQQR00JtFBPTTWMAATnqSRhWwzEEwB4iZcilkIpLNkIBYF4rdAXIhPISGDvgCxPzSh/hmhmRYgwADc2EYWLmBW5QAAAABJRU5ErkJggg==') no-repeat right;
    width: 70px;
    -webkit-appearance: none;
    -moz-appearance: window;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.brand select {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQVJREFUeNpi/P//PwM1AOOoQYQNWrVqlRiQng7EykD8B4g5gfgFEKcD8R009cZAPA2q5hcQswHxYiCeyQIkXgFxFxDvAGIBqAYtIF4KxH5A/BIqpgrEK4BYBclgkEUrgfgrC1TgJBBHAfFmIGaGipkB8TwgDgJiHiBegmbIayCODA0NfQTiMCFJbAfiBDSveAHxIqhLzJDEv0EtPgMTYEHTCLJVCIgnIomFoan5B8SJQLwHWZAFSwRMAmIRIK7FEUG5QLwKxlm9ejUDuteQQR00JtFBPTTWMAATnqSRhWwzEEwB4iZcilkIpLNkIBYF4rdAXIhPISGDvgCxPzSh/hmhmRYgwADc2EYWLmBW5QAAAABJRU5ErkJggg==') no-repeat right;
    width: 70px;
    -webkit-appearance: none;
    -moz-appearance: window;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

#global-interval select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-decoration: underline;
}



select::-ms-expand {
    display: none;
}




/* new loader */
.spinner {
    margin: 20px auto 0 auto;
    padding: 5px;
    position: relative;
    z-index: 1000 !important;
    height: 60px;
    width: 60px;
    -webkit-animation: rotation .9s infinite linear;
    -moz-animation: rotation .9s infinite linear;
    -o-animation: rotation .9s infinite linear;
    animation: rotation .9s infinite linear;
    border-left: 6px solid rgba(20, 86, 129,.15);
    border-right: 6px solid rgba(20, 86, 129,.15);
    border-bottom: 6px solid rgba(20, 86, 129,.15);
    border-top: 6px solid rgba(20, 86, 129,.8);
    border-radius: 100%;
}

/* new loader */
.spinnerExp {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    z-index: 1000 !important;
    height: 60px;
    width: 60px;
    -webkit-animation: rotation .9s infinite linear;
    -moz-animation: rotation .9s infinite linear;
    -o-animation: rotation .9s infinite linear;
    animation: rotation .9s infinite linear;
    border-left: 6px solid rgba(20, 86, 129,.15);
    border-right: 6px solid rgba(20, 86, 129,.15);
    border-bottom: 6px solid rgba(20, 86, 129,.15);
    border-top: 6px solid rgba(20, 86, 129,.8);
    border-radius: 100%;
}


@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* end new loader */

#arrow_back {
    /*left: 90px;*/ /*position: fixed;
    top: 5px;*/
    border-width: 0px;
    width: 20px;
    float: left;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-right: 15px;
}

.has-context {
    cursor: pointer;
}

.brand-upper.has-context {
    user-select: none;
}

.brand > *:not(.tile-menu) .intervalpicker {
    position: absolute;
    text-align: left;
    vertical-align: text-bottom;
    bottom: 0;
    left: 0;
}

.brand > *:not(.tile-menu) .fromdatepicker {
    position: absolute;
    text-align: left;
    vertical-align: text-bottom;
    bottom: 0;
    left: 75px;
    width: 200px;
    overflow: hidden;
}

.brand .todatepicker {
    position: absolute;
    text-align: left;
    vertical-align: text-bottom;
    bottom: 0;
    left: 150px;
}

.srchBox {
    border: none;
    padding-right: 5px;
    position: absolute;
    right: 0px;
    width: 120px;
    top: 0;
    height: inherit;
    float: right;
    text-align: left;
    background-image: url("../images/search_icon.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-bottom: 5px;
}

.srchBoxFS {
    border: none;
    display: block;
    position: absolute;
    right: 15px;
    top: 40px;
    float: right;
    width: 120px;
    background-image: url("../images/search_icon.png");
    background-position: right;
    background-repeat: no-repeat;
    padding-bottom: 5px;
}



.drill-button {
    position: absolute;
    right: 33px;
    bottom: 0;
    cursor: pointer;
    float: right;
    /*position: absolute;
  right: 32px;*/
    height: 28px;
    width: 28px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.edit-button1 {
    bottom: 0;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 32px;
    height: 28px;
    width: 28px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.ok-button1 {
    bottom: 0;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 57px;
    height: 28px;
    width: 28px;
    padding-right: 3px;
    padding-bottom: 3px;
}

.more-button {
    position: relative;
    right: 3px;
    bottom: 0;
    cursor: pointer;
    float: right;
    text-align: right;
    /*position: absolute;
    right: 0;*/
    height: 28px;
    width: 28px;
    padding-right: 3px;
    padding-bottom: 3px;
}



.edit-button {
    bottom: 0;
    cursor: pointer;
    float: right;
    text-align: right;
    /*position: absolute;
    right: 32px;*/
    height: 28px;
    width: 28px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.edit-close-button {
    bottom: 0;
    cursor: pointer;
    float: right;
    text-align: right;
    /*position: absolute;
    right: 32px;*/
    height: 28px;
    width: 28px;
    padding-right: 5px;
    padding-bottom: 3px;
    display: none;
}


.edit-td {
    height: inherit;
    width: inherit;
    border-collapse: collapse;
    border-style: none;
    border-width: 0;
}

.edit-cell {
    border-collapse: collapse;
    border-style: none;
    border-width: 0;
}



.full-edit-button {
    bottom: 0;
    cursor: pointer;
    float: right;
    text-align: right;
    /*position: absolute;
    right: 32px;*/
    height: 28px;
    width: 28px;
    margin: 5px;
    padding: 5px;
}




.edit-f-close-button {
    bottom: 0;
    cursor: pointer;
    float: right;
    text-align: right;
    /*position: absolute;
    right: 32px;*/
    height: 28px;
    width: 28px;
    margin: 5px;
    padding: 5px;
    display: none;
}



.share-box {
    bottom: 0;
    cursor: pointer;
    float: right;
    position: absolute;
    right: 25px;
    height: 28px;
    width: 28px;
    padding-right: 3px;
    padding-bottom: 0px;
}


.full-screen {
    background: white;
    left: 0;
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 140 !important;
}

    /*.full-screen .full-body {*/
    /*    display: inline-block;*/
    /*    margin-left: 2.5%;*/
    /*    width: 95%;*/
    /*    height: 95% !important;*/
    /*}*/

    .full-screen .full-body .table-wrap {
        float: left;
        overflow: auto;
        width: 100%;
    }

.table-wrap {
    max-height: inherit;
}

.full-screen .full-body.half-body {
    margin-left: 0;
    width: 49%;
    float: left;
}

.full-header {
    margin-top: 0;
    overflow: hidden;
    padding-left: 15px;
}

.full-screen-picker {
    margin-left: 10%;
}

.close {
    /*cursor: pointer;*/
    /*float: right;*/
    /*margin: 5px;*/
    /*padding: 5px;*/
    /*top: 5px;*/
    /*right: 5px;*/
    /*width: 30px;*/
    /*position: absolute;*/
}

.fs-filter-button {
    cursor: pointer;
    float: right;
    margin: 5px;
    padding: 5px;
    top: 5px;
    right: 82px;
    width: 30px;
    position: fixed;
    display: none;
}
/* Tables */

.table-wrap {
    height: inherit;
    overflow-x: hidden;
    overflow-y: scroll;
    width: auto;
}

    .table-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

.table-wrap {
    /*firefox*/
    scrollbar-height: none;
    /*ie*/
    -ms-overflow-style: none;
}

.table {
    border: black 1px solid;
    border-collapse: collapse;
    min-width: 100%;
    text-align: left;
}

.th {
    border: black 1px solid;
    cursor: pointer;
}

.td {
    border: grey 1px solid;
    border-collapse: collapse;
    padding: 3px;
}



td.has-filter {
    cursor: pointer;
}


/*end tables*/

/* Charts */


.piechart path {
    stroke: white;
    stroke-width: 1px;
}

.domain {
    fill: none;
    stroke: grey;
    stroke-width: 1px;
}

.dot {
    fill: white;
}

.chartSerie .line {
    stroke-width: 1px;
}

.tick line {
    stroke: grey;
    stroke-dasharray: 1px 1px;
}

/*End charts*/

.ui-datepicker {
    z-index: 150 !important;
}

#start_logo {
    position: fixed;
    right: 40px;
}

/* modial dialogue for sharing*/

/* Normal styles for the modal */
#modal {
    background: transparent;
    width: 1150px;
    margin: 0 0 0 -5px;
    position: absolute;
    visibility: hidden;
    z-index: 100;
    top: -50%;
    box-shadow: 0 3px 7px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.25);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


#modal-header {
    padding: 1px;
}

/* Make the modal appear when targeted */
#modal:target {
    opacity: 1;
    /*top:50%;*/
    top: 35px;
    visibility: visible;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

#modal header, #modal footer {
    background: #f7f7f7;
    border-bottom: 1px solid #e7e7e7;
    /*border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;*/
}

#modal footer {
    border: none;
    border-top: 1px solid #e7e7e7;
    /*border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;*/
}

#modal div, #modal header, #modal footer {
    padding: 2px;
    /*z-index:200;*/
}

#modal h2 {
    margin: 0;
}

#modal .btn {
    float: right;
}

.modal-content {
    background: #f7f7f7;
    position: relative;
    z-index: 20;
    margin-left: 45px;
    /*border-radius:5px;*/
}

input[type='submit'] {
    cursor: pointer;
}

#modal .overlay {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
/*.shared_list{
    margin:15px;
}*/
/********* CLEARFIX *********/
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.infobox-title {
    padding: 0px !important;
    text-align: center;
}

.infobox-info {
    padding: 0px !important;
}


.btn {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 5px 15px;
    margin-right: 15px;
    text-decoration: none;
    text-shadow: 0 2px rgba(255,255,255,.9);
    /*border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;*/
    box-shadow: 0 1px rgba(0,0,0,.35);
    -moz-box-shadow: 0 1px rgba(0,0,0,.35);
    -webkit-box-shadow: 0 1px rgba(0,0,0,.35);
}

    .btn.go {
        border: 1px solid #21ac1c;
        text-shadow: 0 -1px rgba(0,0,0,.4);
    }


/* end modial dialogue for sharing*/


.HyperEditTableHorizontalRadio {
    width: 100%;
    padding-top: 1%;
}

.HyperEditTableHorizontalElement {
    display: inline-block;
    width: 15%;
}

    .HyperEditTableHorizontalElement a input {
        margin-left: -40%;
        width: 20%;
    }

    .HyperEditTableHorizontalElement a img {
        margin-bottom: 10px;
        vertical-align: super;
    }

#PersonalAnalyticsMeTodayEditHowIfeelMeTodaydata {
    height: 100% !important;
}

#export {
    width: 2%;
}

div#PersonalAnalyticsMeTodaydata {
    height: 100% !important;
}

div#metoday-inner.metoday-image-0 {
    background: url(images/sky/0.jpg) no-repeat;
}

#metoday-inner.metoday-image-1 {
    background: url(images/sky/1.jpg) no-repeat;
}

#metoday-inner.metoday-image-2 {
    background: url(images/sky/2.jpg) no-repeat;
}

#metoday-inner.metoday-image-3 {
    background: url(images/sky/3.jpg) no-repeat;
}

#metoday-inner.metoday-image-4 {
    background: url(images/sky/4.jpg) no-repeat;
}

#metoday-inner.metoday-image-5 {
    background: url(images/sky/5.jpg) no-repeat;
}



#metoday-inner {
    width: 100%;
    height: 100%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    /*border-radius : 5px 25px 5px 5px;*/
    -moz-box-shadow: 5px 5px 3px 0px #343434;
    -webkit-box-shadow: 5px 5px 3px 0px #343434;
    -o-box-shadow: 5px 5px 3px 0px #343434;
    box-shadow: 5px 5px 3px 0px #343434;
}

    #metoday-inner .metoday-images {
        width: 100%;
    }

        #metoday-inner .metoday-images table a.active img {
            opacity: 1;
            width: 60%;
            -webkit-animation-name: spaceboots;
            -webkit-animation-duration: 4s;
            -webkit-transform-origin: 200% 200%;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
        }

        #metoday-inner .metoday-images table {
            width: 100%;
            height: 100%;
            white-space: nowrap;
            padding: 2%;
            text-align: center;
        }

            #metoday-inner .metoday-images table a img {
                opacity: 0.6;
                width: 40%;
            }


@-webkit-keyframes spaceboots {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}


div#PersonalAnalyticsMeTodaySetyourfeelingsMeTodayContextdata {
    height: 100% !important;
}

.svgImageLabelsOnOX {
    display: flex;
}

    .svgImageLabelsOnOX div {
        display: -webkit-inline-box;
    }

        .svgImageLabelsOnOX div img {
            max-height: 100%;
        }

.shadowfilter {
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: url(#drop-shadow);
    -webkit-filter: drop-shadow(10px 10px 7px rgba(0,0,0,0.5));
    filter: drop-shadow(10px 10px 7px rgba(0,0,0,0.5));
}

.infoboxmap::-webkit-scrollbar {
    width: 14px;
}

.infoboxmap::-webkit-scrollbar-thumb {
    border-radius: 0px;
}





.filter-button {
    position: relative;
    display: none;
    float: right;
    padding-right: 4px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 1px;
    width: 26px;
    height: 26px;
}



.brand .intervalpicker {
    z-index: 10;
}

.brand .datepicker {
    z-index: 10;
}


.pageBox {
    width: 2.5vw;
    border: none;
    text-align: center;
}

.pageFSBox, .pagesFSBox {
    width: 50px;
    /*height:40px;*/
    border: none;
    text-align: center;
}

.pagesFSBox {
    /*width:150px;*/
    padding-right: 15px;
}

.pagesBox {
    /*width:20px;*/
    border: none;
    text-align: center;
}

.pageRowBox {
    width: 20px;
    text-align: center;
    display: none;
}

.pageLImg {
    background-position: left;
    /*height: 22px;*/
    height: 2vh;
    background-repeat: no-repeat;
    /*right: 5px;*/
    margin-right: 0.5vw;
}

    .pageLImg:hover {
        cursor: pointer;
    }

.pageRImg {
    background-position: right;
    background-repeat: no-repeat;
    left: 5px;
    /*height: 22px;*/
    height: 2vh;
}

    .pageRImg:hover {
        cursor: pointer;
    }

/*.pageFSWrapper {*/
/*    margin-left:38%;*/
/*    margin-right:42%;*/
/*    margin-bottom:5px;*/
/*    text-align:center;*/
/*    bottom:5px;*/
/*}*/

/* srch */

.srch-legend {
    padding-left: 10px;
    padding-bottom: 10px;
}

.srch-info-cont {
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.srch-op-cont {
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
}

.srch-info-cont, .srch-dd-cont {
    padding-right: 10px;
    float: left;
}

.srch-input {
    width: 250px;
}

.srch-op-cell, .srch-info-cell, .srch-dd-cell, .srch-input-cell {
    height: 26px;
    vertical-align: middle;
}

/*end srch*/

/* search */
.srch-divs {
    padding-left: 10px;
}

.srch-colname-div {
    padding-left: 15px;
    padding-bottom: 15px;
    width: 150px !important;
}

.srch-menu-dlg-btn {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    width: 100%;
}


.srch-menu-dlg-btn-in1, .srch-menu-dlg-btn-in2 {
    width: 60px;
    margin-left: 5px;
    vertical-align: middle;
    /*margin: 0 auto;*/
}

.srch-menu-btn {
    align-self: center;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: default;
}


.srch-info-div {
    height: 26px;
    vertical-align: middle;
}

.srch-input-div {
    padding-bottom: 5px;
}

.srch-info-container {
    padding-top: 4px;
    padding-left: 10px;
    float: left;
}

.srch-menu-legend {
    padding-left: 10px;
    padding-bottom: 10px;
}

.data-container {
    overflow: hidden;
}
/* end search */

.HyperEditTableFixedCols {
    overflow: hidden;
    table-layout: fixed;
}




/* mobile layout */

/*////////////////////////////////////////////////////////////////////////////////*/
/* mobile menu styling */
.mob-menu {
    position: absolute;
    display: inline-block;
    float: left;
    /*padding-right:4px;
    padding-bottom:2px;*/
    width: 28px;
    height: 28px;
    /*background-image: url("../images/menu.png");
    background-repeat:no-repeat;*/
    z-index: 111;
}

    .mob-menu:focus {
        /* click toggles the menu */
        pointer-events: none;
    }

        .mob-menu:focus .mob-menu-content {
            opacity: 1;
            display: block;
            /* pointer-events don't affect descendants  */
            pointer-events: auto;
        }

.mob-menu-content {
    width: 150px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

    .mob-menu-content > li:hover {
        outline: #321903 solid 1px;
    }

.mob-menu-content {
    right: 10px;
    /*fakes immediate toggle*/
    opacity: 0;
    display: none;
    z-index: 139 !important;
    transition: visibility 0.5s;
    -webkit-transition: all 0.2s !important;
    -moz-transition: all 0.2s !important;
    -ms-transition: all 0.2s !important;
    -o-transition: all 0.2s !important;
    transition: all 0.2s !important;
}

.mob-menu-content {
    top: 100%;
}


    .mob-menu-content > li {
        padding: 13px 0px 13px 5px !important;
    }

        .mob-menu-content > li:hover {
            cursor: pointer;
        }


.mob-menu-content-text {
    padding-left: 15px !important;
    border-top-width: 20px;
    margin: 0;
    text-align: center;
    height: 50px;
    padding-top: 15px !important;
    padding-bottom: 5px;
    text-align: center !important;
    position: relative;
}

.mob-menu-content-icon {
    padding-bottom: 5px;
    padding-left: 5px !important;
    height: 32px;
    width: 32px;
}

.mob-menu-dlg {
    right: 15px;
    display: block;
    padding: 13px 5px 13px 5px !important;
    float: right;
    z-index: 112;
    position: absolute;
    pointer-events: auto;
}

.mob-menu-dlg {
    bottom: 15px;
}

/* end tile menu styling */

/* Mobile view navigation menu*/
/*.site-wrap{
    position: fixed !important;
}*/
.navigation, .ctx-navigation {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    list-style: none;
    background: #111;
}

.nav-item, .c-nav-item {
    width: 285px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #000;
    display: block;
    padding: 1em;
    transition: color 0.2s, background 0.5s;
}



.site-wrap {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    left: 0;
    z-index: 1;
    padding: 4em;
    background-size: 200%;
}

.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
    position: fixed;
    left: 15px;
    top: 15px;
    z-index: 2;
}

#trigger {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' fill='white' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
    background-size: contain;
}

.nav-trigger + label, .site-wrap {
    /*transition: left 0.32s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

.nav-trigger:checked + label {
    left: 300px;
}



.nav-trigger:checked ~ .site-wrap {
    left: 285px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.nav-trigger:checked ~ .global-date {
    left: 285px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.nav-trigger:checked ~ .global-dt {
    left: 285px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

#nav-path {
    /*margin-top:10px;*/
}


.global-date {
    /*transition: margin-left 0.32s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    width: 100%;
}



/*ctx navigation*/

#ctrigger {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' fill='white' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
    background-size: contain;
    display: none;
}

#ctrigger {
    /*transition: margin-left 0.32s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

.c-nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="c-nav-trigger"] {
    position: fixed;
    left: 65px;
    top: 15px;
    z-index: 2;
}

.c-nav-trigger + label, .site-wrap {
    /*transition: left 0.32s cubic-bezier(0.68, -0.55, 0.265, 1.55);*/
}

.c-nav-trigger:checked + label {
    left: 300px;
}

.c-nav-trigger:checked ~ .site-wrap {
    left: 285px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

.c-nav-trigger:checked ~ .global-date {
    left: 285px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}
/*legend ctx navigation*/

.m-menu-icon {
    margin-right: 15px;
    margin-bottom: 5px;
}
/* end mobile view navigation menu*/
.test-container {
    height: 100px;
    z-index: 100;
    position: absolute;
    left: 650px;
    top: 50px;
}

.test {
    height: auto;
    display: block;
    box-sizing: border-box;
}

#global-dt {
    /*width: 800px;*/
}

    #global-dt select {
        float: left;
    }

#global-int {
    float: left;
}

#global-from {
    float: left;
}

#global-to {
    float: left;
}

.htmlpicker {
    float: left;
    border-collapse: collapse;
}

.htmlpickerscope {
    float: left;
    border-collapse: collapse;
}

.htmlCellPicker {
    float: left;
    border-collapse: collapse;
}

#date-select-global {
    border-style: none;
    background-image: none;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANtJREFUeNpi/P//PwM1ABMDlcAwNojl379/YkB6OhArA/EfIOYE4hdAnA7Ed9DUGwPxNKiaX0DMBsTbgHgZw9+/f0HYHIjfA/F/JHwSiMWh8iCsCsS30dSA+IpAzM6ApNATiP+gKdwKUgTEwlCDkeVeAbEJTD+yQSAcg6YYhFcC8W40sa9A7IKsF90gEM7DYhgyBoEwdH3YDALhJjwGZWHTg8sgEJ6GxZA6XOrxGcQADR+YIZPxqWUEm4Yb8ADxJiB+C8SR0HSGFRAyCAR4oQZ8x6eIcfgWIwABBgAPc8aaexqCBgAAAABJRU5ErkJggg==') no-repeat right;
    -webkit-appearance: caret;
    /*margin-top:5px;*/
}

#date-from-global {
    margin-left: 15px;
    border-style: none;
}

#date-to-global {
    border-style: none;
}

.htmlpicker option {
    /*background: #16305A;*/
    text-decoration: none !important;
}

.global-dt {
    position: fixed !important;
    top: 5px;
    display: inline-block;
    width: auto;
}

.close-btn-tl {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    pointer-events: auto !important;
}


/* notifications */
#context_group_Notifications {
    display: none !important;
}


.notification {
    float: right;
    display: table;
    width: 48px;
    height: 27px;
    background: transparent url('../images/flag_lw.png') no-repeat center;
    background-size: 27px;
    vertical-align: bottom;
    padding-top: 1px;
    text-align: center;
}

    .notification:hover {
        background-size: 27px;
    }



    .notification:hover {
        cursor: pointer;
    }

#m-notify {
    display: none;
}




/* end notifications */

/* CRUD */
.delete-dlg {
    bottom: 50%;
    margin-left: auto;
    margin-right: auto;
}

/*End CRUD*/

/*mouse scroll*/
.tile-goup-title {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}












/*dialog*/
.dlg {
    right: 15px;
    display: block;
    padding: 13px 5px 13px 5px !important;
    float: right;
    z-index: 112;
    position: absolute;
    pointer-events: auto;
    outline: white solid 1px;
}

.dlg {
    top: 22%;
    left: 0;
    right: 0;
    margin: auto;
    width: 250px;
}

    .dlg:hover {
        outline: white solid 1px;
    }

.dlg-text {
    padding-left: 5px !important;
    margin: 0;
    width: 250px;
    padding-top: 0 !important;
    padding-bottom: 5px;
    position: relative;
}

.dlg-btn {
    width: 150px;
    padding-top: 5px;
}

.dlg-btn-out1, .dlg-btn-out2 {
    width: 75px;
    text-align: center;
}

.dlg-btn-out1 {
    float: left;
}

.dlg-btn-out2 {
    float: right;
}

.dlg-btn-in1, .dlg-btn-in2 {
    width: 65px;
    vertical-align: middle;
    margin: 0 auto;
}



/*end-dialog*/
/*server downtimes*/
.scaffolding-t {
    width: inherit;
    height: 30%;
    float: none;
    margin-left: 10px;
}

.scaffolding-b {
    width: inherit;
    height: 70%;
    float: none;
}

.scaffolding-inner {
    float: none;
    width: 100%;
    height: 10%;
}

.scaffolding-outer {
    width: 100%;
    height: 100%;
}

.resinterval, wkOuter {
    float: left;
    padding-left: 10px;
}

.restext {
    float: left;
    margin-right: 10px !important;
}

.resinnerinterval {
    /*width: 50%;*/
}

.resinnertext {
    margin-bottom: 3px;
    margin-left: 3px;
}

.weekOuter {
    padding-right: 5px;
}

.weekLabel {
    margin-right: 10px;
    margin-left: 2px;
}

.recL {
    width: 20%;
}

.recR {
    /*width:20%;*/
}

.downBtn {
    padding-right: 25%;
    padding-bottom: 10%;
}

/*user groups*/

.ug-menu-dlg, .fs-menu-dlg {
    right: 15px;
    display: block;
    padding: 13px 5px 13px 5px !important;
    float: right;
    z-index: 112;
    position: absolute;
    pointer-events: auto;
}

.ug-menu-dlg {
    right: 15px;
    display: block;
    padding: 13px 5px 13px 5px !important;
    float: right;
    z-index: 112;
    position: absolute;
    pointer-events: auto;
    bottom: 15px;
}

.ug-adpicker {
    width: 550px;
    border: solid;
    border-width: 1px;
    margin-left: 50px;
    height: 145px;
    top: 5px !important;
    left: 5px !important;
}

.menu-ugpicker {
    width: 650px;
    border: solid;
    border-width: 1px;
    /*margin-left: 45px;*/
    height: 145px;
    /*top: 15px;*/
    /*right: -250px !important;*/
}

.ug-text {
    width: 550px;
    padding-left: 5px !important;
    margin: 0;
    padding-top: 0 !important;
    padding-bottom: 5px;
    position: relative;
}

.mgmr {
    float: left;
    margin-left: 50px;
    margin-top: 5px;
}

.mgmb {
    float: left;
    margin-left: 135px;
    margin-top: 35px;
}

.mgmb-r, .mgmb-l {
    width: 50px;
}

/*end user groups*/

.left {
    float: left;
}

.right {
    float: right;
}

/*info box dlg*/
.info-box {
    width: 220px;
    left: 45%;
    top: 15%;
    display: block;
    padding: 13px 5px 13px 5px !important;
    float: right;
    z-index: 112;
    position: absolute;
    pointer-events: auto;
}

.info-box-text {
    width: 194px;
    padding-left: 5px !important;
    margin: 0;
    width: 150px;
    padding-top: 0 !important;
    padding-bottom: 5px;
    position: relative;
}

.fs-del {
    position: fixed;
}

.dtinfo {
    width: 320px;
}

.tileDate {
}

.desaturate * {
    filter: none !important;
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
}

.dtCont {
    float: left;
}

.srv-info-cont {
    padding-top: 4px;
    margin-right: 5px;
    padding-left: 4px;
    float: left;
}

.trg-info-cont {
    padding-top: 4px;
    margin-right: 5px;
    padding-left: 10px;
    float: left;
    border-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 0;
    border-bottom-width: 0;
    border-color: white;
}



.dtHl {
    box-shadow: 0 0 5px rgba(255, 215, 0, 1);
}

.Hidden {
    display: none;
}

.err {
    cursor: pointer;
}

.jobsexpchmenuedit {
    width: 170px !important;
}

.jobsexpchmenueditsmtp {
    width: 250px !important;
}

.jobsexpchmenueditcont {
    padding-left: 15px !important;
}

.jobsexpchmenuinfocont {
    padding-left: 5px !important;
    width: 170px !important;
}

.spad {
    padding: 5px;
}

.curs {
    cursor: pointer;
}

.cursDf {
    cursor: default;
}

.sched {
    display: block;
    padding: 13px 5px 13px 5px !important;
    z-index: 142;
    pointer-events: auto;
    border: solid;
    border-width: 1px;
    border-color: #fff;
    padding-bottom: 3px;
    position: fixed;
    /*left: 20%;*/
    transform: translate(-50 %, -50 %);
}

.schedexp {
    left: 23%;
    top: 10%;
}

.schedfd {
    left: 21%;
    top: 8%;
}

.sched-kvc {
}

.GFdetails {
    z-index: 150;
}

.gfinput {
}



.border {
    border-color: white;
    border-style: solid;
    border-width: 1px;
}

.invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

#contexts-container {
    display: inline-block;
}

#bdy {
    overflow: hidden;
}

@media only screen and (max-device-width : 640px) {
    #prlx-scroll-container {
        height: 92%;
    }
}

#prlx::-webkit-scrollbar {
    width: 1vh;
    height: 1vh;
    max-height: 1vh;
    border-radius: 0.5vh;
}

#prlx::-webkit-scrollbar-thumb {
    border-radius: 0.5vh;
}

#prlx {
    /*firefox*/
    scrollbar-height: thin;
    /*ie*/
    -ms-overflow-style: scrollbar;
}

.tile-group::-webkit-scrollbar {
    width: 1vh;
    height: 1vh;
    max-height: 1vh;
    border-radius: 0.5vh;
}

.tile-group::-webkit-scrollbar-thumb {
    border-radius: 0.5vh;
}

.tile-group {
    /*firefox*/
    scrollbar-height: thin;
    scrollbar-width: thin;
    /*ie*/
    -ms-overflow-style: scrollbar;
}

.prlx-tile-scroll {
    overflow-x: hidden;
    overflow-y: scroll;
    /*firefox*/
    scrollbar-width: thin;
    /*ie*/
    -ms-overflow-style: scrollbar;
}



    .prlx-tile-scroll::-webkit-scrollbar {
        width: 3%;
        max-width: 8px;
        height: 0px;
        border-radius: 4px;
    }

.switcher {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
}

.switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 30px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--main-color-tile);
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: #ffffff;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 26px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.scopeExcludeMargin {
    margin-bottom: 5px;
}

.vAlignMid {
    vertical-align: middle;
}