@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), local('Play-Regular'), url(/assets/fonts/_UIws5dpKC1RfhGPW_D7VQ.woff2) format('woff2');unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;}
@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), local('Play-Regular'), url(/assets/fonts/VI6dwR3qOFADPI7kkTnlug.woff2) format('woff2');unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), local('Play-Regular'), url(/assets/fonts/4W1i2GqDprP6PUrv5L9lzw.woff2) format('woff2');unicode-range: U+0370-03FF;}
@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), local('Play-Regular'), url(/assets/fonts/YjD7Z5idi6Khm_WnIgFa0Q.woff2) format('woff2');unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'Play';font-style: normal;font-weight: 400;src: local('Play'), local('Play-Regular'), url(/assets/fonts/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face {font-family: MyF;src: url('../css/font/f.ttf');font-weight: bold;}
@font-face{
    font-family:'Glyphicons Halflings';src:url(/assets/fonts/glyphicons-halflings-regular.eot);
    src:url(/assets/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(/assets/fonts/glyphicons-halflings-regular.woff2) format('woff2'),
    url(/assets/fonts/glyphicons-halflings-regular.woff) format('woff'),
    url(/assets/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
    url(/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
:root {
    --background-color: #161616;
    --strand-color: #bcc9dc;
    --strand-color-alt: #00a39b;
    --strand-width: 2.5rem;
    --strand-height: .5rem;
    --strand-line: .125rem;
    --strand-ball: calc(var(--strand-height) * .75);
    --animation-duration: .5s;
    --animation-delay: calc(var(--animation-duration) * -.375);
}
html{height: 100%;}


.fbll{
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(5px);
    filter: blur(5px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    transform:scale(0.9);
}
html.fbl2:after{
    -webkit-filter: blur(9px) !important;
    filter: blur(9px) !important;
}
#blr{display: none;}
*:not(text) {font-family: 'Play', sans-serif;font-size: 14px;color: black;outline: none;}
text:not(.amcharts-axis-label){font-size: 28px}
tspan{font-size: inherit;}

body {
    font-family: Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #F5F5F5;
    overflow-x: hidden;
    height: 100%;
}

:not(:root):fullscreen::backdrop {
    background-image: url(/assets/images/background.svg);
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-filter: blur(9px) !important;
    filter: blur(9px) !important;
    background-size: cover;
}
body:after {
    width: 100vw;
    height: 100vh;
    display: block;
    content: '';
    background-image: url(/assets/images/background.svg);
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-filter: blur(9px) !important;
    filter: blur(9px) !important;
    position: fixed;
    top: 0px;
    background-size: cover;
    z-index: -1;
}
#login form .sub{margin-top: 32px;}
#rsuname{
    position: initial;
    margin-left: auto;
    margin-right: auto;
}
.header {
    height: 80px;
    min-width: 280px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    box-shadow: 0 3px 3px hsla(0,0%,0%,.1);
}
.header .user-penal {
    margin-top: 0px;
    float: right;
    padding: 0px;
    cursor: default;
}
.header .user-penal .separator {
    background-color: rgb(133, 133, 133);
    height: 26px;
    margin-right: 5px;
    margin-top: 4px;
    opacity: 0.25;
    width: 1px;
    float: left;
    white-space: nowrap;
}
.header .user-penal .header-usermenu:hover{
    border: 1px solid #e5e5e5;
    font-weight: 800;
}
.header .user-penal .header-usermenu {
    font-family: 'Play', sans-serif !important;
    cursor: pointer;
    border: 1px solid transparent;
    height: 33px;
    overflow: hidden;
    padding: 5px 5px 0;
    white-space: nowrap;
    float: left;
    margin: 0px;
    color: #0a58a9;
    line-height: 23px;
    -webkit-transition: all 4ms;-moz-transition: all 4ms;-ms-transition: all 4ms;-o-transition: all 4ms;transition: all 4ms;
}
#uistatus{
    z-index: 1;
    cursor: default;
    position: fixed;
    right: 10px;
    top: 33px;
}
.header-usermenu.fa:hover{
    color: #000000;
    border: 1px solid rgba(122, 198, 255, 0.78);
    border-radius: 2px;
}
.user-penal{
    display: block;
    overflow: hidden;
    text-decoration: none;
    letter-spacing: .08em;
    z-index: 1;
    line-height: 10px;
    cursor: pointer;
    position: fixed;
    right: 10px;
    top: 0px;
}
.header-usermenu .fa-map-marker{cursor: default;}
.header-usermenu:before{font: normal normal normal 14px/1 FontAwesome !important;float: right;}
.toolbar-menu{margin-left: 18px;}
ul.toolbarMenu {margin: -33px -1px;padding: 0;}

#inform{
    z-index:14;left: 40%;top: 10px;background-color:white !important;position: absolute;
}
#toolbar{position: absolute;width: 100%;z-index: 3;}
.stepped{
    z-index: 1;
    text-align: center;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    margin-top: -69px;
    position: fixed;
    width: 100%;
}

ul.toolbarMenu li{
    float: left;
    width: auto;
    padding-right: 9px !important;
    position: relative;
    display: block;
    margin-left: -1px;
    background-image: none;
    padding: 4px 4px 0;
    text-shadow: none;
    cursor: default;
    white-space: nowrap;
    vertical-align: bottom;
    min-height: 29px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    max-height: 30px !important;
}
.toolbarMenu li div{
    cursor: pointer;
    color: #0686c3;
    text-align: center;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-top: 3px;
}
ul.toolbarMenu li:not(.highlight):hover{
    border-top: 3px solid rgba(6, 134, 195, 0.46);
    margin-top: -3px;
}

ul.toolbarMenu li:not(.highlight):hover div{color: #045982;}
ul.toolbarMenu li.highlight{
    margin-top: -3px;
    border: 1px solid rgba(128, 128, 128, 0.22);
    background-color: #f2f2f3;
    background-image: url(/assets/images/tile.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 6px 6px;
    transition: background-color 250ms ease 0s;
    border-top: 3px solid rgba(6, 134, 195, 0.82);
    border-bottom: 2px solid #F5F5F5;
}
ul.toolbarMenu li.highlight div, ul.toolbarMenu li.highlight a {color: #000000 !important;}
a {text-decoration: none;}
hr {color: rgb(99, 99, 99);}
td {padding: 4px 4px 4px 4px;}
a[download='transfer_scheme']{position: fixed;top: 83px;left: 322px;}
.pages a:hover{color: #44667d}
input[type=button],input[type=submit], button, a[download='transfer_scheme'], .paginate_button, .pages a{
    padding: 7px 16px 8px;
    margin: 0;
    font-size: 12.5px !important;
    display: inline-block;
    zoom: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif !important;
    vertical-align: top;
    line-height: 9px;
    text-align: center;
    text-decoration: none;
    background: none;
    background-color: #ededee;
    color: #000;
    border: 1px solid;
    border-color: #cbcccd;
    border-radius: 2px;
    box-sizing: border-box;
    height: 28px;
}
#viewactions button.fa:before {
    margin-right: 5px;
    margin-left: -10px;
}
button.fa:before{
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 8px;
    margin-left: -3px;
}
.paginate_button, .flexnav > a, .pages > a{
    color: #fff !important;
    background-color: #1385e6;
    opacity: 1;
    height: 34px;
    margin-top: 0px !important;
    line-height: 19px;
    margin-left: -4px;
    border-radius: 0;
}
.paginate_button:hover, .flexnav > a:hover, .pages > a:hover{
    background-color: #2d59d6 !important;
}
.paginate_button.curpage, .flexnav > a.curpage, .pages > a.curpage{
    background-color: #1944bd !important;
}
.paginate_button:first-of-type, .flexnav > a:first-of-type, .pages > a:first-of-type{
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.paginate_button:last-of-type, .flexnav > a:last-of-type, .pages > a:last-of-type{
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
#login input[type=text],#login input[type=password]{width: 80%;
    margin-bottom: 4px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.16);
    padding: 5px;
}
input[type=text], input[type=password], textarea{border: 1px solid #d3d9de;border-radius: 2px;}
textarea[~=property]{min-width: 500px;}
input[class~=property]:not(.chonoff):not([size]){min-width: 200px;}
input[class~=property]:not(.chonoff){padding: 3px;}
textarea[class~=property]{min-height: 100px;padding: 3px;}
input[type=button]:hover,input[type=submit]:hover, button:hover{background-color: #f7f7f8;text-decoration: none;color:#02629f}
button:active, input[type=button]:active, input[type=submit]:active, .paginate_button:active{background-color: #027bc7;border-color:#027bc7;color:white;}
input[type="text"]:not(#pfc_words):active, input[type="text"]:not(#pfc_words):focus, input[type="password"]:focus{border: 1px solid rgba(48, 186, 255, 0.49);}
input[type="text"]::-webkit-input-placeholder       {line-height: 20px;  transition: line-height 0.5s ease;}
input[type="text"]::-moz-placeholder                {line-height: 20px;  transition: line-height 0.5s ease;}
input[type="text"]:-moz-placeholder                 {line-height: 20px;  transition: line-height 0.5s ease;}
input[type="text"]:-ms-input-placeholder            {line-height: 20px;  transition: line-height 0.5s ease;}
input[type="text"]:focus::-webkit-input-placeholder {line-height: 100px; transition: line-height 0.5s ease;}
input[type="text"]:focus::-moz-placeholder          {line-height: 100px; transition: line-height 0.5s ease;}
input[type="text"]:focus:-moz-placeholder           {line-height: 100px; transition: line-height 0.5s ease;}
input[type="text"]:focus:-ms-input-placeholder      {line-height: 100px; transition: line-height 0.5s ease;}
select {
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    color: #333333;
    border-radius: 2px;
    background-color: #FCFDFE;
    padding: 0px 0px 0px 0px;
    height: 28px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    line-height: 22px;
    vertical-align: 0px;
}
#ierror{
    font-size: 16px;
    color: #a75050;
}
select:active{border: 1px solid rgba(5, 114, 206, 0.67) !important;}
.menu-tab:not(.highlight):hover {background: linear-gradient(rgba(24, 68, 74, 0), rgba(255, 255, 255, 0.8)) repeat scroll 0% 0% transparent;}
.menu-tab:not(.highlight):hover a {color: rgba(249, 251, 249, 1) !important;}
.menu-overlay {
    overflow-x: auto;
    bottom: 92px !important;
    top: 81px !important;
    height: auto;

    position: fixed;
    left: 0%;
    text-align: center;
    width: 100%;
    z-index: 98;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 80))";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
#menu ~ .active:not(#about):not(.action):not(.all):not(.saction){
    top: 81px;
    margin-left: auto;
    margin-right: auto;
    overflow-y: auto;
    width: 99%;
    height: 87%;
}
.menu-overlay__menu {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    overflow: visible;
    height: auto;
    z-index: 999;
    max-width: 96%;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}
.menu-overlay__menu a, .menu-overlay__menu a:link {
    color: #707275;
    line-height: 94px;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;

}
.active{display: block;}
#menu {
    opacity: 0.5;
    position: fixed;
    z-index: 9999;
    top: -3px;
    left: -7px;
    margin: 8px 12px;
    cursor: pointer;
    text-align: center;
}

.containerM {
    width: 35px;
    height: 25px;
}
.containerM.activeM{
    opacity: 1 !important;
}
.containerM.activeM  div {
    background-color: rgb(65, 179, 227) !important;
}
.containerM .line1 {
    animation: firstline--back 1s;
}
.containerM .line2 {
    margin: 6px 0;
    animation: secondline--back 1s;
}
.containerM .line3 {
    animation: thirdline--back 1s;
}
.containerM.activeM .line1 {
    animation: firstline 1s forwards;
}
.containerM.activeM .line2 {
    animation: secondline 1s forwards;
}
.containerM.activeM .line3 {
    animation: thirdline 1s forwards;
}

.line1, .line2, .line3 {
    height: 5px;
    background: #565656;
    border-radius: 2px;
}

.stopped {
    -webkit-animation: none;
    animation: none !important;
}

@keyframes firstline {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(13px);
    }
    100% {
        transform: translateY(13px) rotate(45deg);
    }
}
@keyframes secondline {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes thirdline {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-9px);
    }
    100% {
        transform: translateY(-9px) rotate(-45deg);
    }
}
@keyframes firstline--back {
    0% {
        transform: translateY(13px) rotate(45deg);
    }
    50% {
        transform: translateY(13px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes secondline--back {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes thirdline--back {
    0% {
        transform: translateY(-9px) rotate(-45deg);
    }
    50% {
        transform: translateY(-9px) rotate(0deg);
    }
    100% {
        transform: translateY(0);
    }
}

#menu:hover {color: #5e81a8;opacity: 1;}
#obsel .chosen-container{
    display: inline-block !important;
    padding: 3px;
}
.objview .chosen-container{
    display: inline-block !important;
    margin-bottom: 3px;
}
.objview .chosen-container .chosen-drop{
    height: 100px;
}
.objview .chosen-container .chosen-drop .chosen-results{
    height: 58px;
}
.m_all span{
    margin-top: 122px;
    margin-left: auto;
    font-size: 16px;
    color: #565656;
    margin-right: auto;
}
.m_all {
    border-radius: 8px;
    overflow: hidden;
    margin: 1px;
    margin-top: 5px;
    margin-left: -2px;
    cursor: pointer;
    text-align: center;
    line-height: 74px;
    position: relative;
    display: inline-flex;
    color: #ffffff !important;
    height: 200px;
    width: 250px;
    border: 1px solid rgba(128, 128, 128, 0.57);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.m_all:hover{
    color: #000000 !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

}
.mallcomment{
    font-size: 12px !important;
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1;
    margin-top: 53px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    left: 0;
}
.m_all:after {
    background: #fff;
    content: "";
    height: 450px;
    left: -175px;
    opacity: .5;
    position: absolute;
    top: -96px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.m_all:hover:after {
    left: 100%;
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.m_all:hover{
    z-index: 11;
    transform:scale(1.05);
}
.m_all:before {
    background: none repeat scroll 0% 0% transparent;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size-adjust: none;
    font-stretch: normal;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    text-rendering: auto;
    top: 33px;
    color: #ffffff !important;
    left: 53px;
    font-size: 71px;
    margin-top: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.m_all:hover:before{
    transform:scale(0.7);
    text-shadow: 0px 2px 2px grey;
}
.round{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.m_all[class~=fa-podcast]:before,.m_all[class~=fa-list-alt]:before,.m_all[class~=fa-random]:before,.m_all[class~=fa-history]:before{top: 38px;}
.m_all[class~=fa-podcast]:before{left: 95px;}
.m_all[class~=fa-podcast] .round{background-color: #E85C63;}

.m_all[class~=fa-podcast]:hover .round{background-color: transparent;}
.m_all[class~=fa-podcast]:hover .round:before{border: 3px solid #E85C63;}
.m_all[class~=fa-podcast]:hover:before{color: #E85C63 !important;}


.m_all[class~=fa-list-alt]:before{left: 91px;}
.m_all[class~=fa-list-alt] .round{background-color: #AA529B;}


.m_all[class~=fa-list-alt]:hover .round{background-color: transparent;}
.m_all[class~=fa-list-alt]:hover .round:before{border: 3px solid #AA529B;}
.m_all[class~=fa-list-alt]:hover:before{color: #AA529B !important;}


.m_all[class~=fa-random]:before{left: 92px;}
.m_all[class~=fa-random] .round{background-color: #E85D88;}

.m_all[class~=fa-random]:hover .round{background-color: transparent;}
.m_all[class~=fa-random]:hover .round:before{border: 3px solid #E85D88;}
.m_all[class~=fa-random]:hover:before{color: #E85D88 !important;}

.m_all[class~=fa-history]:before{left: 95px;}
.m_all[class~=fa-history] .round{background-color: #00B8ED;}

.m_all[class~=fa-history]:hover .round{background-color: transparent;}
.m_all[class~=fa-history]:hover .round:before{border: 3px solid #00B8ED;}
.m_all[class~=fa-history]:hover:before{color: #00B8ED !important;}

.m_all[class~=fa-area-chart]:before{    margin-left: 34px;}
.m_all[class~=fa-area-chart] .round{background-color: #a19faa;}


.m_all[class~=fa-area-chart]:hover .round{background-color: transparent;}
.m_all[class~=fa-area-chart]:hover .round:before{border: 3px solid #a19faa;}
.m_all[class~=fa-area-chart]:hover:before{color: #a19faa !important;}

.m_all:before{
    position: absolute;
    display: block;
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
}
tr td{color: #000000;}
.item, .itm, .item_tag{
    display: flex;
    padding: 7px;
    cursor: pointer;
    border-left: 3px solid transparent;
    border-bottom: 1px solid rgba(128, 128, 128, 0.33);
    background-color: transparent !important;
    color: black !important;
}
.item:hover, .itm:hover, .item_tag:hover{background-color: rgba(91, 126, 175, 0.13) !important;}
.item:not(.iselected):hover, .item_tag:not(.iselected):hover{border-left: 3px solid rgba(6, 134, 195, 0.46);}
.item > span, .item_tag > span{color: inherit;}
.link{
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
}
.in{margin-top: 20px;}
.informer_box{max-height:80%;overflow-y:auto;}
.iselected, .iselectedtr {border-left: 3px solid rgba(6, 134, 195, 0.82);background-color: rgba(210, 231, 249, 0.62) !important;}
.object{
    margin: 2px;
    padding: 2px;
    cursor: pointer;
    padding-right: 20px;
    word-wrap: break-word;
    text-align: center;
    border:1px solid #ffffff;
}
.object:hover{border:1px solid #26A0DA !important;}
.round{
    border-radius: 50%;
    background-color: rgba(128, 128, 128, 0.29);
    width: 140px;
    height: 140px;
    position: absolute;
    margin-left: 56px;
    margin-top: 5px;
    z-index: 3;

}
.round:before{
    content: '';
    border-radius: 50%;
    background-color: transparent;
    border: 3px solid white;
    width: 130px;
    height: 130px;
    position: absolute;
    margin-left: -68px;
    margin-top: 2px;
    z-index: 4;
}
#opobvoview{
    position: absolute;
    margin-top: 54px;
    margin-left: -2px;
}
#opobvoview ~ .fullobv{
    position: fixed;
    width: 99% !important;
}
#opobv,#opobva,#opobvo,.opobvo{
    position: fixed;
    top: 85px;
    -webkit-transition: all 1s !important;
    -moz-transition: all 1s !important;
    -ms-transition: all 1s !important;
    -o-transition: all 1s !important;
    transition: all 1s !important;
    z-index: 96;
}
#opobv,#opobva{right: 4px;}
#opobvo{left: 4px;}
#opobv.fa-window-minimize, #opobvo.fa-window-minimize, .opobvo.fa-window-minimize{color: rgba(255, 0, 0, 0.65) !important;opacity: 1 !important;}
.fullobv > table, .fullobv .elaspect > table{margin-left: auto !important;margin-right: auto !important;}
.fullobv{
    left: 1% !important;
    max-width: 97% !important;
    width: 99%;
    padding: 0 !important;
    height: 90% !important;
    top: 30px !important;
    z-index: 97 !important;
    box-shadow: 0 0 1px 300px rgba(128, 128, 128, 0.62);
    background-image: url(/assets/images/tile.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 6px 6px;
}
.fullobvStatic{
    position: static !important;
}

#diagloader {
    position: absolute;
    height: 300px;
    width: 300px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -100;
}

#threec > div{
    height: auto !important;
}

.obvopac{
    opacity: 0.3;
}
#mover{
    position: fixed;
    z-index: 96;
    width: 2px;
    height: auto;
    bottom: 51px;
    opacity: 0.6;
    top: 81px;
    left: 50%;
    background-color: rgb(49, 154, 204);
    cursor: col-resize;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
#mover:before{
    margin-left: -12.5px;
    color: rgb(49, 154, 204);
    bottom: -14px;
    position: absolute;
}
#mover:hover{
    opacity: 1;
}
.dataTable .eheader:first-of-type th{
    text-align: center;
}
.eheader .thh{
    color: white;
    background-color: #00758f;
    padding: 6px;
    font-size: 16px;
}

#obvalues{
    padding-right: 40px;
    padding-left: 20px;
    right: 37px;
    text-align: center;
    left: 50%;
    bottom: 50px;
    top: 81px;
    overflow-y: auto;
    overflow-x: auto;
    position: fixed;
    z-index: 4;
}
#obvalues > table{
    text-align: left;
}
.viewob:not(.fullobv){
    padding-left: 37px;
    margin-left: -37px;
}
.colorConfig, .colorConfigrel{
    font-size: 20px;
    position: absolute;
    margin-left: 5px;
    margin-top: -2px;
    cursor: pointer;
}
.colorConfig:hover,.colorConfigrel:hover{
    color: #0686c3;
}

#objects{
    left: 37px;
    min-width: 163px;
    padding-right: 50px;
    right: 50%;
    position: fixed;
    bottom: 50px;
    height: auto;
    top: 81px;
    overflow-y: auto;
    z-index: 2;
}
#objects.translate, #obvalues.translate{
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
    transform: perspective(0px) rotateY(0deg) translate3d(0px,0px,0px);
}
.translate{
    backface-visibility: hidden;
}
.aspectviewholder, .objectviewholder{
    width: 50%;
}
.aspectviewZ{
    padding-left: 15px;
    font-weight: 600;
    text-shadow: none;
    color: #545454;
    display: flex;
    line-height: 65px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid #e5e5e5;
    background-color: #fafafa;
    border-left: 1px solid rgba(0,0,0,0.125);
}
.aspectviewZ:first-of-type{
    border-top: 1px solid rgba(0,0,0,0.125);
}
.aspectviewZ:hover:not(.activeaspectviewZ){
    background-color: #fdfdfd;
    box-shadow: inset 2px 0 0 0 #e5e5e5;
    cursor: pointer;
}
.activeaspectviewZ{
    background-color: transparent;
    border-right-color: transparent;
    border-top-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    box-shadow: inset 2px 0 0 0 #1f78d1;
}
.aspectviewholder > span, .objectviewholder > span{
    line-height: 42px;
    padding-left: 10px;
    font-size: 20px;
    margin-bottom: 8px !important;
    display: flex;
    padding-bottom: 9px;
    border-bottom: 1px solid #1f78d1;
}
.aspectviewholder > span > input, .objectviewholder > span  > input{
    width: 50%;
    margin-left: 10px;
    margin-top: 8px;
}
.objectviewZ{
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    padding-left: 11px;
    font-family: 'Play', sans-serif;
    line-height: 65px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.objectviewZ:hover{
    background-color: #fdfdfd;
    color: #1f78d1;
}
.objectviewZ:before{
    margin-right: 11px;
    font: normal normal normal 14px/1 FontAwesome !important;
}
.trigger{
    padding-right: 10px !important;
    right: 0 !important;
    left: 0 !important;
    position: fixed;
    height: auto !important;
    bottom: 106px !important;
    width: 99% !important;
    max-width: 99% !important;
    top: 81px;
    overflow-y: auto;
    z-index: 2;
}
#content {
    max-width: 100%;
    margin-top: 62px;
    height: auto;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.cr{
    text-transform: uppercase;
}
table thead tr.eheader td, table thead tr.eheader th{
    padding: 4px !important;
    border-left: 1px solid #00758f !important;
}
table thead tr:first-of-type td, th, th > span, .cr{
    font-size: 14px;
    border: 0;
    color: #393939;
    padding: 10px 15px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 1px solid #999;
    background-color: #f0f0f1;
}
.obrelview tr td:nth-child(2){
    padding-left: 20px;
    padding-right: 20px;
}
table td{
    border-bottom: 1px solid #999;
    padding: 7px 15px;
    position: relative;
}
.obrelview button{margin-left: 10px;}
#objects table, .crobjects table, #obvalues table, #hdiv table{
    height: auto;
    margin: 10px;
    padding: 0px;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    overflow: auto;
    color: #393939;
    background-color: #ffffff;
    table-layout: fixed;
}

.hdiv > div{

}
.hdiv.hdivhide{
    margin-left: 11111px;
    left: 1000px !important;
    transform:scale(0.001);
}
.propmenu .hdiv.hdivhide{display: none;}
.hdiv{
    -webkit-transition: transform 0.4s ease-out;-moz-transition: transform 0.4s ease-out;-ms-transition: transform 0.4s ease-out;-o-transition: transform 0.4s ease-out;transition: transform 0.4s ease-out;
}
.hdiv:not(.hdivhide){
    transform:scale(1);
}
.tshadow{
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.15));
    height: 100%;
    transform: rotateY(180deg);
}

.obid:hover, .obrelview:not([data]) tr:hover{background-color: #f0f2f5;}
.obid.iselected td:first-of-type{
    border-left: 3px solid rgba(6, 134, 195, 0.82);
}
.obid:not(.iselected) td:first-of-type{
    border-left: 3px solid transparent;
}
.chldob:hover{background-color: rgba(199, 199, 199, 0.19);}
#newv,#newob,#newgr,#newogr, #massremove, #atrig{position: fixed;bottom: 3px;z-index: 97;height: 45px;}
#massremove{display: none;    margin-left: 139px !important;}
#newv, #massremove{    left: 50%;
    margin-left: 25px;}
#newob{left: 4px;}
#newgr{left: 10px;}
#newogr{left: 173px;}
.advl{position: relative;margin-bottom: 4px;float: right;}
#ngr, #nogr,#alias{
    box-shadow: 0px 0px 1100px 1110px rgba(8, 8, 8, 0.4);
    max-width: 50%;
    display: none;
    border: 1px solid rgba(128, 128, 128, 0.22);
    background-color: #535353 !important;
    position: fixed;
    left: 50px;
    top: 50px;
    z-index: 1000;
    padding: 15px;
    width: 32%;
    max-height: 76%;
    overflow-y: auto;
    text-align: center;
    color: white !important;
}
#container{
    position: absolute;
    width: 750px;
    height: 300px;
    z-index: -1;
    margin-left: -375px;
    left: 50%;
    bottom: 0px;
}
.nover{
    overflow: hidden !important;
}
.nov, #nov, #nob,.obcolrz{
    max-width: 50%;
    background-color: #535353 !important;
    margin-right: auto;
    margin-left: auto;
    margin-top: 18px;
    z-index: 1000;
    padding: 15px;
    width: 32%;
    max-height: 76%;
    overflow-y: auto;
    text-align: center;
    color: white !important;
}

#nob input,#nob textarea, #nob select,#nov select, .nov select, #nov input, .nov input, #ngr input, #nogr input,#ngr select, #nogr select{
    color: #3c3c3c;
    background-color: #fbfbfb;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0);
}
#nob select,#nov select, .nov select,#ngr select, #nogr select{
    padding: 0 !important;
}
.clob{
    cursor: pointer;
    position: absolute;
    margin-left: -15px;
    margin-top: -67px;
    color: white;
    padding: 5px;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.clob:before{
    font-size: 19px;
}
.clob:hover{
    color: #ffffff !important;
    border: 1px solid grey;
    border-radius: 2px;
    background-color: rgba(232, 232, 232, 0.32);
}
.dheader{
    align-items: center;
    background-color: rgba(6, 134, 195, 0.82);
    border-radius: 3px 3px 0 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    height: 56px;
    justify-content: space-between;
    padding: 0 8px 0 16px;
    margin-top: -14px;
    margin-left: -14px;
    margin-right: -14px;
    margin-bottom: 11px;
}
.ftr{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-right: 1px solid #979991;
    border-bottom: 1px solid #979991;
    border-color: #D6DFE6;
    background-color: #F2F4F7;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #000000;
    font-weight: bold;
    padding: 5px;
}
.update_rgroup_relation,.remove_rgroup_relation,.remcolrange,.flexcolconf,.subscribe_object,.enginerefresh,.avl,.shdvals,.goto,.remove_object,.remvalrule,.remcolrule, .remove_value, .remove_relation,.remove_vrelation, .remove_rgroup, .remove_rgroup_relation, .advl, #opobv,#opobva,.opobvo,#opobvo,#opobvoview, .remove_addrule,.update_value,.obid, .hrestore,.placehldr,.chart_compress{cursor: pointer;}
.disabled{background-color: rgba(255, 0, 0, 0.35) !important;}
#obvalues:before,#objects:not(.trigger):before, .crobjects:before{
    content: attr(bef);
    height: 18px;
    width: auto;
    position: relative;
    color: #464646;
    display: block;
    padding: 7px;
    font-size: 15px;
    transition: background-color 250ms ease 0s;
    border-bottom: 0;
    padding-bottom: 10px;
    text-align: center;
    box-shadow: 0 3px 3px hsla(0,0%,0%,.1);
    background-color: #608bb7 !important;
    color: white;
}
#viewactions:before, #select:before, #additems:before,.filter:before, .dassigned:before, .dunassigned:before,.triggerv:before, .aru{
    content: attr(bef);
    height: 18px;
    width: auto;
    position: relative;
    background: transparent;
    color: #000000;
    display: block;
    padding: 7px;
    font-size: 15px;
    transition: background-color 250ms ease 0s;
    border-top: 3px solid rgba(6, 134, 195, 0.82);
    border-bottom: 0;
    padding-bottom: 10px;
}
.dassigned:before, .dunass+igned:before{font-size: 12px;}
#viewactions{
    border-right: 1px solid #d5d5d5;
    margin-right: 2px;
    padding-right: 3px;
    min-width: 250px;
}
#viewactions button{float: right;width: 115px;}
#select{padding-right: 11px;}
#viewactions:before, #select:before{
    height: 15px;
    font-size: 13px;
    text-align: left;
}
.obsel, .obgrsel{
    margin-left: 4px;
    max-width: 182px;
}
#obsel{
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    z-index: 6;
    position: absolute;
    background-color: #194a63 !important;
    right: 63px;
    top: 38px;
    color: white;
    border-radius: 3px;
}
#obsel > .fa-refresh:hover{
    color: white;
}
#obsel .chosen-container-single, #select .chosen-container-single{
    min-width: 184px;
}
.vpropert{
    color: black;
    padding-left: 8px;
    white-space: pre-line;
}
select[multiple]{min-height: 100px;}
.groupviewfull:not(.notfull){
    position: absolute;
    display: block !important;
    left: 0px !important;
    bottom: 0px !important;
    width: 99%;
    height: 99%;
    margin-left: 0.5%;
    margin-top: 0.5%;
    border: none;
    z-index: -1 !important;
}
#PreviousStep button{
    padding-left: 14px;
}
#PreviousStep:before{
    position: absolute;
    margin-top: 9px;
    margin-left: 9px;
}
#PreviousStep:active:before,#NextStep:active:before{
    color: white;
}
#NextStep button{
    padding-right: 14px;
}
#NextStep:before{
    position: absolute;
    margin-top: 9px;
    margin-left: 46px;
}
.wiauto{
    width: auto;
}
oj-popup > .clob{
    float: right;
    position: absolute;
    margin: 0;
    background-color: grey;
    margin-left: 100%;
    margin-top: -1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
oj-popup > .clob:before{
    font-size: 13px;
}
.oj-textarea-input{
    resize: both !important;
}
.oj-train-step-list{
    max-width: 36%;
    overflow-x: hidden;
}
.oj-train-step-list:hover{
    overflow-x: auto;
}
.oj-train-label-wrapper{
    text-overflow: none;
    word-break: break-word;
}
.oj-button-text {
    padding: 10px !important;
}
.oj-button.oj-active .oj-button-text {
    color: #fff !important;
}
.groupview{
    display: none;
}
#additems{
    height: 180px;
    position: absolute;
    background-color: transparent;
    border: 1px solid rgba(128, 128, 128, 0.22);
    border-top: 0;
    top: 79px;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 10px;
    padding-top: 2px;
    display: flex;
}
#additems:before{
    border-top:none;
}
#sobj{
    height: 147px;
    margin: 10px;
    width: 60%;
    background-color: transparent;
    overflow-x: hidden;
    overflow-y: auto;
}
.objview{
    width: -webkit-fit-content;
    height: -webkit-fit-content;
    width: -moz-fit-content;
    height: -moz-fit-content;
    display: table;
    margin: 5px;
    padding: 4px;
    float: left;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-color: rgba(227, 231, 234, 0.68);
    border-radius: 2px;
    height: 25px;
    cursor: pointer;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -ms-transition: margin 0.5s;
    -o-transition: margin 0.5s;
    transition: margin 0.5s;
}
.tmpobjview{
    margin-left: 100%;
}
.objname{
    display: inline-block;
    color: #44667d;
    font-size: 13.5px;
    padding: 8px 11px 9px 8px;
    height: 100%;
    margin-top: -1px;
    margin-right: 7px;
}
.objviewremove{
    border-left: 1px solid #b5b6b7;
    height: 100%;
    line-height: 29px !important;
    margin-top: 0px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 10px;
    padding: 0px 5px;
    background-repeat: no-repeat;
    background-position: 0;
    margin-left: 5px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.viewresult:not(.donev) > table{box-shadow: 0 0 3px rgba(0,0,0,.3);margin-top: 3px;table-layout: fixed;}
.viewresult,.viewresult:not(.donev) table{margin-left: auto;margin-right: auto;}
.viewresult {
    padding-left: 3px;
    padding-right: 4px;
    min-height: 473px;
    width: 98%;
    max-height: 90%;
    text-align: center;
    left: 0px;
    overflow: auto;
    margin-bottom: 50px;
    bottom: 0px;
    display: flex;
    background-color: rgba(154, 179, 178, 0.0980392);
}
.gantt_wrapper,.chart_wrapper, .scroll_wrapper, .grid_wrapper{min-height: 100px !important;}
.optionsHide{
    display: none !important;
}
.optionsSpan{
    color: #ffffff;
    background: transparent;
    border: none;
    padding: 0 5px 0px 0px;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
}
.load_flex{
    margin-top: 100px;
    margin-right: 50%;
}
.gantt_wrapper{
    overflow-y: auto !important;
}
.gantt_wrapper > .ui-resizable-s{
    bottom: 0px !important;
}
.gantt_wrapper > .resizeWrapper > div{
    min-height: 400px;
}
.viewresult.fullobv{
    position: fixed;
    box-shadow: 0 0 100px 200px #000000 !important;
}
.viewresult:not(.donev) >table table select{
    height: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    overflow: hidden;
}
*[disabled], *[disabled] option {color: #000000;background-color: transparent;}
.head{color: #44667d;background-color: #cad2d9;}
#viewname{
    padding: 4px;
    max-width: 100px;
}
.current,.curpage{background-color: rgba(94, 129, 168, 0.45) !important;}
button:active, input[type=button]:active, input[type=submit]:active, .paginate_button:active, #otpl:active{
    animation: play-animation .5s;
    animation-fill-mode: forwards;
}
.paginate_button:hover{
    color: #ffffff !important;
}
@keyframes play-animation {0% {box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.24);}25% {box-shadow: 0 0 1px 3px rgba(128, 128, 128, 0.24);}50% {box-shadow: 0 0 1px 6px rgba(128, 128, 128, 0.24);}75% {box-shadow: 0 0 1px 2px rgba(128, 128, 128, 0.24);}100% {box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.24);}}
#v_config_oh:active, .flexcolconf:active, .obst_config_oh:active{
    border-radius: 50% ;
    animation: play-animation .5s;
    animation-fill-mode: forwards;
}
.goto{
    margin-left: 8px;
}
.open_tags,.update_rgroup_relation,.remove_rgroup_relation,.columnConfigOpen,.flexcolconf,.propmenuopen,.subscribe_object,.enginerefresh,.shdvals,.goto,.advl,.remvaluenote, .removens,.remcolrule,.remvalrule,.update_relation,.update_crelation,.remaddinput,.remaddselect,.monolevel, .remelfilter,.openmonoobjects,.openmono, .fa-close, .remimg, .remdoc, .nopenv,.remelementalnote,#v_config_oh,.obst_config_oh,.objgroup, .objviewremove,.separ, .viewbyvalue, .hrestore,.fopcl, #otpl, .update_object,.remove_object,.remove_aspect,.flush_object, .remove_value, .remove_relation,.remove_vrelation, .chvalues,.paginate_button,#opobva,.opobvo, #opobvo,#opobv,#opobvoview, .remove_addrule, .update_value,.chart_compress
{opacity: 0.5;}
.open_tags,.remove_rgroup_relation,.update_rgroup_relation,.columnConfigOpen,.chart_compress,.subscribe_object,.enginerefresh,.shdvals,.goto,.monoall,.advl,.remvaluenote, .removens,.update_relation,.remcolrule,.remvalrule,.update_crelation,.remaddinput,.remaddselect,.monolevel, .remelfilter,.openmonoobjects,.openmono, .fa-close, .remimg, .remdoc, .nopenv,.remelementalnote,#v_config_oh,.obst_config_oh,.objgroup, .objviewremove,.separ, .viewbyvalue, .hrestore,.fopcl, #otpl, .update_object,.remove_aspect,.remove_object,.flush_object, .remove_value, .remove_relation,.remove_vrelation, .chvalues,.paginate_button,#opobva, #opobv,.opobvo,#opobvo,#opobvoview, .remove_addrule, .update_value
{-webkit-transition: color 0.2s;-moz-transition: color 0.2s;-ms-transition: color 0.2s;-o-transition: color 0.2s;transition: color 0.2s;}
.open_tags:hover,.update_rgroup_relation:hover,.remove_rgroup_relation:hover,.columnConfigOpen:hover,.remcolrange:hover,.chart_compress:hover,.flexcolconf:hover,.subscribe_object:hover,.enginerefresh:hover,.avl:hover,.shdvals:hover,.goto:hover,.hperspective:hover,.remcolrule:hover,.remvalrule:hover, .monoall:hover,.advl:hover,.remvaluenote:hover, .removens:hover,.update_relation:hover,.update_crelation:hover,.remaddinput:hover,.remaddselect:hover,.monolevel:hover, .remelfilter:hover ,.openmonoobjects:hover,.openmono:hover, .fa-close:hover,.remove_aspect:hover, .remimg:hover, .remdoc:hover, .nopenv:hover,.remelementalnote:hover,#v_config_oh:hover,.obst_config_oh:hover,.objgroup:hover, .objviewremove:hover,.separ:hover, .viewbyvalue:hover, .hrestore:hover,.fopcl:hover, #otpl:hover, .update_object:hover,.remove_object:hover,.flush_object:hover, .remove_value:hover, .remove_relation:hover,.remove_vrelation:hover, .chvalues:hover,.paginate_button:hover,.opobvo:hover,#opobva:hover,#opobvoview:hover, #opobv:hover,#opobvo:hover, .remove_addrule:hover, .update_value:hover
, .nthread:hover{color: #44667d;opacity: 1;}
.group .objgroup:hover,.group .objviewremove:hover, .group .viewbyvalue:hover{color: #ffffff;}
.viewbyvalue{margin-left: 8px;display: none;}
.group .viewbyvalue{display: inline-block;}
.objgroup{margin-top: 5px;}
.group{background-color: #44667d;
    margin-right: 10px;
    margin-left: 10px;
}
.group .objname{color: #cad2d9 !important;}
.grouped{
    border: 1px solid grey;
    display: table;
    border-radius: 2px;
    background-color: rgba(68, 102, 125, 0.11);
}
.viewresult:not(.donev) table td{
    background-color: #ffffff;
    white-space: pre;
    text-align: left;
}

.stand table{display: inline !important;border: none !important;}
.separ{
    position: relative;
    float: left;
    font-size: 18px !important;
    margin-top: 14px;
    display: table !important;
}
.separ:before{
    position: absolute;
    margin-left: -8px;
    color: red;
}
.stand{background-color: rgba(202, 210, 217, 0.3);}
.crobjects{
    position: fixed;
    top: 81px;
    left: 50%;
    max-width: 50%;
    max-height: 80%;
    overflow: auto;
}
.psselect + input,.adpsselect + input{
    display: none;
}

.curpage{font-size: 15px;color: #44667d;}
.pages{width: 100%;overflow-x: auto;}
.prntob,.separ,.objgroup,.viewbyvalue,.fopcl,#otpl,[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label,[type="checkbox"]{cursor: pointer;}
.prntob{
    width: 100%;
    padding-right: 42px;
}
.prntob:before{
    padding-right: 10px;
    float: right;
    font-size: 22px;
    margin-top: 2px;
}
.chldob{display: none;}
.chldobshow{display: table-row !important;}
.filter{
    z-index: 10;
    background-color: #ffffff;
    position: fixed;
    left: -10000px;
    top: 141px;
    border: 1px solid rgba(128, 128, 128, 0.39);
    padding: 10px;
    text-align: right;
}
.fopcl{
    z-index: 11;
    position: fixed;
    left: 2px;
    top: 162px;
}
#ft{
    position: fixed;
    padding-right: 3px;
    bottom: 1px;
    right: 1px;
    font-size: 11px;
    color: rgba(128, 128, 128, 0.65);
    white-space: nowrap;
}
#ft:before {
    content: attr(datab);
    position: absolute;
    top: 31px;
    left: 48px;
    transform-origin: bottom;
    transform: rotateX(180deg);
    line-height: 1em;
    background: linear-gradient(0deg, #b4b4b4 0, transparent 80%);
    -webkit-background-clip: text;
    color: transparent;
    opacity: 0.6;
}
.ui-datepicker-prev, .ui-datepicker-next{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    line-height: 24px;
    padding-left: 11px;
    color: rgba(128, 128, 128, 0.66);
}
.ui-datepicker-prev:before{content: "\f053";}
.ui-datepicker-next:before{content: "\f054";}
.dragndrop{
    display: inline-flex;
    padding: 5px;
    max-height: 400px;
}
.dassigned, .dunassigned{
    overflow-y: auto;
    max-height: 350px;
    padding: 10px;
    min-width: 137px;
}
.dassigned{border-right: 3px solid rgba(6, 134, 195, 0.82) !important;}
.snamI{
    border-left: 3px solid rgba(6, 134, 195, 0.82) !important;
    padding-left: 10px;
    font-size: 1.2em;
}
.subitem{
    background-color: rgba(34, 129, 175, 0.92);
    border: 0;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    word-break: break-word;
    line-height: 13px;
    outline: 0;
    padding: 11px 20px;
    position: relative;
    text-align: center;
    -webkit-transition: box-shadow 0.15s, background-color 0.15s;
    transition: box-shadow 0.15s, background-color 0.15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
}
#otemplate{
    position: fixed;
    top: 76px;
    left: 50%;
    background-color: white;
    padding: 16px;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
    display: none;
    text-align: right;
    max-width: 50%;
    overflow: auto;
    max-height: 70%;
    z-index: 97;
}
#otpl{position: fixed;top: 52px;left: 50%;}
label:hover:before{transform: scale(1.2);}
[type="checkbox"]:not(.chonoff):not(:checked) + label, [type="checkbox"]:not(.chonoff):checked + label {
    position: relative;
    padding-left: 25px;
}
[type="checkbox"]:not(.chonoff):not(:checked) + label:before, [type="checkbox"]:not(.chonoff):checked + label:before {
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 14px;
    height: 14px;
    border: 2px solid #1eb4c6;
    background: transparent;
    border-radius: 0;


    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
[type="checkbox"]:not(.chonoff):not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:not(.chonoff){position: absolute;left: -99999px;}
[type="checkbox"]:not(.chonoff):not(:checked) + label:after, [type="checkbox"]:not(.chonoff):checked + label:after {

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;


    content: '\f14a';
    background-color: transparent;
    margin-top: -10px;
    margin-left: -8px;
    font-size: 24px;
    color: #1eb4c6;

    position: absolute;
    top: 7px;
    left: 7px;
    width: 4px;
    height: 4px;
    border-radius: 0;
}
span.switcher {
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    margin: 20px 0;
    display: flex;
    z-index: 0;
}
span.switcher input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 25px;
    background-color: #1E1E1E;
    outline: none;
    font-family: 'Oswald', sans-serif;
}
span.switcher input:before, span.switcher input:after {
    z-index: 2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFFFFF;
}
span.switcher input:before {
    content: 'ON';
    left: 20px;
}
span.switcher input:after {
    content: 'OFF';
    right: 20px;
}
span.switcher label {
    z-index: 1;
    position: absolute;
    top: 5px;
    bottom: 5px;
    border-radius: 20px;
}
span.switcher.switcher-1 input {
    transition: .25s -.1s;
}
span.switcher.switcher-1 input:checked {
    background-color: #FFFFFF;
}
span.switcher.switcher-1 input:checked:before {
    color: #FFFFFF;
    transition: color .5s .2s;
}
span.switcher.switcher-1 input:checked:after {
    color: #CCCCCC;
    transition: color .5s;
}
span.switcher.switcher-1 input:checked + label {
    left: 10px;
    right: 100px;
    background: #1b4554;
    transition: left .5s, right .4s .2s;
}
span.switcher.switcher-1 input:not(:checked) {
    background: #1b4554;
    transition: background .5s -.1s;
}
span.switcher.switcher-1 input:not(:checked):before {
    color: #CCCCCC;
    transition: color .5s;
}
span.switcher.switcher-1 input:not(:checked):after {
    color: #1E1E1E;
    transition: color .5s .2s;
}
span.switcher.switcher-1 input:not(:checked) + label {
    left: 100px;
    right: 10px;
    background: #FFFFFF;
    transition: left .4s .2s, right .5s, background .35s -.1s;
}
.iselgroup{border-left: none;}
.iselgroup:before{
    margin-left: 0px;
    margin-right: -9px;
    margin-bottom: -7px;
    display: inline-block;
    width: 46px;
    height: 20px;
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD9UlEQVRoQ+1ZW1biQBC91eFfXcHgCgYXMBJWMHAmzK+4AnEF4grEFQz+DpwDroDgLEBcgbgC8V+65nQiYJLOo0McZY75TXelbtet6lsVwpY/tOX+4xPAe0ewuAj8HlcgRBVgG4wyiCoBcMxTEGYAuZBygp+1aRHgNwMwHJchxRGYWwCVzRziGYh6EPIKjdrMbO96dT4Aw/EunsUZCO28Hw5GB12U5DkatbmpPXMAg5s6IH8BtGv6seT1PAfEMZzDkYldMwD9yUXiqTOuIWgESTPw83zFc5UfVNoFuOLlCOF7rJOMLprV06wgsgFQlFnQBUCtiGHmJwjRhliMMlNA2ZNWHVJ2QbQTdZZ7cOzjLCCyARi4ijIa53GOkuxmdjzskZ9LbRDO8oJIBzCYdAGchEriE5jtokohPIqRq4nGJZxqYqFIBuAlLA+Dp8N3sLi+SenTUkOV5AWNAPoafE+NpMSOB+Dz/j5QbRTfS1wp3PmlxwrEM02DkeA5LN6Po2k8AB11pDwojDZxGerf6Leh17FU0gPwwinuQ5fNOZrVTpbKsPGa/qQTSWxLqihEbmw9gLABnzrl3NXGFJFXnUhJjXWJZWgPUA9g4Crur7UN0TF+HPZM/dhoff+mDeKLtQ2ewbH3wzajAHQctOTePzv9dULvYiEeAw5rcjAKIIxcyYNmtb7Raebd3J+MArKD6RTNQ3UvrR4NgNCm96DP0r0Mh6kB4N4GmhEWNTS/uUaHuJLbqk8AwNTLJZf7f2yQHK++rZqipn2QHIHBhNN4lwpGd4cAqbIgYleXj041cOjRCIQBhDakOq8WDNzHaL/Aczj2Xqb9rxel+PM2APruPCLM1F3StM2boI0B5JEP70shdxpQhHmTeCE6frMPeM27JTvGd0k4icF3cOzAtCO9jGpqrzGP827IV0ZDV/jWXWRbLyX8MqgmaF/W9/WHEHMPcOzI8CybnEZyV5SX4rH7tN2giZz+mA2NVhH/py2liq2uK/KpdPCmTf2CbjWDhNhu0HysohRhiRuFg/AnEsPIWB55xyrLDNPKAp5Dcq2wCYVXummsGRinKtj0yZxXVieqHz6KVA1CB0JeGkuEpSFvRipOwNBNO67gVKPjzJAT2QB4ZU2oVi4KQuUFqA1LXmcG4ts7ArgTM6bP5Lwns4xquF5lvjLBajToQtAUz4unwHi9ZO1AvozXQUk9diptkjuyNERqXsqypx+Lp21OeK/6BRKtt/3B8Zq7Si6Hp9b5/b/MJbeNKRR20Ct9ogXyfvKttVMmIPzw0uz3NinJZjmQ5Jg347ds/xcSl6Njcr4Dk/+blRduUSW4OACZTr34RZ8Aij9TM4tbH4G/rWP4QK4hNDEAAAAASUVORK5CYII=");
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.obst_config_oh{
    position: absolute;
    margin-top: -33px;
    margin-left: 100px;
    cursor: pointer;
}
#obst_config{
    z-index: 1;
    position: absolute;
    margin-top: -10px;
    margin-left: 3px;
    background-color: white;
    padding: 16px;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
    display: none;
    text-align: left;
    line-height: 20px;
}
#v_config_oh{
    position: fixed;
    top: 51px;
    left: 46%;
    cursor: pointer;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.obst_config_oh,.flexcolconf{
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
#v_config_oh:hover,.obst_config_oh:hover,.flexcolconf:hover{
    transform:rotateZ(90deg);
}
#v_config{
    z-index: 97;
    overflow-y: auto;
    max-height: 70%;
    left: 46%;
    position: fixed;
    top: 80px;
    background-color: white;
    padding: 16px;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
    display: none;
    text-align: left;
    line-height: 20px;
}
#v_config button{
    width: 134px;
    margin-top: 3px;
}
#firts_load{
    position: fixed;
    left: 44%;
    top: 45%;
    font-size: 26px;
    color: #0686c3;
    font-weight: 700;
}
#firts_load:after{
    content: ' ' attr(perc) '%';
    font-size: 26px;
    color: #0686c3;
    font-weight: 700;
}
#otemplate button{
    width: 150px;
    margin-top: 3px;
}
#trback{
    position: fixed;
    top: 95px;
    left: 30px;
    cursor: pointer;
    z-index: 14;
    display: none;
}
.item table{background-color: transparent;table-layout: fixed;}
.divid{
    margin: 1rem 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    line-height: 1;
    height: 0px;
    box-sizing: border-box;
}
.ui-draggable:hover{cursor: move !important;}
#ft img:not([class="nomove"]){
    height: 15px;
    padding-right: 2px;
    position: relative;
    margin-bottom: -4px;
}
.chosen-container{display: block !important;}
.elemental, .elementalitem{
    margin: 5px;
    background-color: #cad2d9;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    display: flex;
    width: auto;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 15px;
}
.elementalitem{padding: 3px;margin-bottom: 1px !important;}
.elemental span, .elementalitem span{word-break: break-all;}
.elemental span{
    padding-bottom: 13px;
    padding-top: 6px;
}
.remelemental{
    position: absolute;
    right: -12px;
    top: -1px;
}
.elemental:hover, .elementalitem:hover, .elemental:hover .elementary_notes{background-color: #44667d;}
.elemental:hover span,.elemental:hover span, .elementalitem:hover span,.elementalitem:hover span{color: #ffffff;}
.remelemental:hover{color: #000000;}
.elemental:hover:before,.elementalitem:hover:before{
    margin-left: -30px;
    width: 20px;
    height: 20px;
    content: "";
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD9UlEQVRoQ+1ZW1biQBC91eFfXcHgCgYXMBJWMHAmzK+4AnEF4grEFQz+DpwDroDgLEBcgbgC8V+65nQiYJLOo0McZY75TXelbtet6lsVwpY/tOX+4xPAe0ewuAj8HlcgRBVgG4wyiCoBcMxTEGYAuZBygp+1aRHgNwMwHJchxRGYWwCVzRziGYh6EPIKjdrMbO96dT4Aw/EunsUZCO28Hw5GB12U5DkatbmpPXMAg5s6IH8BtGv6seT1PAfEMZzDkYldMwD9yUXiqTOuIWgESTPw83zFc5UfVNoFuOLlCOF7rJOMLprV06wgsgFQlFnQBUCtiGHmJwjRhliMMlNA2ZNWHVJ2QbQTdZZ7cOzjLCCyARi4ijIa53GOkuxmdjzskZ9LbRDO8oJIBzCYdAGchEriE5jtokohPIqRq4nGJZxqYqFIBuAlLA+Dp8N3sLi+SenTUkOV5AWNAPoafE+NpMSOB+Dz/j5QbRTfS1wp3PmlxwrEM02DkeA5LN6Po2k8AB11pDwojDZxGerf6Leh17FU0gPwwinuQ5fNOZrVTpbKsPGa/qQTSWxLqihEbmw9gLABnzrl3NXGFJFXnUhJjXWJZWgPUA9g4Crur7UN0TF+HPZM/dhoff+mDeKLtQ2ewbH3wzajAHQctOTePzv9dULvYiEeAw5rcjAKIIxcyYNmtb7Raebd3J+MArKD6RTNQ3UvrR4NgNCm96DP0r0Mh6kB4N4GmhEWNTS/uUaHuJLbqk8AwNTLJZf7f2yQHK++rZqipn2QHIHBhNN4lwpGd4cAqbIgYleXj041cOjRCIQBhDakOq8WDNzHaL/Aczj2Xqb9rxel+PM2APruPCLM1F3StM2boI0B5JEP70shdxpQhHmTeCE6frMPeM27JTvGd0k4icF3cOzAtCO9jGpqrzGP827IV0ZDV/jWXWRbLyX8MqgmaF/W9/WHEHMPcOzI8CybnEZyV5SX4rH7tN2giZz+mA2NVhH/py2liq2uK/KpdPCmTf2CbjWDhNhu0HysohRhiRuFg/AnEsPIWB55xyrLDNPKAp5Dcq2wCYVXummsGRinKtj0yZxXVieqHz6KVA1CB0JeGkuEpSFvRipOwNBNO67gVKPjzJAT2QB4ZU2oVi4KQuUFqA1LXmcG4ts7ArgTM6bP5Lwns4xquF5lvjLBajToQtAUz4unwHi9ZO1AvozXQUk9diptkjuyNERqXsqypx+Lp21OeK/6BRKtt/3B8Zq7Si6Hp9b5/b/MJbeNKRR20Ct9ogXyfvKttVMmIPzw0uz3NinJZjmQ5Jg347ds/xcSl6Njcr4Dk/+blRduUSW4OACZTr34RZ8Aij9TM4tbH4G/rWP4QK4hNDEAAAAASUVORK5CYII=");
    background-size: 20px 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.elementary_notes{
    position: absolute;
    background: white;
    left: 0;
    display: initial;
    right: 0;
    margin-top: 25px;
    padding-top: 11px;
    background-color: #cad2d9;
    cursor: default;
    max-height: 100px;
    max-width: 400px;
    overflow-y: hidden;
    height: 0px;
    bottom: 0;
}
.elementary_notes .note{
    opacity: 1 !important;
}
.nopen{
    position: absolute;
    top: -8px;
    width: 100%;
    left: 0px;
    height: 20px;
    color: #5e81a8;
    cursor: pointer;
}
.nnopen{
    padding: 11px !important;
    height: auto !important;
    z-index: 5;
    overflow-y: auto !important;
}
.nopen:before{margin-left: 100px;}
.note{
    white-space: pre-wrap;
    position: relative;
    clear: both;
    display: flex;
    padding: 23px 23px 7px 20px;
    margin: 0px 6px 20px 1px;
    border-radius: 2px;
    background-color: #ffffff;
    color: grey;
    word-break: break-all;
    direction: ltr;
}
.note:not(.elnote){
    opacity: 0;
}

.note_thread{
    position: fixed;
    border-radius: 10px;
    margin-top: 4px;
    z-index: 1;
    width: 396px;
    right: -400px;
    top: 81px;
    text-align: center;
    height: 32px;
    font-size: 19px !important;
    color: white;
    background-color: rgba(59, 57, 58, 0.78);
    direction: ltr;
    cursor: pointer;
    font-family: 'Play', sans-serif !important;
    padding-top: 9px;
    -webkit-transition: right 0.3s, opacity 0.6s;-moz-transition: right 0.3s, opacity 0.6s;-ms-transition: right 0.3s, opacity 0.6s;-o-transition: right 0.3s, opacity 0.6s;transition: right 0.3s, opacity 0.6s;
}
.note_author{
    position: absolute;
    margin-top: -21px;
    margin-left: -14px;
    color: black;
    font-size: 12px;
}
.nthread{
    position: absolute;
    right: 5px;
    bottom: 4px;
    cursor: pointer;
    font-size: 21px !important;
    -webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);
}
.note_thread_open{right: 19px !important;}
.remvaluenote, .remelementalnote{
    cursor: pointer;
    right: 7px;
    position: absolute;
    top: 1px;
    font-size: 16px !important;
}
.note:before{
    content: attr(bef);
    height: 5px;
    width: auto;
    position: absolute;
    background: transparent;
    color: #777e8c;
    display: block;
    padding: 1px;
    font-size: 9px;
    border-bottom: 0;
    top: 2px;
    right: 23px;
}
.note_text{
    overflow: auto;
}
.note_thread:before{
    font: normal normal normal 2em/1 FontAwesome;
    position: absolute;
    left: 2px;
    top: 5px;
    cursor: pointer;
    font-size: 32px;
}
.note_thread:hover:before{color: #777e8c;}
#values_notes{
    overflow-x: hidden;
    z-index: 98;
    border-top-left-radius: 7px;
    position: fixed;
    top: 81px;
    bottom: 0px;
    height: auto;
    right: -430px;
    margin-right: 0px;
    width: 400px;
    padding: 14px;
    padding-top: 49px;
    opacity: 0.3;
    background-color: rgba(50, 48, 49, 0.74);
    -webkit-transition: right 0.3s, opacity 0.6s;-moz-transition: right 0.3s, opacity 0.6s;-ms-transition: right 0.3s, opacity 0.6s;-o-transition: right 0.3s, opacity 0.6s;transition: right 0.3s, opacity 0.6s;
    direction: rtl;
}
.nopenv{
    position: fixed;
    opacity: 1;
    width: 12px;
    right: 0;
    margin-left: -11px;
    top: 108px;
    height: 50px;
    cursor: pointer;
    color: black;
    margin-right: 9px;
}
.nopenv:after{
    content: 'Notes';
    position: absolute;
    transform: rotate(270deg);
    right: -27px;
    font-size: 24px;
    font-family: 'Play', sans-serif !important;
    top: 52px;
}
.nopenv.fa-caret-right{color: #ffffff;z-index: 118;}
.nnopenv{
    opacity: 1 !important;
    right: 0% !important;
    z-index: 15;
    overflow-y: auto !important;
}
.newnopenv{right: 0% !important;}
#values_notes .newnote textarea{width: 84%;min-height: 85px;}
#values_notes .newnote{
    direction: ltr;
    position: fixed;
    bottom: 0;
    right: -430px;
    width: 402px;
    padding-bottom: 0px !important;
    padding: 13px;
    height: 115px;
    padding-top: 10px;
    text-align: center;
    background-color: rgba(50, 48, 49, 0.95);
    -webkit-transition: right 0.3s;
    -moz-transition: right 0.3s;
    -ms-transition: right 0.3s;
    -o-transition: right 0.3s;
    transition: right 0.3s;
}
.proimg{
    max-width: 200px;
    max-height: 200px;
    cursor: pointer;
    box-shadow: 0 0 3px 1px rgba(107, 107, 107, 0.76);
}
.imgview{
    z-index: 200;
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
    width: 100%;
    background-image: url(data:image;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAQDAwQDAwQEBAQFBQQFBwsHB…TlnM5lty8kI7zmJRRgj+0NozmaP8OCYJMYdw4jxBbEoJx9w2x4mx/3EOXM2PZP2TkhubT/2Q==);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: rgba(128, 128, 128, 0.51);
}
.remdoc, .remimg,.removens{cursor: pointer;}
.mono{background-color: rgba(128, 128, 128, 0.38);display: none;}
.mono > td{
    text-align: center;
    color: #323a54;
    white-space: nowrap;
}
.monoshow{display: block !important;}
.monoshowtable {z-index: 0 !important;}
.monoall{
    margin-left: -37px;
    margin-top: 18px;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
}
#obvalues .monotable{left: -13px !important;padding: 12px !important;}
.monotable{margin-right: 96px;}
#obvalues .monotable, #content > .monotable{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    table-layout: fixed;
}
#hdiv, .hdiv{
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.33);
}
.apcall td{
    word-break: break-all;
    color: #000000 !important;
    padding: 13px;
}
.apcall table{
    position: absolute;
    background-color: white;
    width: 100%;
    height: 100%;
}
.apcall .clob{
    top: 66px;
}
.apcall{
    text-align: center;
    z-index: 100;
    display: none;
    max-width: 75%;
    width: auto;
    overflow: hidden;
    height: auto;
    max-height: 75%;
    left: 25%;
    margin-left: auto;
    margin-right: auto;
    top: 25%;
    background-color: white;
    position: fixed;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
}
.apireq{
    background-color: black;
    padding: 3px;
    color: #15f915;
    font-size: 13px;
    border-radius: 4px;
    line-height: 2;
    margin-bottom: 17px;
}
.apides{
    position: absolute;
    margin-top: -17px;
    font-size: 16px;
    color: #3e98c0;
    font-weight: 600;
}
.viewresult .monotable{overflow: hidden;}
.monotable table{
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    table-layout: fixed;
}
.viewresult .openmono{display: none;}
.openmono{
    width: 28px;
    height: 28px;
    margin-left: 14px;
    cursor: pointer;
    display: none !important;
    position: absolute;
}
.obrelview{
    text-align: left;
    margin-top: 6px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.expl{
    position: relative;
    padding: 7px 16px 8px;
    margin: 0;
    font-size: 12.5px;
    display: block;
    zoom: 1;
    white-space: nowrap;
    outline: none;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    vertical-align: top;
    line-height: 11px;
    text-align: center;
    text-decoration: none;
    background-color: #989898;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 25px;
    right: 0;
}
.expl::before{
    content: "";
    position: absolute;
    border-top: calc(var(--tooltip-top) * -1) solid #989898;
    border-bottom: calc(var(--tooltip-bottom) * -1) solid #989898;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: calc(calc(var(--tooltip-bottom, auto) + 100%) - 30px);
    top: calc(calc(var(--tooltip-top, auto) - 100%) + 23px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 36px;
}
.monotable .clob,#hdiv .clob,.hdiv > .clob{
    right: 10px;
    top: 74px;
    color: red;
    left: auto;
}
#resz .hperspective{display: none !important;}
.hperspective,.riugroup,.parent,.openmonoobjects, .remelfilter,.remaddselect, .remaddinput,.update_relation,.update_crelation{cursor: pointer;}
.update_crelation,.update_object,.update_relation,.update_value,.flush_object, .openmonoobjects{margin-left: 8px;}
.relp{
    padding: 7px 16px 8px;
    margin: 0;
    font-size: 12.5px;
    display: inline-block;
    zoom: 1;
    white-space: nowrap;
    outline: none;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    vertical-align: top;
    line-height: 11px;
    text-align: center;
    text-decoration: none;
    background: none;
    background-color: #5e81a8;
    color: #fff;
    border: 0;
    border-radius: 2px;
    box-sizing: border-box;
    height: 25px;
}

.hperspective, .hperspective_disabled{
    position: relative;
    float: right;
    opacity: 0.5;
    margin-left: 32px;
}
.relph{background-color: rgba(94, 129, 168, 0.39);}
.apicall{
    position: absolute;
    right: 324px;
    top: 6px;
    cursor: pointer;
}
.ctrl_inlist,.ctrl_elfilter{text-align: center;}
.ml{display: inline-block;}
.monolevel:hover .ml{display: inline-block;}
.monolevel,.chvalues{margin-left: 8px;cursor: pointer;}
.selectadd{padding: 10px;margin: 2px;}
.inputaddbutton, .seladdbutton{margin-left: 0px;margin-bottom: 10px;}
.remaddselect{
    position: absolute;
    right: -5px;
    top: -6px;
}
.sadditem{
    background-color: rgba(94, 129, 168, 0.09);
    border: 0;
    border-radius: 1px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08), 0 4px 2px 0 rgba(0, 0, 0, 0.08);
    color: #444;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    outline: 0;
    padding: 9px 7px;
    position: relative;
    -webkit-transition: box-shadow 0.15s, background-color 0.15s;
    transition: box-shadow 0.15s, background-color 0.15s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
}
.rol{
    word-break: break-all;
    text-align: left;
    background-color: rgba(134, 134, 134, 0.92);
    padding: 3px;
    margin: 4px 4px 4px 16px;
    color: #ffffff;
}
.hidder{
    background: rgba(173, 184, 208, 0.22) !important;
    box-shadow: 0px 0px 1px 1px #7EB6ED;
    color: #000000 !important;
}
.child{display: none;background-color: rgba(134, 134, 134, 0.67) !important;}
.parent .fa-trash{opacity: 0;}
.parent:hover .fa-trash{opacity: 1;}
.exclude{display: flex !important;font-family: 'Play', sans-serif !important;}
.exclude:before{
    position: absolute;
    margin-left: -18px;
    color: black;
    font: normal normal normal 14px/1 FontAwesome !important;
}
.nsadd > span{display: flex;}
.placehldr span{
    border: 1px solid rgba(128, 128, 128, 0.34);
    padding: 8px;
    position: absolute;
    border-radius: 2px;
    background-color: rgb(12, 180, 201);
    margin-left: 6px;
    margin-top: -23px;
    color: white;
    display: none;
    z-index: 114;
}
.rightMenu{
    background-color: #ffffff;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    border: none;
    box-shadow: 0 0 3px 1px #d3d3d3;
    z-index: 9999;
}
.menuItem{
    cursor: pointer;
    padding: 13px;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    position: relative;
    box-sizing: border-box;
}
.menuItem:hover{
    background-color: rgb(244, 244, 244);
}
.placehldr:hover span{display: block;}
.addtrigger{
    display: flex;
    overflow: hidden;
    height: 100px !important;
}
.commnt{
    background-color: #fcfcfc;
    border-color: #aab8c6;
    background: #fcfcfc;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    margin: 10px 1em 0 5px;
    min-height: 20px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
}
.addtrigger table{box-shadow: 1px 14px 16px -5px grey;width: 99%;}
.tdata{
    top: 0;
    height: 100%;
    display: flex;
    visibility: hidden;
    position: absolute;
    margin-left: 146px;
}
.triggerv{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    border-bottom: 5px solid rgba(16, 86, 158, 0.44);
    background-color: #fff;
    font-family: "PT Sans", sans-serif;
    position: relative;
    display: none;
    padding: 20px;
    margin: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid rgba(165, 165, 165, 0.74);
    border-right: 1px solid rgba(165, 165, 165, 0.74);
    border-top: 1px solid rgba(165, 165, 165, 0.74);
    cursor: default;
}
.trshow{display: inline-grid;}
.trhide:hover{background-color: rgba(128, 128, 128, 0.26);}
.trhide{
    padding-bottom: 10px;
    cursor: pointer;
    transition: background-color 250ms ease 0s;
}
.trhide:before{
    content: attr(bef);
    height: 30px;
    width: auto;
    position: relative;
    background: transparent;
    color: #000000;
    display: block;
    font-size: 15px;
    padding-top: 3px;
    padding-left: 3px;
    border-top: 1px solid rgba(6, 134, 195, 0.82);
    border-bottom: 0;
}

