/*//////////////////////////////////////////////////////////////////////////////*/
:root {
  --root-unit: 1.1vw; /* main value to scale all elements of tiles - tilebox is 4.2*root_unit etc*/
  /* it is set as root font size which make it 1rem value, used everywhere */
  /* JS is dynamically scaling this value in entityview.js scaleTileBase() function  */
}

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;
	}
  .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%;
	overflow: auto;
    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;
}

.table-wrap::-webkit-scrollbar, .full-screen::-webkit-scrollbar {
    width: 1vh;
    height: 1vh;
    max-height: 1vh;
    border-radius: 0.5vh;
}

.table-wrap::-webkit-scrollbar-thumb,  .full-screen::-webkit-scrollbar-thumb {
    border-radius: 0.5vh;
}

.table-wrap, .full-screen {
	/*firefox*/
	scrollbar-height: thin;
	/*ie*/
	-ms-overflow-style: scrollbar;
}

.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: auto;
    width: auto;
}

.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%;
}



@-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;
    font-size: inherit;
}

.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-to-global, #date-from-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;
}

.mug-scroll {
	overflow-x: auto;
	/*firefox*/
	scrollbar-width: thin;
	/*ie*/
	-ms-overflow-style: scrollbar;
}
/*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);
}



/*@media (max-width: 910px){*/
/*    */
/*}*/
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

    /*#brand-id{*/
    /*    order: 2;*/
    /*}*/
    /*.user-id-name{*/
    /*    order: 3;*/
    /*}*/

}


@media (max-width: 1024px){
    #brand-id{
        display: none;
    }
}