@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('/public/helveticaneuethn-webfont.woff') format('woff'), url('/public/helveticaneuethn-webfont.ttf') format('truetype'), url('/public/helveticaneuethn-webfont.svg#svgFontName') format('svg');
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px
}

::-webkit-scrollbar-button {
    background: transparent
}

::-webkit-scrollbar-track-piece {
    background: #494949
}

::-webkit-scrollbar-thumb {
    background: #bbccbb
}

body, td {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


::selection {
    background: rgb(206,220,231); /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: rgb(206,220,231) /* Gecko Browsers */
}

body, td, input, select, textarea, th {
    font-family: 'Segoe UI', Arial, Tahoma, 'Arial Unicode MS';
    font-size: 10pt;
    letter-spacing: -0.2pt;
}

textarea, input[type="search"], input[type="text"], input[type="password"], input[type=checkbox] {
    border: 1px solid DarkGray;
    border-bottom: 2px solid #909090;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 3px;
}

select {
    margin: 0px;
    height: 28px;
}

.nowrap {
    white-space: nowrap;
}


input[type=text]:hover, input[type=text]:focus, select:hover, select:focus, textarea:hover, textarea:focus {
    background-color: #f4f88a;
}

select {
    border: 1px solid DarkGray;
    border-bottom: 2px solid #909090;
    padding-top: 3px;
    padding-bottom: 3px;
    scrollbar-arrow-color: gray;
    padding-left: 2px;
}

select:disabled {
    background-color: #c8c8c8;
    color: white;
}

/* THEAD Border  */
thead {
    border-bottom: 2px solid #566370;
}


/* BUTTON THEME*/
.btn {
    border-style: none;
    border-color: none;
    border-width: 0;
    cursor: pointer;
    background-color: #3f4f5c;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: whitesmoke;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light","HelveticaNeueThin",Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #849aac;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btn:disabled {
    background-color: gray;
    color: white;
}

.ycorner {
    background-image: url('/img/ycorner.png');
    background-position-y: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
    
}

.topycorner {
    background-image: url('/img/topycorner.png');
    background-position-y: top;
    background-position-x: left;
    background-repeat: no-repeat;
}

.ycornerg {
    background-image: url('/img/ycorner-g.png');
    background-position-y: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
}

.ycornerb {
    background-image: url('/img/ycorner-b.png');
    background-position-y: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
}

.ycornerw {
    background-image: url('/img/ycornerw.png');
    background-position-y: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
}

.ycornerr {
    background-image: url('/img/ycorner-r.png');
    background-position-y: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
}

.calcell {
    cursor: pointer;
    border: 1px dotted lightgray;
}

.btnfind_old /* BUTTON THEME*/ {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: #17c479;
    border-right: 5px solid #17c479;
    letter-spacing: -0.2pt;    
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    background-image: url("/img/find.png");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-clip: padding-box;
    padding-left: 6px;
    padding-right: 38px;
    font-family: "Segoe UI Light","HelveticaNeueThin",Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom: 2px solid #17975f;
}

.btnfind /* BUTTON THEME*/ {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/find.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-position-y: 2px;
    padding-right: 30px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btnprint /* BUTTON THEME*/ {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/printer1pdf.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-position-y: 2px;
    padding-right: 42px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btngo /* BUTTON THEME*/ {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.05pt;
    font-weight: bold;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/forward.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 22px;
    padding-right: 32px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btndettgo {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: #99CCFF;
    letter-spacing: -0.1pt;
    font-weight: 600;
    color: black;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light","HelveticaNeueThin",Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #6a95bf;
    background-image: url("/img/forward.png");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-blend-mode: difference;
    background-size: 22px;
    padding-right: 32px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btnxls {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/xlsx.png");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 30px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;    
}

.btnsave {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/oksave.png");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 3px center;
    padding-right: 28px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btnmenu {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: steelblue;
    letter-spacing: -0.1pt;
    font-weight: 500;
    color: white;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light", "HelveticaNeueThin", Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #536e85;
    background-image: url("/img/mdhome.png");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 5px center;
    padding-right: 30px;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btn:hover:not([disabled]) {
    color: white;
    font-weight: 600;
    background-color: rgb(79, 99, 109)
}

.dettpan {
    background-image: url('/img/tilemetal.png');
    background-repeat: repeat;
    padding: 2px;
    margin: 8px;
    border: 1px solid #416a94;
    border-bottom: 1px solid #416a94;
}

.boxshadow {
    -webkit-box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
    -moz-box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
    box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
}

.newboxbg {
    background-image: url('/img/tilemetal.png');
    background-repeat: repeat;
    margin-right: 4px;
    margin-bottom: 4px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
    -moz-box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
    box-shadow: 3px 3px 6px 0px rgba(41,41,41,0.84);
    border: 1px solid rgb(62, 85, 95);
}

.newbox {
    margin-right: 4px;
    margin-bottom: 4px;
    -webkit-box-shadow: 2px 2px 4px 2px rgba(41,41,41,0.54);
    -moz-box-shadow: 2px 2px 4px 2px rgba(41,41,41,0.54);
    box-shadow: 2px 2px 4px 2px rgba(41,41,41,0.54);
}

.btndett {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    cursor: pointer;
    background-color: #99CCFF;
    letter-spacing: -0.1pt;
    font-weight: 600;
    color: black;
    min-width: 90px;
    min-height: 25px;
    text-transform: lowercase;
    padding-bottom: 3px;
    font-size: 16px;
    font-family: "Segoe UI Light","HelveticaNeueThin",Arial, Helvetica, sans-serif;
    border-bottom: 2px solid #6a95bf;
    box-shadow: rgba(0,0,0,0.2) 0px 2px 4px;
}

.btndett:hover {
    background-color: #aad3fb;
    border-bottom: 2px solid #1b456d;
}

.marked { /* used for marked */
    color: blue;
    text-shadow: 0px 0px 3px steelblue;
    font-weight: bold;
}

.help { /* used for help labels */
    font-family: "Segoe UI",Tahoma,Calibri,Arial;
    font-size: 10pt;
    color: gray;
}

.ui-tooltip { /* custom tooltip jquery  */
    padding: 0px;
    margin: 0px;
    color: lightyellow;
    border-radius: 8px;
    box-shadow: 0 0 7px black;
    z-index: 999999;
    overflow: hidden;
}


.ui-tooltip-content {
    font-size: 14pt;
    font-weight: bold;
    font-family: "Segoe UI Light",Tahoma,Calibri,Arial;
    letter-spacing: -0.6pt;
    color: cadetblue;
}

.subtitle {
    font-family: "HelveticaNeueThin", "Segoe UI Light";
    font-size: 14pt;
    letter-spacing: -0.3pt;
    color: gray;
}


.title {
    font-family: "HelveticaNeueThin", "Segoe UI Light";
    font-size: 18pt;
    color: #345c83;
    letter-spacing: -0.5pt;
}

input.transp {
    border: none;
    background-color: transparent;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    border-radius: 0px;
    margin: auto;
}

.datain {
    color: rgb(32, 33, 28);
    text-transform: lowercase;
    font-size: 10pt;
    font-weight: 500;
}

.mtlabel {
    color: rgb(56, 84, 96);
    text-transform: lowercase;
    font-size: 11pt;
    font-weight: 600;
}
/* popup */
.mtheader {
    color: white;
    font-size: 24pt;
    font-weight: 600;
    letter-spacing: -2.2pt;
    text-shadow: 0px 0px 3px black;
    text-transform: lowercase;
}
/* popup */

a {
    color: steelblue;
}

    a:hover {
        /*background-color: Gray;
    color: White;
    font-family: Tahoma, Arial;
    color: #336699;
    font-weight: bold;*/
        /*letter-spacing: -0.7pt;*/
        /*text-transform:uppercase;*/
    }

.autocomplete {
    border-width: 1px;
    border-style: solid;
    padding: 1px;
}

.autocompleteItem {
    background-color: #FFFF99;
    padding: 0px;
    height: 30px;
}

.autocompleteHigh {
    background-color: #CCCCCC;
    border-style: dotted;
    border-width: 1px;
}



.section {
    font-size: 11pt;
    letter-spacing: -0.6pt;
    font-weight: bold;
    color: #336699;
}

.sectionwhite {
    font-size: 11pt;
    letter-spacing: -0.6pt;
    font-weight: bold;
    color: white;
}

.link {
    font-weight: bold;
    color: #336699;
}

.lb {
    color: #151414;
}

.lbb {
    color: #0f0f0f;
    font-weight: bold;
}

.tboxg {
    padding-left: 3px;
    background: rgb(206,220,231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

.gridheader {
    background: rgb(207,231,250);
}


.opa60 {
    background: rgba(120, 120, 120, 0.40);
}

.opa140 {
    background: rgba(255, 210, 110, 0.3);
}

.layeroff {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    background: rgba(38, 38, 48, 0.2);
}

.popwait {
    position: fixed;
    left: 40%;
    top: 30%;
    right: 40%;
    height: 205px;
    /* RGBa with 0.6 opacity */
    background: rgba(120, 120, 120, 0.18);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.blinker {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    100% {
        opacity: 0.4;
    }
}

/* spinner loading movicron  */
.popwait_spinner {
    position: fixed;
    left: 40%;
    top: 30%;
    right: 40%;
    border: 32px solid #f3f3f3;
    border-radius: 50%;
    border-top: 32px solid #3498db;
    width: 180px;
    height: 180px;
    -webkit-animation: myspin 1.1s linear infinite; /* Safari */
    animation: myspin 1.1s linear infinite;
    opacity:0.8;
}

/* Safari */
@-webkit-keyframes myspin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes myspin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* theming jquery ui dialog */
.ui-dialog .ui-dialog-content {
    position: static;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    background-color: #ffd;
    border: solid 1px #ea7;
    font-family: 'Segoe UI', Tahoma, 'Arial Unicode MS';
    font-size: 12pt;
    letter-spacing: -0.2pt;
}

.ui-dialog .ui-dialog-titlebar {
    color: steelblue;
    font-family: 'Segoe UI', Tahoma, 'Arial Unicode MS';
    font-size: 11pt;
    letter-spacing: -0.2pt;
}

.ui-widget-content {
}