.triggerv > span{
    padding: 10px;
    margin: 7px;
    background-color: #eee;
    border: 1px solid rgba(128, 128, 128, 0.3);
}
.trigger_type{
    position: absolute;
    width: 19px;
    height: 100%;
    background-color: rgba(16, 86, 158, 0.12);
    left: 0;
    top: 0;
}
.trigger_type span{
    transform: rotate(-90deg);
    position: absolute;
    color: black;
    margin-top: 24px;
    left: 0;
    width: 17px;
    bottom: 5px;
}
.REMOVE_RELATION span{
    font-size: 9px;
    margin-top: 41px;
    left: -32px;

}
.trigger input{height: 25px;}
.fas,.fuas{
    position: absolute;
    margin-top: -58px;
    background-color: white;
    z-index: 1;
}
#login{
    border-radius: 6px;
    opacity: 0;
    -webkit-transition: opacity 1s;-moz-transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;
    padding: 23px;
    font-family: 'Play', sans-serif;
    text-align: center;
    width: 260px;
    height: 271px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    font-size: 18pt;
    background-color: rgba(255, 255, 255, 0.37);
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -148px;
    margin-left: -152px;
}
#login.sh{
    opacity: 1;
}
#login input[type=text]{
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: #DFE4E7;
    color: #333333;
    border-radius: 2px;
    background-color: #FCFDFE;
    border: 1px solid #DFE4E7;
    padding: 6px 5px 5px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 28px;
    margin: 0px;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
}
#lout{margin-left: 7px;font-size: 18px;}
#lout:hover, .riugroup:hover{color: #5e81a8;}
#avatar,.avatar{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    vertical-align: top;
    margin-right: 7px;
    margin-top: -3px;
    box-shadow: 0 0 3px 1px rgba(107, 107, 107, 0.76);
    transition: transform 1s;
}
#avatar:hover{
    transform: scale3d(1.1,1.1,1);
}
.avatar_el{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: top;
    margin-top: -7px;
    position: absolute;
    margin-left: -31px;
}
#graphContainer svg{
/*    padding-left: 10%;
    min-width: 45000px !important;*/
}
[aria-grabbed="true"]{background-color: rgba(94, 129, 168, 0.33) !important;color: rgba(68, 68, 68, 0.60) !important;}
.norelation{border: 2px solid rgba(255, 0, 0, 0.5);box-shadow: 0px 0px 1px 1px rgba(255, 0, 0, 0.27);}
#rdata{
    display: grid;
    max-height: 150px;
    overflow-y: auto;
}
.redislist{
    margin: 5px;
    float: left;
    background-color: #cad2d9;
    border-radius: 2px;
    padding: 3px;
    color: black;
}
.delredkey{
    float: right;
    height: 17px;
    line-height: 4px;
}
.searchz {
    position: fixed;
    bottom: 0;
    margin-left: 0;
    height: 86px;
    padding-top: 5px;
    box-shadow: 0 -3px 3px hsla(0,0%,0%,.1);
    width: 100%;
    margin-right: 0;
    z-index: 1000;
}
.searchz svg { position: absolute; transform: translateX(-347px); width: 500px; height: auto; stroke-width: 8px; stroke: #00acc1; stroke-width: 1px; stroke-dashoffset: 0; stroke-dasharray: 64.6 206.305; transition: all 0.5s ease-in-out; stroke-linejoin: round; stroke-linecap: round; }
.input-search { position: absolute;  height: 64px;
    top: 0;
    right: 20px;
    bottom: 0;
    left: 40%;
    width: 20%;
    border: none;
    background-color: transparent;
    outline: none;
    padding: 11px;
    font-size: 39px;
}
.input-search::-webkit-input-placeholder{color: rgba(0, 172, 193, 0.50) !important;font-size: 20px;}
.input-search::-moz-placeholder{color: rgba(0, 172, 193, 0.50) !important;font-size: 20px;}
.input-search::-ms-input-placeholder {color: rgba(0, 172, 193, 0.50) !important;font-size: 20px;}
.search-label { position: absolute; display: block; width: 108px; height: 108px; top: 0; left: 50%; margin-left: -54px; z-index: 100; transition: 0.5s ease-in-out; }
.isActive .search-label { transform: translateX(300px); }
.isActive svg { stroke-dashoffset: -65; stroke-dasharray: 141.305 66; transform: translateX(-200px); }
.isActive.full svg { stroke-dashoffset: -65; stroke-dasharray: 141.305 66; transform: translateX(-200px); }
.full .search-label { transform: translateX(300px); }
.full svg { stroke-dashoffset: 0; stroke-dasharray: 64.6 206.305; transform: translateX(-200px); }
#sresults{
    border: 1px solid rgba(128, 128, 128, 0.51);
    position: fixed;
    z-index: 4000;
    left: 5px;
    top: 86px;
    bottom: 96px;
    background: white;
    max-width: 99%;
    overflow-y: auto;
    display: none;
    padding: 16px;
}
.seladdbutton{margin-bottom: 10px;}
.remaddinput,.remaddselect{position: absolute;}
#resz td:before{
    content: attr(index);
    width: auto;
    position: relative;
    background: transparent;
    color: #1eb4c6;
    border-bottom: 0;
    margin-right: 5px;
}
#loadview{margin-top: 2px;}
.acr,.addrule:not(select){box-shadow: 0 0 17px -3px grey;padding: 9px;margin-top: 8px;}
.remove_addrule{
    position: absolute;
    display: block !important;
    margin-left: -10px;
    margin-top: -42px;
}
.mcomment{
    display: table;
    padding: 9px;
    margin-top: 18px;
    border-radius: 1px;
    border: 1px solid rgba(128, 128, 128, 0.62);
}
.addinfo .tshadow{
    display: none !important;
}
.addinfo{
    box-shadow: none !important;
    background-color: transparent !important;
    border: none;
    border-right: none !important;
    border-left: none !important;
}
@-webkit-keyframes vibration {0% {left: -1px;top: -1px;transform:scale(1.06);}12.5% {left: 1px;top: 0px;transform:scale(1.08);}25.0% {left: -1px;top: 1px;transform:scale(1.1);}37.5% {left: 0px;top: -1px;transform:scale(1.08);}50.0% {left: 0px;top: 1px;transform:scale(1.1);}62.5% {left: 1px;top: -1px;transform:scale(1.08);}75.0% {left: -1px;top: 0;transform:scale(1.06);}87.5% {left: 1px;top: 1px;transform:scale(1.08);}100% {left: 0px;top: 1px;transform:scale(1.06);}}
@keyframes vibration {0% {left: -1px;top: -1px;transform:scale(1.06);}12.5% {left: 1px;top: 0px;transform:scale(1.08);}25.0% {left: -1px;top: 1px;transform:scale(1.1);}37.5% {left: 0px;top: -1px;transform:scale(1.08);}50.0% {left: 0px;top: 1px;transform:scale(1.1);}62.5% {left: 1px;top: -1px;transform:scale(1.08);}75.0% {left: -1px;top: 0;transform:scale(1.06);}87.5% {left: 1px;top: 1px;transform:scale(1.08);}100% {left: 0px;top: 1px;transform:scale(1.06);}}
#ft .nomove:hover{
    position: relative;
    z-index: 99;
    -webkit-animation: vibration 0.2s infinite;-o-animation: vibration 0.2s infinite;animation: vibration 0.2s infinite;
}
#smenu{
    position: fixed;
    z-index: 1199;
    height: 100vh;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    display: -ms-grid;
    display: grid;
    grid-template-areas: 'MENU OVERLAY';
    -ms-grid-columns: 15fr 5fr;
    grid-template-columns: 15fr 5fr;

}
#menu.mopen ~ #smenu{-webkit-transform: none;transform: none;}
#menu.mopen ~ #smenu .MenuContainer {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.MenuContainer {
    contain: content;
    grid-area: 'MENU';
    background-color: white;
    box-sizing: border-box;
    padding: 24px;
    padding-top: 36px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: block;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
    -webkit-transition: all 500ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: all 500ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
#smenu_mover{
    position: absolute;
    width: 100%;
    height: 32px;
    margin-left: -100%;
    background-color: rgb(65, 179, 227);
    z-index: 1;
    left: 5px;
}
.mmenu:hover .avatar{box-shadow: 0 0 3px 1px rgb(65, 179, 227)}
.mmenu{
    padding: 8px;
    cursor: pointer;
}
.mmenu:hover{color: grey;}
.mmenu span{color: black;margin-left: 11px;}
.inmenu{
    margin-left: 47px;
    margin-bottom: 8px;
    cursor: pointer;
}
.inmenu:hover span{color: grey;}
.MenuContainer .divid{border-bottom: 1px solid rgba(192, 192, 192, 0.17) !important;}



.unsec,.unsec:before {
    position: absolute;
    left: 50%;
    opacity: 0;
}
.unsec {
    width: 27px;
    height: 27px;
    top: -15px;
    margin: -20px 0 0 -20px;
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 2px #319acc solid;
    border-bottom: 2px #319acc solid;
}
.unsec:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0 -10px;
    border-left: none;
    border-top: none;
    border-right: 1px #319acc solid;
    border-bottom: 1px #319acc solid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
}
@keyframes arrow {0% {opacity: 1;}100% {opacity: 0;transform: translate(-10px, -10px);}}

#obvalues .union:not(.alias){
    margin-top: -13px !important;
    margin-left: -2px;
    top: 100% !important;
}

.cross td:nth-child(4){    width: 70px;}

.aliass{
    padding: 7px;
    color: black;
    font-size: 16px;
}

.aliass:hover > .uniontablef{
    display: block;
}

.uniontablef{
    display: none;
    position: absolute;
    z-index: 10;
    margin-top: -2px !important;
}
.uniontables{
    margin-top: 30px !important;
    margin-bottom: 16px !important;
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.uniontables td{
    border: none !important;
    padding: 0 !important;
}

.union + pre{
    position: absolute;
    margin-left: -275px;
    margin-top: -12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.62);
    background-color: white;
    color: black;
    padding: 13px;
    width: 300px;
    max-height: 150px;
    z-index: 2;
    overflow: auto;
    display: none;
}
.union:hover + pre, .union + pre:hover{
    display: block;
}

#alias{
    display: block !important;
}
.union:not(.alias){
    position: absolute;
    margin-top: 16px;
    margin-left: 17px;
    cursor: pointer;
    opacity: 0.4;
    z-index: 1;
    transform: rotateZ(45deg);
}

.union:hover{
    opacity: 1;
}

.union.fa-link:before{
    color: #319acc;
}

.union.fa-unlink:before{
    color: #b94545;
}
.action_packet{
    overflow: hidden;
    overflow-x: auto;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    height: auto;
}

.action_packet.rawshow{
    max-height: 120px !important;
    max-width: 200px !important;
}
.action_packet_div{
    white-space: pre;
    display: inline-block;
}
.show_packet{
    position: absolute;
    font-size: 16px;
    margin-top: -16px;
    width: 200px;
    background-color: rgba(0, 0, 0, 0.29);
    color: white;
    text-align: center;
    box-shadow: 0 -4px 6px 2px rgba(96, 96, 96, 0.59);
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: background-color 4ms;-moz-transition: background-color 4ms;-ms-transition: background-color 4ms;-o-transition: background-color 4ms;transition: background-color 4ms;
}
.show_packet:hover{
    background-color: rgba(0, 0, 0, 0.73);
}
#about.active{display: block !important;}
#about{
    display: none;
    background-color: #fff;
    box-shadow: 0 0 68px 1px black;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    height: 375px;
    border-radius: 10px;
    overflow: hidden;
    z-index: 98;
    padding: 40px;
}
#about span{
    background-color: rgba(255, 255, 255, 0.69);
    color: black;
    display: flex;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 8px;
}
#about .fa-close{
    position: absolute;
    right: 10px;
    top: 5px;
    color: white;
    cursor: pointer;
}
#about .fa-close:hover{color: #ffffff;}
#octowrap {
    opacity: 0.8;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(141deg, #038387 0%, #3498db 51%, #2980b9 75%);
    top: 0;
    left: 0;
    z-index: -1;
}
#octowrap .bubble {
    background: radial-gradient(ellipse at center, rgba(105, 171, 223, 0.1) 25%, #54a9ed 100%);
    border-radius: 50%;
    opacity: 0.7;
    position: absolute;
    width: 18px;
    height: 18px;
    opacity: 1;
}
#octowrap .bubble:nth-child(2) {width: 28px;height: 28px;left: 35%;top: 40%;opacity: 1;animation: blubb-4 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2s;}
#octowrap .bubble:nth-child(3) {width: 38px;height: 38px;left: 30%;top: 60%;opacity: 1;animation: blubb-6 5.5s infinite;animation-timing-function: ease-out;animation-delay: 3s;}
#octowrap .bubble:nth-child(4) {width: 48px;height: 48px;left: 20%;top: 70%;opacity: 1;animation: blubb-7 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2.5s;}
#octowrap .bubble:nth-child(5) {width: 55px;height: 55px;left: 15%;top: 30%;opacity: 1;animation: blubb-3 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2.5s;}
#octowrap .bubble:nth-child(6) {width: 60px;height: 60px;left: 25%;top: 50%;animation: blubb-5 5.5s infinite;animation-timing-function: ease-out;animation-delay: 5s;}
#octowrap .bubble:nth-child(7) {width: 17px;height: 17px;left: 35%;top: 10%;animation: blubb-1 5.5s infinite;animation-timing-function: ease-out;animation-delay: 4.5s;}
#octowrap .bubble:nth-child(8) {width: 18px;height: 18px;right: 15%;top: 80%;animation: blubb-8 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2s;}
#octowrap .bubble:nth-child(9) {width: 28px;height: 28px;right: 35%;top: 20%;animation: blubb-2 5.5s infinite;animation-timing-function: ease-out;animation-delay: 1.5s;}
#octowrap .bubble:nth-child(10) {width: 38px;height: 38px;right: 25%;top: 60%;animation: blubb-6 5.5s infinite;animation-timing-function: ease-out;animation-delay: 3.5s;}
#octowrap .bubble:nth-child(11) {width: 40px;height: 40px;right: 35%;top: 40%;animation: blubb-4 5.5s infinite;animation-timing-function: ease-out;animation-delay: 3.5s;}
#octowrap .bubble:nth-child(12) {width: 55px;height: 55px;right: 22%;top: 30%;animation: blubb-3 5.5s infinite;animation-timing-function: ease-out;animation-delay: 5s;}
#octowrap .bubble:nth-child(13) {width: 50px;height: 50px;right: 37%;top: 20%;animation: blubb-2 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2.5s;}
#octowrap .bubble:nth-child(14) {width: 60px;height: 60px;right: 25%;top: 60%;animation: blubb-6 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2.5s;}
#octowrap .bubble:nth-child(15) {width: 57px;height: 57px;right: 10%;top: 40%;animation: blubb-4 5.5s infinite;animation-timing-function: ease-out;animation-delay: 2s;}
@keyframes blubb-1 {0% {top: 10%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-2 {0% {top: 20%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-3 {0% {top: 30%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-4 {0% {top: 40%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-5 {0% {top: 50%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-6 {0% {top: 60%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-7 {0% {top: 70%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}
@keyframes blubb-8 {0% {top: 80%;opacity: 0.5;}50% {top: 0%;opacity: 0.75;}100% {top: 0;opacity: 0;}}


#menud {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

.obo{
    background-color: #000000 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
    height: auto !important;
}

.element {
    width: 140px;
    height: 180px;
    box-shadow: 0px 0px 20px rgb(0, 172, 193);
    border: 1px solid rgba(0, 172, 193, 0.41);
    cursor: default;
    border-radius: 11px;
}

.element:hover {
    box-shadow: 0px 0px 20px rgba(0,255,255,0.75);
    border: 1px solid rgba(127,255,255,0.75);
}

.element .number {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: rgba(127,255,255,0.75);
}

.element .symbol {
    position: absolute;
    top: 40px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: rgba(255,255,255,0.75);
    font-weight: bold;

    -webkit-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
    -moz-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
    -o-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
    -ms-filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
    filter: drop-shadow(0px 0px 20px rgba(0,255,255,0.95));
}

.element .details {
    position: absolute;
    top: 125px;
    width: 100%;
    font-size: 11px;
    text-align: center;
    color: rgba(127,255,255,0.75);
}
.spaceview{
    opacity: 1 !important;
    position: absolute;
    width: 1250px;
    height: 700px;
    z-index: 13;
    margin-top: 87px;
    margin-left: 1806px;
    transform:translateZ(335px);
    padding: 10px;
    cursor: pointer;
}
.spacead{
    position: absolute;
    box-shadow: 0 0 12px 1px rgba(152, 153, 160, 0.75);
    transform:translateZ(-10px);
    background-color: transparent;
    border: 2px solid #8080802e;
    border-radius: 6px;
}
.spaceview:after {
    content: attr(datatext);
    font-size: 35px;
    font-family: 'Play', sans-serif;
}
.spaceview > iframe {
    border: none;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.spaceinfo{
    position: absolute;
    width: auto;
    height: 20px;
    z-index: 12;
    color: #000000;
    margin-top: 67px;
    white-space: pre;
    margin-left: 1806px;
    transform:translateZ(15px);
    padding: 10px;
}
.spaceinfo:hover{
    opacity: 1;
}
.spaceel, .spaceelI{
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 12;
    color: black;
    margin-left: 1806px;
    transform:translateZ(15px);
    cursor: pointer;
}
.spaceelI{color: rgba(255, 109, 80, 0.89) !important;}
.spaceel:hover{
    text-shadow: 0px 2px 7px white;
}

.ring-2 {
    position: relative;
    z-index: 999;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid rgba(33, 182, 200, 0.55);
    border-radius: 100%;
}


.ball-holder {
    backface-visibility: hidden;
    position: absolute;
    width: 25px;
    height: 24px;
    left: 2px;
    top: 3px;
    animation: loadingE 1.3s linear infinite;
}

.ball {
    position: absolute;
    top: -6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: rgb(33, 182, 200);
}

@keyframes loadingE {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}
#fvals, .fvals, #fvalsrep, #fvalstag, .ftg{
    position: fixed;
    bottom: 4px;
    left: 4px;
    z-index: 97;
    padding: 0.8rem 1rem;
    width: 150px;
    font-size: 18px;
    font-weight: 100;
    color: #333;
    border: 1px solid rgba(128, 128, 128, 0.39);
    outline: none;
    border-radius: 3px;
    -webkit-transition: color 0.3s, background 0.3s;
    transition: color 0.3s, background 0.3s;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.15)), to(rgba(255, 255, 255, 0.1)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.1));
}
#fvals:focus,#fvalsrep:focus, #fvalstag:focus,, .ftg:focus{
    color: white;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.2)));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.2))
}
#chunkinfo{
    position: fixed;
    bottom: 0px;
    height: 33px;
    left: 185px;
    padding: 3px;
    z-index: 97;
}
#chunkinfo.manage{
    right: 10px;
    left: auto !important;
}
.chunkconfflex{
    position: absolute;
    right: 5px;
    top: 69px;
}
#chlength{
    bottom: 0px;
    position: absolute;
    left: 72px;
}
#chtotal{
    bottom: 0px;
    position: absolute;
    left: 118px;
}
.tags_filter_type{
    margin-left: 7px;
}
#tags_holder:before{
    transform: rotateY(180deg);
    margin-right: 10px;
    margin-top: 4px;
}
#tags_holder .chosen-drop{
    position: fixed;
}
.tags_filters > .chosen-container{
    width: auto !important;
}
.tags_filters:before{
    content: 'Tags';
}
.tags_filters{
    width: 100%;
    display: none;
    margin-top: 33px;
}
#tags_holder{
    position: fixed;
    bottom: 5px;
    z-index: 95;
    right: 122px;
    height: 39px;
    width: 40%;
    display: inline-flex;
    font-size: 28px;
    overflow-y: auto;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}
.open_tags{
    position: absolute;
    bottom: 8px;
    left: 7px;
}
#fvals.manage{
    right: 167px;
    left: auto !important;
}
.fvals.manage{
    left: 167px;
    right: auto !important;
}
.showhdvals + .hdvals{
    display: block !important;
}
.hdvals{
    display: none;
}
.mremovel{
    margin-left: 6px;
}
.enav{
    font-size: 20px;
    margin-left: 12px;
    background-color: rgba(173, 71, 71, 0.37);
    padding: 3px;
    color: black;
    border-radius: 3px;
}
table.dataTable{
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    box-shadow: 0 3px 3px rgba(0,0,0,.3);
    table-layout: fixed;
}
table.dataTable > tbody > tr:first-of-type > td{
    border-top: 3px solid #00758f !important;
}
table.dataTable > tbody > tr:last-of-type > td{
    border-bottom: 3px solid #00758f !important;
}
table.dataTable > tbody > tr > td:last-of-type{
    border-right: 1px solid #00758f !important;
}
table.dataTable td{
    padding: 4px;
    border-left: 1px solid #00758f !important;
    border: none;
}
table.dataTable tr:hover{
    background-color: #cecece;
}
.viewwork{
    position: absolute;
    top: 103px;
    margin-left: 6px;
    max-width: 250px;
    width: 250px;
    height: 90px;
}
.vload{
    max-width: 100px;
}
.viewwork button{
    position: absolute;
}
#viewname{
    left: 5px;
    top: 28px;
    position: absolute;
}
#saveview{ right: 6px;}
#loadview{    right: 6px;
    top: 26px;}
#removeview{     right: 6px;
    top: 56px;}
#vload{
    left: 2px;
    top: 56px;
    position: absolute;
    max-width: 116px;
}
label[for=rowspan]{
    position: absolute !important;
    margin-top: -7px;
    margin-left: -115px;
}
#clearview{
    margin-top: 22px;
    margin-left: 10px;
    position: absolute !important;
}
.elstylespan{
    padding: 6px;
    color: #329bcd;
    font-weight: 700;
    font-size: 16px;
}
#addtype{
    position: absolute !important;
    margin-left: -115px;
    margin-top: 21px;
    width: 100px;
}
label[for=flexible]{
    margin-left: -115px;
    position: absolute !important;
}
label[for=flexmono]{
    margin-left: -114px;
    position: absolute !important;
}
label[for=crows]{
    margin-left: -27px;
    margin-top: -7px;
    position: absolute !important;
}

.footerZ,.addtrigger{
    position: fixed;
    bottom: 0;
    margin-left: 0;
    height: 46px;
    padding-top: 5px;
    box-shadow: 0 -3px 3px hsla(0,0%,0%,.1);
    width: 100%;
    margin-right: 0;
    background-color: #f2f2f3;
    z-index: 95;
}
#propertysave, #propertysavegroup{
    height: 45px;
    position: fixed;
    bottom: 3px;
    z-index: 97;
    right: 5px;
}
.lovertext{
    position: absolute;
    top: 50%;
    margin-left: -29px;
    margin-top: -44px;
    font-size: 15px;
    color: black;
}
.loadOverlay{
    text-align: center;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    background-color: rgba(117, 143, 152, 0.28);
    background-image: radial-gradient(rgba(0, 88, 150, 0.75), black 120%);
}
.loadOverlay .ring-2{
    transform: scale(3);
    top: 50%;
    margin-top: -50px;
    opacity: 0.6;
}
.loadOverlay .ball{
    box-shadow: none !important;
}
.clearviewZ{
    cursor: pointer;
    position: absolute;
    z-index: 2;
    margin-top: 4px;
    right: 10px;
    color: grey;
    opacity: 0.5;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.clearviewZ:hover{
    color: rgba(255, 101, 93, 0.55);
}
.clearviewZ:hover, .update_data:hover{
    opacity: 1;
}

.flexnav{
    border-top: 3px solid rgba(6, 134, 195, 0.82);
    border-bottom: 2px solid rgba(6, 134, 195, 0.82);
    height: 100px;
    position: absolute;
    width: 98%;
    z-index: 4;
    padding-right: 7px;
    margin-left: -3px;
    background-color: white;
}
.flexnav >a {
    margin-top: 7px;
}
.ttl{
    margin-top: 44px;
    margin-bottom: 3px;
    color: #1385e6;
}
.gantt_wrapper .reportName,.chart_wrapper .reportName,.scroll_wrapper .reportName,.grid_wrapper .reportName{
    display: block;
}
.reportName{
    position: absolute;
    z-index: 4;
    margin-top: 1px;
    padding: 3px;
    white-space: pre;
    height: 16px;
    text-overflow: ellipsis;
    max-width: 50%;
    overflow: hidden;
    font-size: 15px;
    color: black;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top: 1px solid rgba(6, 134, 195, 0.82);
    border-left: 1px solid rgba(6, 134, 195, 0.82);
    border-right: 1px solid rgba(6, 134, 195, 0.82);
    margin-left: -3px;
    background-image: url(/assets/images/tile.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 6px 6px;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.viewresult:not(.atomhider-shadow):hover > .reportName{margin-top: -22px;}
.reporthide > .dna {display: none !important;}
.viewresult > .dna{
    background-color: rgba(128, 128, 128, 0.41);
}
.viewresult:not(.atomhider-shadow) > .dna{margin-top: 110px !important;}
.viewresult:not(.atomhider-shadow):not(.ssmIreport){box-shadow: 0 1px 7px 1px #a0a3a5;margin-top: 25px;}
.obhid td:nth-child(6){
    height: 200px;
    overflow: auto;
    display: block;
    max-width: 400px;
}
.obhid td:nth-child(5){
    max-width: 400px;
}
.obhid td:nth-child(1),.obhid td:nth-child(2){
    cursor: pointer;
}
.obhid{
    cursor: default !important;
}
.el_diff{
    max-height: 300px;
    overflow: auto;
    padding: 5px;
    display: block;
    border-radius: 3px;
    word-break: normal;
}
.el_changed_from{
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.el_changed_to{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
.el_diff:before{
    position: absolute;
    font-size: 26px;
    margin-top: -17px;
    margin-left: -16px;
    color: #000000;
}
.el_removed{
    background-color: rgba(232, 132, 84, 0.36);
}
.el_added{
    background-color: rgba(0, 128, 0, 0.36);
}
.el_changed_from,.el_changed_to{
    background-color: rgba(212, 207, 64, 0.61);
}
.obhid > td {
    border-left: 1px solid #00758f !important;
}
.el_val{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: transparent;
}
.el_val_exists:before{
    position: absolute;
    content: "\f00c";
    color: #44d8ff;
}
.el_val_not_exists:before{
    position: absolute;
    content: "\f068";
    color: red;
}
.mrestore:checked +label + div{
    font-size: 20px;
    color: #26b5c6;
}
.viewresult > .dna > main{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex !important;
}
.viewresult.gantt_wrapper > table > thead{z-index: 4 !important;}
.viewresult > .dna dash{
    background-color: white !important;
}
.fullobv.reporthide{
    height: 70px !important;
    overflow: hidden;
}
.viewresult .opobvo{
    z-index: 2;
    position: absolute;
    top: auto;
    margin-top: 8px;
    margin-left: 107px;
}
.fullobv .flexnav{
    top: 1px !important;
    width: 99% !important;
}
.avl{
    margin-top: -4px;
    margin-bottom: 11px;
}

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

.progress-bar {
    position: absolute;
    margin-top: 4px;
    margin-left: -3px;
    width: 98%;
}
.prcnt{
    position: absolute;
    left: 50%;
    z-index: 10;
    color: #5e81a8;
    font-size: 18px;
    text-shadow: 0 0 1px;
}
.start_slider{
    position: absolute;
    left: -93px;
}
.progress-bar progress {
    position: absolute;
    z-index: 79;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: transparent;
    border: none;

    /* Reset the default appearance*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* transition */
    -webkit-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

progress::-moz-progress-bar {
    background-color: #7eb3cf;
}

progress::-webkit-progress-bar {
    background: transparent;
}

progress::-webkit-progress-value {
    background-color: #7eb3cf;
}
.engine table{
    margin-left: auto !important;
    margin-right: auto !important;
}
.preresult{
    background-color: #fafafa !important;
    font-size: 17px;
    padding: 8px;
    line-height: 35px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 2px;
}
.preresulto{
    background-color: #fafafa !important;
    font-size: 17px;
    padding: 8px;
    line-height: 35px;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: 2px;
}
.roa{
    background-color: rgba(23, 146, 55, 0.95);
    color: white;
    padding: 5px;
    border-radius: 2px;
}
.rwa{
    background-color: rgb(46, 152, 204);
    color: white;
    padding: 5px;
    border-radius: 2px;
}
#groupconf{
    position: fixed;
    bottom: 3px;
    z-index: 95;
    right: 26%;
    height: 45px;
}
#groupconf button{
    height: inherit;
    margin-right: 3px;
}
.grtd{
    min-width: 113px;
}
.elaspect:not(.showelaspect) > table{
    display: none;
}
.elaspect.showelaspect > table{
    display: table;
}
.elaspect_man:before{
    float: right;
    margin-left: 7px;
    margin-top: 2px;
    cursor: pointer;
}
.elaspect_man:hover:before{
    color: rgb(46, 152, 204);
}
.elaspect_ch{
    display: none;
}
.elaspect_man{display: block;}
.prntob > td{
    background-color: rgba(91, 169, 187, 0.77) !important;
    color: white !important;
    text-shadow: none !important;
    border: none !important;
    display: block;
}
.grconfig{
    background-color: transparent !important;
}
.grconfig tr:hover{
    background-color: rgba(240, 242, 245, 0.48) !important;
}
.grconfig td.cr{
    background-color: rgba(42, 152, 185, 0.42) !important;
    text-shadow: none;
}
.grconfig > tbody > tr:not(.prntob) > td:first-of-type{
    color: black;
}

.prntob.fa-caret-up:before{
    color: green !important;
}

.itm a{
    position: relative;
    list-style-type: none;
    display: block;
    margin: 10px 0;
    background-color: #30354ad6;
    color: #fff;
    border-top-right-radius: 2px;
    padding-left: 38px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 49px;
    border-bottom-right-radius: 2px;
    overflow: hidden;
}

.itm a:hover{
    background-color: rgba(48, 53, 74, 0.75);
}
.websocketconnection{
    margin-right: 8px;
    opacity: 0.6;
    font-size: 16px;
}

.socketstat{
    position: absolute;
    margin-left: -5px;
    margin-right: auto;
    width: 132px;
}
.socketstat span{
    font-size: 9px;
    display: flex;
    color: black;
}
.webNotify{
    box-shadow: 0 30px 50px -5px rgba(0,0,0,.35);
    background-color: #fff;
    position: relative;
    bottom: 10px;
    right: 10px;
    padding: 11px;
    padding-left: 69px;
    border-radius: 3px;
    color: #000000;
    border: 1px solid #cbd6e2;
    padding-right: 20px;
    margin-bottom: 16px;
    font-size: .9em;
    display: table;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.webNotify img{
    width: 29px;
    position: absolute;
    left: -15px;
    top: -14px;
}
.elnotify{
    background-color: rgb(154, 154, 154);
    color: white;
    padding: 6px;
    margin-left: -69px;
    margin-top: -11px;
    position: absolute;
    border-top-left-radius: 3px;
}
#pushMessages{
    position: fixed;
    z-index: 1001;
    right: 0;
    bottom: 50px;
    max-width: 40%;
}
.webNotify .clob{
    margin-left: -8px !important;
    margin-top: -20px !important;
    color: grey;
    z-index: 1002;
    position: absolute;
    left: 100%;
}
.subscribe_object{
    margin-left: 7px;
}
.subscribe_object[sub='true']:before{
    color: #ff8900;
}
.informer_success{
    background-color: #e6ffe0;
    border: 1px solid #3caf85;
}
.informer_failure{
    background-color:#f6cab7;
    border: 1px solid #e95b54;
}
.informer_warning{
    background-color: #fcedc8;
    border: 1px solid #fbce4a;
}
.doca{
    display: flex;
}
.filetype{
    margin: 7px;
}
.file-icon:hover:before, .vid:hover .file-icon:before,.obrelview tr:hover .file-icon:before{
    border-color: #f0f2f5 #f0f2f5 rgba(255,255,255,.35) rgba(255,255,255,.35) !important;
}
.trtdata{
    position: relative;
    float: left;
    line-height: 7;
}
#atrig{
    right: 3px;
}
.atrob{
    margin-left: 6px;
}
.emldata{
    display: grid;
    margin: 6px;
}
.propmenu{
    position: absolute;
    right: 5px;
    top: 1px;
    font-size: 17px;
    width: 26px;
    height: 52px;
    display: none;
    padding-top: 9px;
    background-color: white;
    padding-right: 11px;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    z-index: 1;
}
.propmenuopen{
    position: absolute;
    right: 3px;
    top: 0;
}
.propmenuopen:hover ~ .propmenu, .propmenu:hover{
    display: block;
}
.columnZ{
    position: absolute;
    top: 2px;
    transform: rotateZ(90deg);
    font-size: 21px;
    opacity: 0.3;
    right: 6px;
    cursor: pointer;
}
.columnZ:hover{
    opacity: 1;
    color: #237baf;
}
.columnZ_illusion .clob{
    margin-left: -4px !important;
    top: 0px  !important;
    margin-top:0 !important;
}
.columnZ_illusion{
    background-color: rgba(0, 128, 57, 0.18);
}
.columnZ_illusion:hover{
    background-color: rgba(0, 128, 57, 0.32);
}

.ob_calculations{
    padding: 1px;
    margin: 3px;
    margin-top: 5px;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    border-radius: 4px;
    border: 1px solid rgba(128, 128, 128, 0.321);
    color: #237baf;
    cursor: default;
}

/* ALTA */
.home-box {
    padding: 5px;
    margin: auto !important;
    border-radius: 6px;
    border: 1px solid rgba(132, 162, 173, 0.45);
    width: 96%;
    min-width: 240px;
    float: left;
    display: block;
    position: relative;
    min-height: 120px;
    overflow: hidden;
    cursor: pointer;
    transform:scale(1);
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.home-box:after {
    background: #fff;
    content: "";
    height: 450px;
    left: -175px;
    opacity: .5;
    position: absolute;
    top: -96px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.home-box:hover:after {
    left: 120%;
    -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.home-box:hover{
    z-index: 11;
    transform:scale(1.07);
}

.home-box .description {
    position: relative;
    font-size: 15px;
    font-weight: normal;
    width: auto;
    /* text-transform: uppercase; */
    color: #666;
    line-height: 19px;
    margin: 5px 15px;
    padding-left: 90px;
}
.homeicon {
    font-size: 145px !important;
    margin: auto;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    width: 131px;
    border-radius: 7px;
    opacity: 0.6;
    transform: scale(0.6);
    text-shadow: 0 4px 4px grey, 0 6px 7px grey;
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.homeicon.fa:before{
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.center{
    margin: 0 auto !important;
    padding: 20px 10px 20px 10px;
}
.home-box h2 {
    position: relative;
    font-size: 19px;
    font-weight: bold;
    /* text-transform: uppercase; */
    color: #4c4c4c;
    display: block;
    line-height: 1.3em;
    margin: 5px 15px;
    padding-left: 90px;
}
.home-box:hover .homeicon{
    opacity: 1;
    transform:scale(0.9);
}
.home-box .fa-edit:before{
    color: #89a8c3;
}
.homeicon.fa-edit{
    width: 147px;
}
.home-box[data="vobjects"]:hover{
    background-color: rgba(53, 134, 216, 0.1) !important;
}
.homeicon.fa-share-alt{
    width: 126px;
}
.home-box .fa-share-alt:before{
    color: rgba(155, 131, 250, 0.75);
}
.home-box[data="vobjectsgroup"]:hover{
    background-color: rgba(222, 218, 243, 0.71) !important;
}
.homeicon.fa-list-alt{
    width: 147px;
}
.home-box .fa-list-alt:before{
    color: rgba(73, 250, 130, 0.75);
}
.home-box[data="vrelations"]:hover{
    background-color: rgba(224, 243, 231, 0.71) !important;
}

.home-box .fa-bar-chart:before{
    color: rgba(180, 196, 184, 0.75);
}
.home-box[data="vreports"]:hover{
    background-color: rgba(239, 239, 243, 0.71) !important;
}

.home-box .fa-clock-o:before{
    color: rgba(255, 137, 0, 0.75);
}
.home-box[data="hobjects"]:hover{
    background-color: rgba(239, 225, 208, 0.71) !important;
}
.home-box .fa-download:before{
    color: rgba(255, 54, 58, 0.75);
}
.home-box[data="hactions"]:hover{
    background-color: rgba(239, 225, 208, 0.71) !important;
}

.homeicon.fa-map-signs{
    width: 143px;
}
.home-box .fa-map-signs:before{
    color: rgb(182, 163, 250);
}
.home-box[data="tobjects"]:hover{
    background-color: rgba(223, 220, 250, 0.71) !important;
}

.homeicon.fa-spinner{
    width: 143px;
}
.home-box .fa-spinner:before{
    color: rgb(147, 220, 240);
}
.home-box[data="mobjects"]:hover{
    background-color: rgba(238, 248, 251, 0.71) !important;
}

.home-box .fa-link:before{
    color: rgb(240, 136, 151);
}
.home-box[data="mrelations"]:hover{
    background-color: rgba(240, 200, 206, 0.71) !important;
}

.homeicon.fa-share-alt-square{
    width: 128px;
}
.home-box .fa-share-alt-square:before{
    color: rgb(214, 108, 240);
}
.home-box[data="mrelationgroups"]:hover{
    background-color: rgba(220, 178, 240, 0.78) !important;
}

.homeicon.fa-sitemap{
    width: 148px;
}
.home-box .fa-sitemap:before{
    color: rgb(18, 240, 202);
}
.home-box[data="mtree"]:hover{
    background-color: rgba(168, 240, 216, 0.64) !important;
}

.homeicon.fa-paperclip{
    width: 117px;
}
.home-box .fa-paperclip:before{
    color: rgb(165, 240, 48);
}
.home-box[data="etree"]:hover{
    background-color: rgba(203, 240, 162, 0.65) !important;
}

.homeicon.fa-eye{
    width: 147px;
}
.home-box .fa-eye:before{
    color: rgb(157, 103, 240);
}
.home-box[data="sman"]:hover{
    background-color: rgba(200, 190, 240, 0.61) !important;
}


/*   POPUP   */


.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1111;
    width: 100%;
    background-color: rgba(94, 132, 141, 0.47);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-buttons{
    padding: 0;
}
.cd-popup-container p {
    padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
    list-style: none;
}
.cd-popup-container .cd-buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 .25em;
}
.cd-popup-container .cd-buttons li:first-of-type a:hover {
    background-color: #fc5e61;
}
.cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}
.cd-popup-container .cd-buttons li:last-of-type a:hover {
    background-color: #8ccad8;
}
.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}
.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.even{
    background-color: rgba(233, 236, 239, 0.62);
}
.odd{
    background-color: #ffffff;
}
.multiselect-wrapper span{
    text-transform: none !important;
    padding: 0 !important;
}
.multiselect-wrapper .multiselect-list .multiselect-checkbox{
    left: 0 !important;
}
.multiselect-list{display: grid;}
.multiselect-list  span{
    cursor: pointer;
    border-bottom:none !important;
    background-color: transparent !important;
}
.multiselect-wrapper ul li.active {
    background-color: rgb(233, 245, 246) !important;
}

.multiselect-list span label .multiselect-text{
    padding-left: 23px !important;
}

.multiselect-list ul li{
    margin: 6px;
    width: 100%;
    text-align: left;
    margin-left: 22px;
}
.multiselect-wrapper ul li:hover {
    background-color: rgba(94, 129, 168, 0.11) !important;
}
.searchFM{
    padding: 5px;
    margin-bottom: 7px;
}
.multiselect-list{
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    padding: 13px !important;
    cursor: default;
}
.flcc{
    max-height: 300px;
    overflow-y: auto;
    display: none;
    background-color: white;
    padding: 16px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
    text-align: left;
    line-height: 20px;
    margin-left: 87px;
    position: absolute;
    margin-top: 18px;
    z-index: 3;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.ccol{
    margin-top: -16px;
    margin-left: -16px;
    margin-right: -16px;
}
.curcolor{
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    padding: 9px;
    margin-bottom: 2px;
    line-height: 31px;
}
.flexcolconf{
    float: left;
    margin-left: 78px;
    margin-top: 5px;
}
.flexmulti{display: none;}

.crselect{
    display: none;
}

.crselect.crshow{display: block !important;}
.colheader {
    margin-top: -25px;
    margin-left: -48px;
    margin-right: -20px;
    margin-bottom: 11px;
    padding-left: 39px;
}
.colheaderf{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 11px;
}
.addFiltersDiv{
    opacity: 1;
    width: 39px !important;
    margin-top: 100px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    left: 0px;
    position: absolute;
    max-width: 75%;
    z-index: 3;
    background-color: transparent !important;
    height: 369px !important;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.addFiltersDiv:before{
    position: absolute;
    left: 8px;
    margin-top: 8px;
}
.addFiltersDiv > *{
    opacity: 0;
}
.addFiltersDiv:hover > *{
    opacity: 1;
}
.addFiltersDiv:hover{
    width: 200px !important;
    overflow-y: visible;
    background-color: white !important;
}
.valuestransformrules{
    margin: 11px;
    border: 1px solid rgba(128, 128, 128, 0.47);
    padding: 7px;
}
.colorrng{
    margin: 11px;
    border: 1px solid rgba(128, 128, 128, 0.47);
    padding: 7px;
    line-height: 39px;
}
.colorule {
    width: 11px;
    margin-top: 56px;
    height: 14px;
    overflow: hidden;
    left: 3px;
    position: absolute;
    background-color: transparent;
    max-width: 75%;
    z-index: 7;
    padding: 13px;
    -webkit-transition: all 0.2s ease-out 0.1s;
    -moz-transition: all 0.2s ease-out 0.1s;
    -ms-transition: all 0.2s ease-out 0.1s;
    -o-transition: all 0.2s ease-out 0.1s;
    transition: all 0.2s ease-out 0.1s;
}
.valuesrules, .valuesrules .curspan{
    font-size: 12px;
}
.valuesrules >table td {
    padding: 1px !important;
}
.addFiltersDiv .divid{display: block !important;}
.colorule > div{display: none}
.addFiltersDiv .addFilters, .colorule.adfopenZ > div{display: block;}
.colorule{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    left: 79px !important;
    margin-top: 59px !important;
    z-index: 3 !important;
    max-height: 400px;
    padding-right: 20px;
    width: 13px;
    display: inline-table !important;
}
.colorule:before{
    margin-left: -10px;
}
.coloruleconstr{
    text-align: left;
    margin-left: 35px;
    margin-top: 12px;
}
.curspan{
    color: black;
    font-size: 16px;
    border-radius: 2px;
    word-break: break-word;
    line-height: 33px;
    border: 1px solid rgba(128, 128, 128, 0.47);
    padding: 4px;
    background-color: rgba(128, 128, 128, 0.15);
}
.zInd{z-index: 0 !important;}
.zIndup{z-index: 3 !important;}
.viewresult:not(.fullobv) > .addFiltersDiv.adfopenZ{
    height: 423px;
    position: absolute;
    overflow-y: visible;
}
.addFiltersDiv.adfopenZ , .colorule.adfopenZ{
    background-color: white !important;
    width: auto !important;
    height: 423px !important;
    overflow-y: visible;
    z-index: 3;
    margin-top: 50px !important;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
}
.colorule.adfopenZ{
    height: auto !important;
    min-height: 100px !important;
    max-width: 70%;
    overflow: auto !important;
}
.addFiltersDiv:hover:before, .colorule:hover:before{
    color: #5e81a8;
    transform: scale(1.05);
}
 .colorule:before{text-shadow: 1px 1px 1px grey;}
.addFilters{
    margin: 5px 15px 5px 29px;
}
.addFilters > span{
    display: block;
    color: #445f80;
    word-break: break-all;
}
.etrd td {
    border-left: 1px solid #00758f !important;
    white-space: pre;
}
.multiselect-list span{color: #000000 !important;}
 .colorule:before{
    cursor: pointer;
    position: absolute;
    left: 11px;
    color: rgb(255, 216, 103);
}
.obrelview .sorting:after,.obrelview .sorting_asc:after,.obrelview .sorting_desc:after{
    right: 0px !important;
    cursor: pointer;
}
.obrelview .sorting:hover:after,.obrelview .sorting_asc:hover:after,.obrelview .sorting_desc:hover:after{
    text-shadow: 0px 0px 1px black;
}
.sorting:after,.sorting_asc:after,.sorting_desc:after{
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    cursor: pointer;
}
.sorting:after{
    opacity: 0.2;
    content: "\e150";
}
.sorting_asc:after{
    content: "\e155";
}
.sorting_desc:after{
    content: "\e156";
}
.sorting:after, .sorting_asc:after, .sorting_desc:after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
}
.addFilters:after{
    position: inherit !important;
    width: 20px;
    height: 20px;
    margin-top: -23px;
    padding-bottom: 13px;
    margin-left: -20px;
}

.falogin{
    width: 42px;
    height: 36px;
    font-size: 30px;
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -18px;
    color: #53d053;
}
.flman{
    z-index: 2;
    display: none;
    position: absolute;
    padding: 0;
    left: 40px;
    margin-top: 75px;
    height: 0px;
    width: 0px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-color: white;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30)
}
.flman .dheader{
    margin-top: -10px;
    margin-left: -30px;
    margin-right: -18px;
}
.fmopen{
    text-shadow: 1px 1px 1px grey;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 2;
    font-size: 30px !important;
    position: absolute;
    color: rgb(255, 216, 103);
    font-size: 30px;
    margin-top: 69px;
    left: 45px;
}
.reporthide{
    min-height: 10px !important;
    height: 95px !important;
}
.rhider{
    cursor: pointer;
    position: absolute;
    left: 45px;
    top: 5px;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}

.reporthide .flexcolconf,.reporthide .optionsmenu,.reporthide .groupapicall + label,.reporthide .apicall,.reporthide .update_data:before,.reporthide .chart_compress:before,.reporthide .fmopen, .reporthide table, .reporthide .addFiltersDiv, .reporthide .colorule{display: none !important;}
.rhider:hover{
    color: #445f80;
}
.update_data:hover{
    transform:rotateZ(780deg);
}
.flman span{
    font-size: 19px;
    margin-bottom: 9px;
}
.fmopen:hover{
    color: #445f80;
}
.fmopen:hover ~ .flman, .flman:hover{
    display: inline-grid;
    height: 162px;
    width: 138px;
    padding: 10px 20px 30px 30px;
    display: inline-grid !important;
}
.flman button, .flman input{
    width: 138px;
}
.elaspect{
    border: 1px solid #7fbbc9;
    border-radius: 2px;
    margin-top: 4px;
    margin-left: 10px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    min-width: 97%;
    max-width: 97%;
    height: 50px;
    overflow: hidden;
    background-color: rgba(142, 166, 169, 0.77);
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.elaspect > table{
    margin-top: 70px !important;
}
.elaspect:before{
    position: absolute;
    margin-top: 8px;
    color: white;
    margin-left: 6px;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.elaspect.showelaspect{
    height: auto;
    overflow-x: visible;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.elaspect:hover{
    background-color: rgba(91, 169, 187, 0.77);
}
.elaspect:after{
    content: attr(bef);
    font-family: 'Play', sans-serif !important;
    height: 36px;
    margin-left: 30px;
    width: auto;
    position: absolute;
    color: #ffffff;
    display: block;
    padding: 7px;
    font-size: 21px;
    border-bottom: 0;
    text-align: left;
    top: 0px;
}
.remove_aspect{
    position: absolute;
    right: 6px;
    top: 7px;
    font-size: 20px;
    color: white;
    opacity: 1;
}
body{
    counter-reset: list;
}
.avalue:before{
    counter-increment: list;
    content: counter(list);
    color: white;
}
.flexibleOrder:after, .valuesOrder:after{
    cursor: pointer;
}
.flexibleOrder:hover:after, .valuesOrder:hover:after{
    text-shadow: 0px 0px 1px black;
}
.selfOrder{
    text-align: center;
    position: fixed;
    bottom: -4px;
    width: 23px;
    height: 24px;
    left: 188px;
    z-index: 98;
}
.wbor{
    border-radius: 0px !important;
}
.appler{
    position: absolute;
    margin-top: 19px;
    width: 100%;
    background-color: #329bcd;
    left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
}
.nodata{
    margin-left: auto;
    text-align: center;
    margin-bottom: 50px;
    background-color: #f0f3f6;
    margin-right: auto;
    border: 1px solid #319acc;
    padding: 9px;
    color: red;
}
.tip{
    background-color: #262626;
    box-shadow: rgba(0,0,0,0.2) 1px 2px 4px 0px;
    border-radius: 2px;
    color: #fff;
    padding: 7px 15px;
    position: fixed;
    top: 16px;
    left: 45%;
}
.tip:before{
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    margin-top: 23px;
    margin-left: 17px;
    border: 5px solid transparent;
    border-top: 5px solid #262626;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mutstatus{
    width: 10px;
    height:10px;
    border-radius: 50%;
    border: 1px solid rgba(128, 128, 128, 0.44);
    display: inline-block;
    margin-right: 5px;
}
.mutfull{
    background-color: #00ff84;
}
.mutnotfull{
    background-color: rgba(255, 56, 32, 0.60);
}
.vallink{
    position: absolute;
    margin-top: -6px;
    cursor: pointer;
    color: #3bbce6;
    opacity: 0.3;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.vallink:hover{
    opacity: 1;
    text-shadow: 0 3px 1px rgba(128, 128, 128, 0.89);
}
#addview{
    position: absolute;
    margin-left: -115px;
    margin-top: 51px;
    z-index: 1;
}
.gantt_wrapper,.chart_wrapper,.scroll_wrapper, .grid_wrapper{
    background-color: rgb(255, 255, 255);
    max-height: 60%;
    box-shadow: 0 1px 7px 1px #a0a3a5;
}
.chartjs-render-monitor{
}
/*
.viewhalf.chart_wrapper:not(.atomhider-shadow){
    max-height: 600px !important;
}
*/
.dna {
    width: var(--strand-width);
    position: relative;
    z-index: 999;
    margin: 0 auto;

}

/*DNA*/
@-webkit-keyframes molecule-animation {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(45px, 0, 0);
        transform: translate3d(45px, 0, 0);
    }
}
@keyframes molecule-animation {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        -webkit-transform: translate3d(45px, 0, 0);
        transform: translate3d(45px, 0, 0);
    }
}
@-webkit-keyframes connection-animation {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
}
@keyframes connection-animation {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    to {
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
}




main {
    flex: 1;
    display: flex;
    align-items: center;
    width: 50px;
    height: 121px;
}

dna {
    display: flex;
    flex-flow: row nowrap;
    width: 50px;
    position: relative;
}

column {
    display: flex;
    flex-flow: column;
    width: 8px;
    height: 112px;
}
column:nth-of-type(3) {
    position: absolute;
    left: 0;
}

dot {
    display: block;
    width: 5px;
    height: 5px;
    margin-bottom: 9px;
    border-radius: 50%;
    background-color: #1eb4c6;
    -webkit-animation-name: molecule-animation;
    animation-name: molecule-animation;
    -webkit-animation-duration: 1400ms;
    animation-duration: 1400ms;
}
column:nth-of-type(1) dot {
    background-color: #000000;
    -webkit-animation-direction: alternate, normal;
    animation-direction: alternate, normal;
}
column:nth-of-type(3) dot {
    background-color: #1eb4c6;
    -webkit-animation-direction: alternate-reverse, normal;
    animation-direction: alternate-reverse, normal;
}

dash {
    display: block;
    height: 1px;
    width: 28px;
    margin-top: 3px;
    margin-bottom: 10px;
    margin-left: 3px;
    border-radius: 3px;
    background-color: silver;
    -webkit-animation-name: connection-animation;
    animation-name: connection-animation;
    -webkit-animation-duration: 700ms;
    animation-duration: 700ms;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

dot,
dash {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
dot:nth-of-type(1),
dash:nth-of-type(1) {
    -webkit-animation-delay: -175ms;
    animation-delay: -175ms;
}
dot:nth-of-type(2),
dash:nth-of-type(2) {
    -webkit-animation-delay: -350ms;
    animation-delay: -350ms;
}
dot:nth-of-type(3),
dash:nth-of-type(3) {
    -webkit-animation-delay: -525ms;
    animation-delay: -525ms;
}
dot:nth-of-type(4),
dash:nth-of-type(4) {
    -webkit-animation-delay: -700ms;
    animation-delay: -700ms;
}
dot:nth-of-type(5),
dash:nth-of-type(5) {
    -webkit-animation-delay: -875ms;
    animation-delay: -875ms;
}
dot:nth-of-type(6),
dash:nth-of-type(6) {
    -webkit-animation-delay: -1050ms;
    animation-delay: -1050ms;
}
dot:nth-of-type(7),
dash:nth-of-type(7) {
    -webkit-animation-delay: -1225ms;
    animation-delay: -1225ms;
}
dot:nth-of-type(8),
dash:nth-of-type(8) {
    -webkit-animation-delay: -1400ms;
    animation-delay: -1400ms;
}


/*DNA*/

.viewresult.reporthide:not(.ssm){box-shadow: none !important;}
.viewresult.ssm{    box-shadow: 0 1px 3px 0px #a0a3a5 !important;}

.charttype{
    position: absolute;
    margin-top: 8px;
    margin-left: 11px;
}
/*
.viewhalf:not(.atomhider-shadow){
    width: 45% !important;
}
.viewhalf{
    display: flex !important;
    margin-left: 2.5% !important;
    float: left;
    position: relative;
}
.viewhalf .flexnav{
    padding-right: 15px;
}
.viewhalf:not(.atomhider-shadow) > .resizeWrapper{
    margin-top: 245px !important;
    margin-left: -100% !important;
}

.viewhalf .opobvo{display:  none;}
.viewhalf .reportName{
    display: none;
}
.viewhalf .apicall{
    right: 47px !important;
}
.viewhalf .flexnav > label{
    right: 200px !important;
    margin-top: 9px !important;
}
*/
#schemaForm_frame{
    position: fixed;
    z-index: 1111;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    box-shadow: 0px 0px 1000px 550px #080808;
}
.schemaView{
    height: inherit;
}
.CodeMirror-fullscreen{
    background: white;
}
.atomhider-shadow > .resizeWrapper{
    bottom: 13px;
    position: absolute !important;
    top: 17px !important;
    overflow: auto;
    padding-top: 10px;
}
.chart_compress{
    position: absolute;
    right: 11px;
    top: 5px;
}
.group_pattern{
    margin-left: 2px;
    margin-top: 9px;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
[type="checkbox"]:not(.chonoff):not(:checked) + label + .group_pattern{
    width: 0px;
    opacity: 0;
}
[type="checkbox"]:not(.chonoff):checked + label + .group_pattern{
    width: 134px;
    opacity: 1;
}
[type="checkbox"]:not(.chonoff):not(:checked) + label + .nonuniquemerge +label{
    width: 0px;
    opacity: 0;
}
[type="checkbox"]:not(.chonoff):checked + label + .nonuniquemerge +label{
    width: 134px;
    opacity: 1;
}
.viewresult > table > thead th .divid{
    margin: 4px 0px;
}
.viewresult:not(.atomhider-shadow):not(.ui-resizable){
    width: 98% !important;
}
.atomhide{display: block !important;}
.atomhide{
    width: 30px;
    height: 30px;
    background: url(/assets/images/atom.png);
    z-index: 111;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    margin-top: 7px;
    margin-left: 4px;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.reporthide .atomhide{
    display: none !important;
}
.atomhide:hover{
    opacity: 1;
    transform: scale(1.1);
}
.atomhider{
    display: none !important;
}
.atomhider-shadow{
    margin-bottom: 0px;
    margin-left: 0px;
    box-shadow: none !important;
    border-radius: 0;
    display: flex !important;
    position: relative;
    float: left;
}
.atomhider-shadow.chart_wrapper,.atomhider-shadow.grid_wrapper,.atomhider-shadow.scroll_wrapper,.atomhider-shadow.gantt_wrapper {
    overflow:hidden;
    padding-top: 21px;
}
.atomhider-shadow > .flexnav:not(.atomhider){
    width: 100% !important;
}
.atomhider-shadow > .flexnav:not(.atomhider) > .ttl{
    margin-top: 16px !important;
    display: flex;
}
.viewresult:not(.atomhider-shadow){
    margin-top: 23px;
}
.report_title{
    min-height: 36px;
    width: 290px;
    z-index: 2;
    border: 1px solid rgba(128, 128, 128, 0.43);
    text-align: left;
    padding: 3px;
    line-height: 28px;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}

#sortZ{
    position: absolute;
    bottom: 4px;
    left: 5px;
    opacity: 0.6;
    background-color: #e6eef6;
    border: 1px solid rgba(128, 128, 128, 0.28);
    z-index: 6;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
#sortZ:before{
    position: absolute;
    margin-top: -32px;
}
#sortZ tr td:first-child{
    font-size: 17px;
    color: grey;
    padding: 12px;
}
#sortZ tr td:after{
    bottom: 17px !important;
}
#sortZ:hover{
    bottom: 48px;
    opacity: 1;
}
#sortZ tr td{
    border: none;
    padding: 1px 22px 9px 0px;

}
.viewresult:not(.atomhider-shadow):not(.ssm):before{
    content: attr(def);
    height: 18px;
    width: auto;
    position: absolute;
    background: transparent;
    color: #000000;
    display: block;
    font-size: 15px;
    transition: background-color 250ms ease 0s;
    border-bottom: 1px solid rgba(6, 134, 195, 0.82);
    border-top: 0;
    margin-top: -19px;
    max-width: 50%;
    right: 1%;
}
.viewresult.ssm:before{
    height: 18px;
    width: auto;
    position: absolute;
    background: transparent;
    color: #000000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    transition: background-color 250ms ease 0s;
    border-bottom: 1px solid rgba(6, 134, 195, 0.82);
    border-top: 0;
    margin-top: 15px;
    max-width: 50%;
    right: 1%;

}
.viewresult[def-after='']:after{
    display: none;
}
.viewresult:after{
    content: attr(def-after);
    position: absolute;
    background: rgba(45, 45, 45, 0.31);
    color: white;
    display: block;
    padding: 2px;
    font-size: 11px;
    /*z-index: 4;*/
    border: 1px solid rgba(189, 192, 195, 0.38);
    margin-bottom: 2px;
    margin-left: -3px;
}
.viewresult.atomhider-shadow:not(.scroll_wrapper):not(.chart_wrapper):not(.gantt_wrapper):not(.grid_wrapper):before{
    margin-top: 3px !important;
    z-index: 11;
}
.viewresult:not(.scroll_wrapper):not(.chart_wrapper):not(.gantt_wrapper):not(.grid_wrapper):after{
    margin-left: -3px;
    margin-top: 55px;
}
.viewresult.reporthide:after{
    margin-left: -3px !important;
    margin-top: 85px !important;
}
.hretro input[type=text]{
    width: 189px !important;
    text-align: right;
}
.hretro{
    display: none;
    margin: 18px;
    box-shadow: 0 0 5px rgba(0,0,0,0.30);
    padding: 14px;
    line-height: 30px;
    text-align: right;
}
.historychart:checked + label + .hretro{
    display: block;
}
.viewresult.atomhider-shadow:after{
    right: 0;
    opacity: 0.8;
    bottom: 0px;
}
.viewresult.gantt_wrapper > table,.viewresult.chart_wrapper > table,.viewresult.scroll_wrapper > table,.viewresult.grid_wrapper > table{    z-index: 4;}
.viewresult:not(.gantt_wrapper):not(.chart_wrapper):not(.scroll_wrapper):not(.grid_wrapper) > .report_title{
    max-width: 20%;
}
.viewresult:not(.gantt_wrapper):not(.chart_wrapper):not(.scroll_wrapper):not(.grid_wrapper) > table{
    padding-left: 38px !important;
    padding-right: 38px !important;
}

#graphContainer > svg{
 /*   width: 400% !important;
    height: 3000px !important;*/
}

.atomhider-shadow:before{
    content: attr(def);
    height: 18px;
    width: 100%;
    position: absolute;
    background: transparent;
    color: var(--color);
    display: block;
    font-size: 24px;
    transition: background-color 250ms ease 0s;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
}
.raw > .resizeWrapper{
    background-color: white;
    text-align: left;
}
.raw.viewresult{
    display: block;
}
.resizeWrapper{
    z-index: 3;
}
.reporthide .resizeWrapper{display: none;}

.update_data{
    cursor: pointer;
    position: absolute;
    z-index: 2;
    margin-top: 35px;
    right: 11px;
    color: grey;
    opacity: 0.3;
    -webkit-transition: all 2.4s;-moz-transition: all 2.4s;-ms-transition: all 2.4s;-o-transition: all 2.4s;transition: all 2.4s;
}
.update_data:hover{
    color: rgba(8, 112, 241, 0.82);
}

.optionsmenu{
    position: absolute !important;
    cursor: pointer;
    left: 120px;
    top: 73px;
}
.optionsmenu:hover{
    color: rgba(6, 134, 195, 0.82);
}
.options{
    max-height: 400px;
    overflow-y: auto;
    max-width: 60%;
    display: block;
    position: absolute !important;
    left: 119px;
    top: 90px;
    z-index: 3;
    text-align: left;
    background-color: white;
    padding: 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 15px 12px rgba(0,0,0,0.22), 0 0 38px rgba(0,0,0,0.30);
}
.optionsshow{
    display: block !important;
}

.columnConfigOpen{
    position: absolute;
    left: 4px;
    top: 4px;
}
.novcol select{
    width: auto !important;
}
.novcol{
    text-shadow: none !important;
    text-align: left;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: inherit;
    max-width: 91%;
    overflow-y: auto;
    max-height: initial;
    height: 216px !important;
}
.object_alias{
    width: 200px !important;
}
.plchtypes{
    color: black;
    background: white;
    padding: 9px;
    font-size: 11px;
}
.cptobuffer:hover{
    color: black;
}
.cptobuffer{
    cursor: pointer;
    font-size: 11px;
    display: initial;
}
.obttl{
    background-color: transparent;
    border-bottom: none;
    position: absolute;
    top: -5px;
    right: 0px;
    width: 88%;
    text-align: center;
}
.obttl2{
    background-color: transparent;
    border-bottom: none;
    visibility: hidden;
}
.viewresult .hdiv{
    cursor: default;
    position: fixed;
    width: 500px;
    height: 283px;
    overflow: auto;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.33);
}
/*
.viewhalf .flexnav{
    z-index: 5 !important;
}*/
.options .divid{
    margin: 7px !important;
}
.rmanage_header{
    position: relative;
    width: 100%;
    display: flex;
}
.rmanage_type{
    width: 50%;
    text-align: center;
    height: 30px;
    line-height: 24px;
    cursor: pointer;
    border-bottom: 1px solid rgba(128, 128, 128, 0.20);
}
.rmanage_type:hover{
    color: #2b96c9;
    font-size: 15px;
    border: 1px solid rgba(128, 128, 128, 0.52);
}
.rmanage_type.ractive{
    border-bottom: 1px solid rgba(6, 134, 195, 0.82);
    color: rgba(6, 134, 195, 0.82);
    font-size: 16px;
}
.rpcontainer{
    text-align: center;
    background-color: rgba(0, 91, 125, 0.61);
    width: 364px;
    display: inline-block;
    min-height: 178px;
    border-radius: 8px;
    box-shadow: 7px 7px 16px 0 rgba(0, 0, 0, .4);
    padding: 8px;
    margin: 12px;
    margin-bottom: 25px;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.dthldr:hover{
    position: absolute;
    width: 300px;
    margin-top: -39px;
    height: auto;
    box-shadow: 7px 7px 16px 0 rgba(0, 0, 0, .4);
}
.dthldr{
    position: static;
    width: 100px;
    background-color: rgb(239, 239, 239);
    padding: 13px;
    color: black;
    z-index: 1;
    height: 50px;
    word-break: break-word;
    border: 1px solid rgba(0, 0, 0, 0.19);
    overflow: hidden;

}
.stk_report{
    position: fixed;
    top: 81px;
    z-index: 1;
}
.reports_container > table, #obvalues > .obrelview, #objects > .elaspect > table,#objects[bef="Direct-object relations"]>table{
    table-layout: auto !important;
}
.reports_container button{margin: 3px !important;width: 131px;}
.reports_container > table tr td:last-of-type{
    width: 150px;
}
.reports_container > table tr th{
    padding: 5px !important;
}
.reports_container > table tr td{
    padding: 5px !important;
    /*word-break: break-word;*/
}
.sharedZ{
    color: white;
    background-color: #008000 !important;
}
.rpcontainer.datashow{
    border-right: 1px solid;
    -webkit-transform: rotateY(180deg) translateZ(-70px);
    transform: rotateY(180deg) translateZ(-70px);
    box-shadow: none;
    background-color: transparent;
}
.rpcontainer.datashow table{
    z-index: -1;
    display: none;
}
.rpcontainer table tr td:first-of-type{
    width: 90px !important;
}
.rpcontainerSecondary.datashow, .rpcontainer.datashow .datashowback{
    display: block;
}
.rpcontainer.datashow button:not(.datashowback){
    display: none;
}
.rpcontainerSecondary{
    display: none;
    z-index: 2;
    -webkit-transform: rotateY(180deg) translateZ(-70px);
    transform: rotateY(180deg) translateZ(-70px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1200px;
    perspective: 1200px;
    width: 364px;
    min-height: 178px;
    border-radius: 8px;
    -webkit-transform: rotateY(180deg) translateZ(-70px);
    transform: rotateY(180deg) translateZ(-70px);
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.datashowback{
    display: none;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
    -webkit-transform: rotateY(180deg) translateZ(-70px);
    transform: rotateY(180deg) translateZ(-70px);
    z-index: 311;
    position: absolute;
    right: 22px;
    margin-top: 10px;
}
.rpcontainerSecondary div{
    color: black;
    width: 93%;
    margin-left: 3%;
    padding: 0.5%;
    word-break: break-word;
}
.rpcontainer table{
    width: 95%;
}
.reportdataHider{
    cursor: pointer;
}

#itemsview{
    position: fixed;
    top: 79px;
    left: 1px;
    height: 100px;
    width: 34px;
    text-align: center;
}

#itemsview div{
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}

#itemsview div:hover{
    opacity: 1;
    color: rgba(6, 134, 195, 0.82);
}

.vreporttrue{
    opacity: 1 !important;
    color: rgba(6, 134, 195, 0.82) !important;
}

.ssm{
    height: 50px !important;
    min-height: 0px !important;
    background-color: transparent;
    border-radius: 3px;
    margin-bottom: 37px !important;
    border-bottom: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ssm:before{
 content: 'SlideMarker' !important;
    left: 25%;

}
.ssm .clob{
    cursor: pointer;
    position: absolute;
    z-index: 2;
    margin-top: -1px;
    right: 10px;
    color: grey;
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ssm .clob:hover:before{color: rgba(255, 110, 100, 0.98) !important;}
.ssmIreport{
    height: 1px !important;
    min-height: 0;
    background-color: transparent;
    margin-bottom: 25px !important;
}
.ssmIreport:before{
    border: none !important;
}
.scr_wrp{
    height: 100% !important;
    overflow: hidden;
}
.scr_wrp li{
    list-style: none;
    display: flex;
}
.scrollheader{
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 10px;
}
.atomhider-shadow .scr_wrp{
}
.amcharts-scrollbar-horizontal .amcharts-value-axis text > tspan{
    fill: #010304;
}
.hlpr{
    z-index: 20;
}
.ui-draggable .drop_platform{
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    box-shadow: 0px 0px 68px -7px #3fa7b4 inset;
    z-index: 19;
    font-size: 25px;
    color: black;
    font-weight: 800;
    line-height: 94px;
}
.ui-draggable .drag_platform{
    position: absolute;
    width: 98%;
    height: 105px;
    margin-left: -9px;
    padding-right: 20px;
    z-index: 18;
    box-shadow: 0px 0px 68px -7px #3fa7b4 inset;
    font-size: 25px;
    color: black;
    font-weight: 800;
    line-height: 94px;
}
.ssm.ui-draggable{
    height: 113px !important;
}
.itemconfig{
    position: absolute;
    margin-top: 134px;
    margin-left: 107px;
    font-size: 22px;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}

.portalgroup_span{
    height: 100%;
    position: absolute;
    font-size: 29px;
}
.portal_group_holder{
    position: absolute;
    left: 107px;
    line-height: 33px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 6px;
    padding-right: 6px;
    right: 70px;
    max-height: 80px;
    display: inline-flex;
    padding-top: 5px;
}
#refreshportal{
    position: absolute;
    right: 8px;
    top: 11px;
}
.portalgroups_label{
    margin-left: 7px;
}
#iportal_instance{
    position: absolute;
    top: 7px;
    left: 175px;
}
.portal_item{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 160px;
    height: 157px;
    text-align: center;
    margin: 25px;
    cursor: pointer;
    display: inline-flex;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.portal_item:active{
    transform:scale(1.02);
}
#group_select{
    position: absolute;
    top: 5px;
    left: 25%;
    margin-left: 99px;
}
#span_group_select{
    position: absolute;
    top: 9px;
    font-size: 17px;
    left: 25%;
}
.pfavorite{
    display: none;
    position: absolute;
    margin-top: 6px;
    margin-left: 160px;
    cursor: pointer;
    opacity: 0.4;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.portal_item:hover .pfavorite{
    display: block;
    font-size: 25px;
}
.portal_item:hover .itemconfig, .portal_item:hover .getnote{
    opacity: 1;
}
.getnote{
    opacity: 0;
    z-index: 2;
    font-size: 21px;
    position: absolute;
    margin-left: 133px;
    margin-top: 132px;
    color: #1793ce;
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.getnote:hover{
    font-size: 24px;
    color: #0fc3ce;
}
.portal_item:hover .picon{
    transform:scale(0.9);
}
.pfavorite:hover{
    color: rgba(101, 227, 106, 0.94);
    transform:scale(1.02);
    opacity: 1;
    text-shadow: 0 0 6px #3c3939;
}
.fvrts{
    box-shadow: 0 2px 30px 0 rgba(0,0,0,0.14), 0 3px 27px -2px rgba(0,0,0,0.12), 0 1px 11px 0 rgba(0,0,0,0.2);
}
.fvrts .pfavorite:hover{
    color: rgba(227, 51, 60, 0.84) !important;
}
.portal_group{
    border-top: 3px solid rgba(6, 134, 195, 0.82);
    padding: 8px;
    font-size: 18px;
    box-shadow: 0px 0px 17px -3px grey inset;
}
.portal_item.newitem:before{
    content: '';
    background-image: url(/assets/images/new2.png);
    background-size: 100%;
    width: 100px;
    height: 100px;
    z-index: 4;
    transform: scale(0.6);
    margin-top: -23px;
    position: absolute;
    opacity: 0.8;
    margin-left: 85px;
}
.portal_item.externalItem:after{
    content: "\f08e";
    z-index: 4;
    color: rgba(6, 134, 195, 0.54);
    margin-top: 131px;
    position: absolute;
    margin-left: 2px;
    opacity: 0.6;
}
.portal_item .picon[src='/assets/images/pie-chart.png']{
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.portal_item .picon{
    width: 150px;
    height: auto;
    margin-top: 3px;
    margin-left: 5px;
    position: absolute;
}
.portalitem_name{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: absolute;
    width: 160px;
    z-index: 2;
    background-color: rgba(6, 134, 195, 0.54);
    color: white;
    display: block;
}
.portal_item span{
    padding: 4px 0 5px 0px;
}
.portalitem_desc{
    max-height: 123px;
    overflow-y: auto;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: absolute;
    width: 160px;
    z-index: -1;
    background-color: #ffffffed;
    color: black;
    display: block;
    visibility: hidden;
    opacity: 0;
    margin-top: 140px;
    cursor: default;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.picon{
    -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;
}
.portal_item:hover .picon{
    opacity: 0.3;
}
.portal_item:hover{
    background-color: #edf0f5;
}
.portal_item:hover .portalitem_desc{
    margin-top: 0px;
    z-index: 5;
    opacity: 1;
    visibility: visible;
}
.ppreview{
    display: none;
    position: fixed;
    width: 50%;
    height: auto;
    right: 10px;
    bottom: 10px;
    z-index: 3;
    box-shadow: 0px 0px 10px grey;
    background-image: url(/assets/images/tile.png);
    background-repeat: repeat;
    background-position: top left;
    background-size: 6px 6px;
}
#portalFilter{
    position: absolute;
    width: auto;
    right: 10px;
    margin-top: -34px;
}

.portal_slider{
    position: absolute;
    right: 10px;
    margin-top: -3px;
    display: none;
}
.portal_slider input{
    margin-top: -3px;
}

.addtslider{
    position: absolute;
    margin-top: 4px;
    margin-left: -22px;
    cursor: pointer;
    opacity: 0.1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.addtslideri:checked + .addtslider{
    opacity: 1 !important;
}
.portal_item:hover .addtslider, .ifrcl:hover{
    opacity: 1;
}

#slider_frame{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    border: none;
    top: 0;
    left: 0;
    background-color: white;
}
.ifrcl{
    position: fixed;
    top: 1px;
    z-index: 2222;
    right: 1px;
    opacity: 0.3;
}
.reporthide .ecsv{
    display: none;
}
.ecsv{
    opacity: 0.6;
    position: absolute;
    right: 228px;
    cursor: pointer;
    margin-top: -1px;
    width: 37px;
    -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;
}
.ecsv:hover{
    transform: scale(1.2);
}
.stacked:not(:checked) + label + .stacked_data{
    display: none;
}

.stacked:checked + label + .stacked_data{
    display: block;
}


/*   ATOM   */
.Atom {
    width: 250px;
    height: 250px;
    position: absolute;
    border-radius: 50%;
    padding: 30px;
    left: 50%;
    top: 50%;
    margin-left: -155px;
    margin-top: -155px;
}

.Atom-nucleus,
.Atom-nucleus:before {
    position: absolute;
    background: linear-gradient(-180deg, #0adef3 0%, #45beff 100%);
}

.Atom-nucleus {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    margin-left: -5px;
    margin-top: -10px;
    border-radius: 50%;
    top: 155px;
    left: 155px;
}

.Atom-nucleus:before {
    display: block;
    content: '';
    width: 36px;
    height: 36px;
    margin-left: -18px;
    margin-top: -18px;
    border-radius: 50%;
    top: 10px;
    left: 10px;
    opacity: 0.15;
}

.Atom-orbit {
    position: absolute;
    width: 250px;
    height: 250px;
    border: solid 4px transparent;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.Atom-orbit--visible {
    border-radius: 50%;
    border-color: #7fbfdf;
}

.Atom-electron {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.Atom-electron:before {
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 50%;
    position: absolute;
    top: 125px;
    left: 125px;
}
.Atom-electron:after {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-radius: 50%;
    position: absolute;
    top: 125px;
    left: 125px;
    border-color: rgba(255, 255, 255, 0.4);
}

.Atom-orbit--top.Atom-orbit--visible {
    -webkit-transform: rotateZ(0deg) rotateY(73deg);
    transform: rotateZ(0deg) rotateY(73deg);
}

.Atom-orbit--top.Atom-orbit--foreground {
    -webkit-transform: translateZ(100px) rotateZ(0deg) rotateY(73deg);
    transform: translateZ(100px) rotateZ(0deg) rotateY(73deg);
}

@-webkit-keyframes rotate-top {
    0% {
        -webkit-transform: rotate(0deg) translate(-125px) rotate(0deg);
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-125px) rotate(-360deg);
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}

@keyframes rotate-top {
    0% {
        -webkit-transform: rotate(0deg) translate(-125px) rotate(0deg);
        transform: rotate(0deg) translate(-125px) rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg) translate(-125px) rotate(-360deg);
        transform: rotate(360deg) translate(-125px) rotate(-360deg);
    }
}
.Atom-orbit--top .Atom-electron {
    -webkit-animation: rotate-top infinite linear;
    animation: rotate-top infinite linear;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}
.Atom-orbit--top .Atom-electron:before, .Atom-orbit--top .Atom-electron:after {
    -webkit-transform: rotateY(-73deg) rotateZ(0deg);
    transform: rotateY(-73deg) rotateZ(0deg);
}
.Atom-orbit--top .Atom-electron:before {
    background: linear-gradient(-180deg, #fad161 0%, #f99337 100%);
    opacity: 0.3;
}
.Atom-orbit--top .Atom-electron:after {
    background: linear-gradient(-180deg, #fad161 0%, #f99337 100%);
}

.Atom-orbit--left.Atom-orbit--visible {
    -webkit-transform: rotateZ(-60deg) rotateY(73deg);
    transform: rotateZ(-60deg) rotateY(73deg);
}

.Atom-orbit--left.Atom-orbit--foreground {
    -webkit-transform: translateZ(100px) rotateZ(-60deg) rotateY(73deg);
    transform: translateZ(100px) rotateZ(-60deg) rotateY(73deg);
}

@-webkit-keyframes rotate-left {
    0% {
        -webkit-transform: rotate(60deg) translate(-125px) rotate(-60deg);
        transform: rotate(60deg) translate(-125px) rotate(-60deg);
    }
    100% {
        -webkit-transform: rotate(420deg) translate(-125px) rotate(-420deg);
        transform: rotate(420deg) translate(-125px) rotate(-420deg);
    }
}

@keyframes rotate-left {
    0% {
        -webkit-transform: rotate(60deg) translate(-125px) rotate(-60deg);
        transform: rotate(60deg) translate(-125px) rotate(-60deg);
    }
    100% {
        -webkit-transform: rotate(420deg) translate(-125px) rotate(-420deg);
        transform: rotate(420deg) translate(-125px) rotate(-420deg);
    }
}
.Atom-orbit--left .Atom-electron {
    -webkit-animation: rotate-left infinite linear;
    animation: rotate-left infinite linear;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.Atom-orbit--left .Atom-electron:before, .Atom-orbit--left .Atom-electron:after {
    -webkit-transform: rotateY(-73deg) rotateZ(60deg);
    transform: rotateY(-73deg) rotateZ(60deg);
}
.Atom-orbit--left .Atom-electron:before {
    background: linear-gradient(-180deg, #51ecc2 0%, #12ccdb 100%);
    opacity: 0.3;
}
.Atom-orbit--left .Atom-electron:after {
    background: linear-gradient(-180deg, #51ecc2 0%, #12ccdb 100%);
}

.Atom-orbit--right.Atom-orbit--visible {
    -webkit-transform: rotateZ(60deg) rotateY(73deg);
    transform: rotateZ(60deg) rotateY(73deg);
}

.Atom-orbit--right.Atom-orbit--foreground {
    -webkit-transform: translateZ(100px) rotateZ(60deg) rotateY(73deg);
    transform: translateZ(100px) rotateZ(60deg) rotateY(73deg);
}

@-webkit-keyframes rotate-right {
    0% {
        -webkit-transform: rotate(120deg) translate(-125px) rotate(-120deg);
        transform: rotate(120deg) translate(-125px) rotate(-120deg);
    }
    100% {
        -webkit-transform: rotate(480deg) translate(-125px) rotate(-480deg);
        transform: rotate(480deg) translate(-125px) rotate(-480deg);
    }
}

@keyframes rotate-right {
    0% {
        -webkit-transform: rotate(120deg) translate(-125px) rotate(-120deg);
        transform: rotate(120deg) translate(-125px) rotate(-120deg);
    }
    100% {
        -webkit-transform: rotate(480deg) translate(-125px) rotate(-480deg);
        transform: rotate(480deg) translate(-125px) rotate(-480deg);
    }
}
.Atom-orbit--right .Atom-electron {
    -webkit-animation: rotate-right infinite linear;
    animation: rotate-right infinite linear;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
}
.Atom-orbit--right .Atom-electron:before, .Atom-orbit--right .Atom-electron:after {
    -webkit-transform: rotateY(-73deg) rotateZ(-60deg);
    transform: rotateY(-73deg) rotateZ(-60deg);
}
.Atom-orbit--right .Atom-electron:before {
    background: linear-gradient(-180deg, #0adef3 0%, #45beff 100%);
    opacity: 0.3;
}
.Atom-orbit--right .Atom-electron:after {
    background: linear-gradient(-180deg, #0adef3 0%, #45beff 100%);
}