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

  STYLE.css

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

.noscroll {

    overflow: hidden;

}



div.HEADERDIV {

}



div.CONTENTDIV {

    width: 100%;

    height: calc(100% - 30px - 2px); /* height = (page height - header-height - footer-height)   */

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: fixed;

    overflow-y: scroll;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



body {

    font-family: 'Segoe UI';

    font-size: 1em;

    margin: 0px;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



table.PAGETABLE {

    margin: 0px;

    padding: 0px;

    border: 0px solid gray;

    border-collapse: collapse;

    width: 100%;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



table.BLMESSAGES {

    width: 100%;

    border: 0px solid gray;

    border-collapse: collapse;

    background-color: transparent;

    color: red;

    font-weight: bold;

}



div.LOGINLINK {

    margin: 0px;

    padding: 0px;

    width: 250px;

    height: 28px;

}



div.PROJECT {

    background-color: white;

    color: #4169E1;

    width: 250px;

    height: 50px;

}



th.VIEWHEADER {

    background-color: white;

    color: black;

    text-align: left;

    margin-top: 20px;

}



td.MAINPAGE {

    background-color: white;

}



td.PROGRAMVERSION {

    font-size: 0.7em;

    color: #888888;

    background-color: white;

}



div.LOGINHEADER {

    margin: 0px;

    padding: 0px;

    border: 0px;

    border-collapse: collapse;

    width: 100%;

    background: rgba(79,133,187,1);

    color: White;

    height: 28px;

    font-weight: bold;

}



div.LOGINTABLE {

    position: relative;

    height: 400px;

    width: 100%;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



div.LOGINFORM {

    position: relative;

    padding: 30px;

    top: 20px;

    width: 250px;

    height: 220px;

    background-color: white;

    border: 2px solid lightgray;

    box-shadow: 2px 2px 2px #DADADA;

    border-radius: 10px;

    margin: auto;

}



div.HOMEHEADER {

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 28px;

}



div.RESPONSIVE_HEADER {

    background: rgba(79,133,187,1);

    color: White;

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 28px;

    border: 0px solid gray;

    border-collapse: collapse;

}



h3.RESPONSIVE_HEADER_TITLE {

    position: absolute;

    top: -5px;

    left: 15px;

    height: 28px;

    padding: 0px;

    margin: 0px;

    padding: 0px;

}



a.RESPONSIVE_HEADER_LOGOUT {

    position: absolute;

    top: 0px;

    right: 15px;

    width: 50px;

    height: 20px;

    margin: 0px;

    padding: 0px;

}



form.RESPONSIVE_LOGINFORM {

    display: table;

    position: relative;

    padding: 30px;

    top: 20px;

    left: 20px;

    width: 250px;

    height: 220px;

    background-color: white;

    border: double gray;

}



table.HOMEHEADER {

    color: White;

    background: rgba(79,133,187,1);

    margin: 0px;

    padding: 0px;

    border: 0px solid gray;

    border-collapse: collapse;

    width: 100%;

    height: 28px;

}



th.PAGEHEADER {

    /*background: rgb(255,245,249);

    background: linear-gradient(90deg, rgba(203,195,199,1) 0%, rgba(179,201,219,1) 100%);

    color: White;*/

    box-shadow: 2px 2px 2px #DADADA;

    color: rgb(79, 133, 187);

    background: linear-gradient(90deg, rgba(249,245,253,1) 0%, transparent 100%);

    text-align: left;

    height: 28px;

    border-radius: 5px;

}

td.PAGEHEADER_ACCORDION_BTN {

    text-align: right;

    color: rgb(79, 133, 187);

    cursor: pointer;

}



div.GROUPCONTAINER_DIV {

    position: relative;

    padding: 10px;

    top: 1px;

    /*width: 250px;*/

    /*height: 220px;*/

    background-color: white;

    border: 2px solid lightgray;

    box-shadow: 2px 2px 2px #DADADA;

    border-radius: 10px;

    margin: auto;

}

table.GROUPCONTAINER_TABLE {

    background: transparent;

    width: 100%;

}



div.GROUPHEADER {

    /*background: rgb(255,245,249);

    background: linear-gradient(90deg, rgba(203,195,199,1) 0%, rgba(179,201,219,1) 100%);

    color: White;*/

    box-shadow: 2px 2px 2px #DADADA;

    color: rgb(79, 133, 187);

    background: linear-gradient(90deg, rgba(249,245,253,1) 0%, transparent 100%);

    text-align: left;

    height: 28px;

    border-radius: 5px;

}

th.GROUPHEADER_LABEL {

    /*background: rgb(255,245,249);

    background: linear-gradient(90deg, rgba(203,195,199,1) 0%, rgba(179,201,219,1) 100%);*/

    /*background: linear-gradient(90deg, rgba(203,195,199,1) 0%, white 100%);*/

    /*color: White;*/

    color: rgb(79, 133, 187);

    text-align: left;

    height: 28px;

    /*box-shadow: 2px 2px 2px #DADADA;*/

    border-radius: 10px;

}

td.GROUPHEADER_ACCORDION_BTN {

    text-align: right;

    color: rgb(79, 133, 187);

    cursor: pointer;

}



div.GROUPCONTENT {

    background-color: transparent;

    margin: 5px 5px 10px 5px;

}



th.PAGEHEADERTOP {

    background-color: rgba(79,133,187,1);

    color: White;

    text-align: left;

    height: 28px;

}



th.PAGEHEADERMENUBTN {

    background-color: white;

    color: rgba(79,133,187,1);

    width: 28px;

    height: 28px;

}



th.PAGEHEADERMENUBTN:hover {

    text-shadow: 2px 2px 10px lightblue;

    cursor: pointer;

}



th.PAGEHEADERMENUBTNDISABLED {

    background-color: rgba(79,133,187,1);

    color: #E1EBFF;

    width: 28px;

    height: 28px;

}



td.PAGEHEADERLOGOUT {

    background-color: white;

    color: rgba(79,133,187,1);

    text-align: center;

    height: 28px;

    width: 28px;

    top: 5px;

    right: 5px;

}



    td.PAGEHEADERLOGOUT:hover {

        text-shadow: 2px 2px 10px lightblue;

        cursor: pointer;

    }



div.DOCUMENTPAGE {

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

    border-collapse: collapse;

    border: 1px solid #F2F2F2;

}



div.BTNBAR {

    width: 100%;

    background-color: transparent;

}



div.BTNTD {

    background-color: #FAFAFA;

}



div.LINKBTNBAR {

    width: 80px;

    background-color: transparent;

}



div.BTNBARINNER {

    width: 120px;

    position: relative;

    left: 30px;

    background-color: white;

}



table.BTNBAR {

    background-color: transparent;

}



table.LINKVIEWGRID {

    width: 98%;

    font-size: 13px;

    background-color: white;

    color: Black;

    border-collapse: collapse;

}



table.LINKVIEWGRIDRO {

    width: 96%;

    font-size: 13px;

    background-color: white;

    color: Black;

    border-collapse: collapse;

}



table.VIEWGRID {

    position: relative;

    top: 5px;

    left: 5px;

    right: 20px;

    width: 99%;

    font-size: 13px;

    background-color: #F2F2F2;

    color: Black;

    border-collapse: collapse;

    margin-bottom: 20px;

}



.VIEWROWHOVER {

    cursor: pointer;

    color: white;

    background: rgba(79,133,187,1);

    background: -moz-linear-gradient(top, rgba(79,133,187,1) 0%, rgba(79,133,187,1) 100%);

    background: -webkit-linear-gradient(top, rgba(79,133,187,1) 0%,rgba(79,133,187,1) 100%);

    background: linear-gradient(to bottom, rgba(79,133,187,1) 0%,rgba(79,133,187,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 );

}



.VIEWROWEVEN {

    cursor: default;

    background-color: #F2F2F2;

    color: black;

    border: 1px solid #DADADA;

}



.VIEWROWODD {

    cursor: default;

    background-color: #FFFFFF;

    color: black;

    border: 1px solid #DADADA;

}



.VIEWROWSELECTED {

    cursor: default;

    color: white;

    border: 1px solid #DADADA;

    background: rgba(79,133,187,1);

    background: -moz-linear-gradient(top, rgba(79,133,187,1) 0%, rgba(79,133,187,1) 100%);

    background: -webkit-linear-gradient(top, rgba(79,133,187,1) 0%,rgba(79,133,187,1) 100%);

    background: linear-gradient(to bottom, rgba(79,133,187,1) 0%,rgba(79,133,187,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258dc8', endColorstr='#258dc8',GradientType=0 );

}



th.VIEWCOLHEADSELECTOR {

    text-align: left;

    vertical-align: top;

    width: 30px;

}



th.VIEWCOLHEAD {

    text-align: left;

    vertical-align: top;

    min-width: 100px;

    background-color: transparent;

}



thead.VIEWHEAD {

    background-color: transparent;

    color: black;

}



thead.LINKVIEWHEAD {

    background-color: transparent;

    color: black;

}



table.VIEWCOLHEADTABLE {

    table-layout: fixed;

    min-width: 100px;

    background-color: transparent;

    color: black;

}



table.VIEWCOLFILTERTABLE {

    table-layout: fixed;

    background-color: #FAFAFA;

    color: black;

}



th.VIEWCOLSUMAVGLABEL {

    background-color: #FAFAFA;

    text-align: left;

    vertical-align: top;

    width: 30%;

    font-size: 0.8em;

}



td.VIEWCOLSUMAVGVALUE {

    background-color: #FAFAFA;

    text-align: right;

    vertical-align: top;

    width: 70%;

    font-size: 0.8em;

}



th.LINKVIEWCOLHEAD {

    text-align: left;

    background-color: transparent;

}



fieldset.SINGLECOLUMNGROUP {

    background-color: white;

}



fieldset.LINKGROUP {

    background-color: white;

}



span.FIELDLABEL {

    font-family: 'Consolas';

    color: Black;

    background-color: transparent;

}



span.DASHBOARDVALUE {

    font-family: 'Consolas';

    font-size: 0.8em;

}



span.DASHBOARDINFOGROUP {

    font-family: 'Consolas';

    font-size: 0.8em;

}



input.FIELDVALUE {

    font-family: 'Comic Sans MS';

    font-size: 0.8em;

    font-weight: bold;

    color: #4169E1;

    background-color: white;

    padding: 2px;

    border: none;

    border-bottom: solid 1px #c9c9c9;

    border-radius: 5px;

    width: 90%;

}



    input.FIELDVALUE:focus {

        font-family: 'Comic Sans MS';

        font-size: 0.8em;

        font-weight: bold;

        color: #4169E1;

        background-color: white;

        padding: 2px;

        border: none;

        border-bottom: solid 1px #4169E1;

        border-radius: 5px;

        width: 90%;

    }



select.FIELDVALUE {

    font-family: 'Comic Sans MS';

    font-size: 0.8em;

    font-weight: bold;

    color: #4169E1;

    background-color: white;

    width: 90%;

}



textarea.FIELDVALUE {

    font-family: 'Comic Sans MS';

    font-size: 0.8em;

    font-weight: bold;

    color: #4169E1;

    background-color: white;

    width: 90%;

}



span.FIELDVALUERO {

    font-family: 'Comic Sans MS';

    font-size: 0.8em;

    color: Black;

    background-color: transparent;

    text-align: right;

}

textarea.FIELDVALUENOTE {

    font-family: 'Courier New';

    font-size: 0.8em;

    font-weight: bold;

    color: #4169E1;

    background-color: white;

    width: 100%;

}

span.FIELDVALUENOTE {

    font-family: 'Courier New';

    font-size: 0.8em;

    color: Black;

    background-color: transparent;

    text-align: right;

}



span.TEXT {

    font-family: 'Segoe UI';

    font-size: smaller;

    margin: 0px;

    padding: 0px;

    vertical-align: text-top,top;

}



div.SUBSYSTEM {

    float: left;

    margin: 0px;

    padding: 0px;

    background-color: white;

}



.BTN {

    font-family: 'Segoe UI';

    padding-left: 10px;

    padding-right: 10px;

    display: block;

    height: 28px;

    /*width: 60px;*/

    background-color: #F2F2F2;

    box-shadow: 2px 2px 2px #DADADA;

    border-style: none;

    border-radius: 5px;

}

.BTN:hover {

    color: white;

    background-color: rgba(79,133,187,1);

    /*background-color: #D4E3F6;*/

    border-style: none;

    box-shadow: 2px 2px 5px lightblue;

    border-radius: 5px;

    cursor: pointer;

}

    .BTN:active {

        position: relative;

        top: 1px;

        border-style: none;

        box-shadow: 2px 2px 5px lightblue;

        border-radius: 5px;

    }



.SORTBTN {

    font-family: 'Segoe UI';

    display: inline-block;

    background-color: #F2F2F2;

    border-style: none;

    height: 16px;

    text-align: center;

    box-shadow: 2px 2px 2px #DADADA;

    border-radius: 5px;

    margin: 0px;

}



    .SORTBTN:hover {

    font-family: 'Segoe UI';

    color: white;

    background-color: rgba(79,133,187,1);

        /*background-color: #D4E3F6;*/

        border-style: none;

        box-shadow: 2px 2px 5px lightblue;

        border-radius: 5px;

        cursor: pointer;

    }



    .SORTBTN:active {

        position: relative;

        top: 1px;

        border-style: none;

        box-shadow: 2px 2px 5px lightblue;

        border-radius: 5px;

    }



.SORTBTNTD {

    padding: 0px;

    margin: 0px;

}



.BTN_BROWSE {

    font-family: 'Segoe UI';

    padding-left: 10px;

    padding-right: 10px;

    display: block;

    height: 28px;

    /*width: 60px;*/

    background-color: #F2F2F2;

    box-shadow: 2px 2px 2px #DADADA;

    border-style: none;

    border-radius: 5px;

}



.BTN_BROWSE:hover {

    background-color: #D4E3F6;

    border-style: none;

    box-shadow: 2px 2px 5px lightblue;

    border-radius: 5px;

    cursor: pointer;

    font-size: 0.95em;

    display: inline-block;

    vertical-align: bottom;

    text-align: center;

    width: 70px;

}



.BTN_BROWSE:active {

    color: white;

    background-color: rgba(79,133,187,1);

    /*background-color: #D4E3F6;*/

    border-style: none;

    box-shadow: 2px 2px 5px lightblue;

    border-radius: 5px;

    cursor: pointer;

}



table.VIEWGRID {

    background-color: transparent;

    color: black;

    padding-right: 30px;

}



table.LINKVIEWGRID {

    background-color: transparent;

    color: black;

    padding-right: 30px;

    border-radius: 5px;

}



table.HOMEHEADER {

    color: White;

    margin: 0px;

    padding: 0px;

    border: 0px solid gray;

    border-collapse: collapse;

    width: 100%;

    height: 28px;

}



tr.PAGEHEADER {

    background-color: rgba(79,133,187,1);

    box-shadow: 2px 2px 2px #DADADA;

}



a.HOMEPAGE {

    color: #4169E1;

    text-align: left;

    text-decoration: none;

    display: inline-block;

    width: 100%;

    height: 100%;

}



div.VIEWCONTAINER_DIV {

    position: relative;

    padding: 10px;

    top: 1px;

    /*width: 250px;*/

    /*height: 220px;*/

    background-color: white;

    border: 2px solid lightgray;

    box-shadow: 2px 2px 2px #DADADA;

    border-radius: 10px;

    margin: auto;

}

table.VIEWCONTAINER_TABLE {

    background: transparent;

    width: 100%;

}



div.VIEWCOLHEADRESIZABLEDIV {

    resize: horizontal;

    overflow: auto;

    margin: 0px;

    padding: 0px;

    width: auto;

    height: auto;

    border: 0px solid black;

    display: block;

}



a.HOMEPAGE:link, a.HOMEPAGE:visited {

    background-color: white;

}



a.HOMEPAGE:hover, a.HOMEPAGE:active {

    background-color: #D4E3F6;

}



td.CHECKPANEL {

    background-color: #222222;

    color: #999999;

    text-align: center;

    text-wrap: normal;

    width: 100px;

}



input.CHECKPANEL {

    background-color: #444444;

    color: #999999;

    text-align: center;

    text-wrap: normal;

    border: solid 2px 2px 2px 2px;

    margin: 1px 1px 1px 1px;

    padding: 1px 1px 1px 1px;

    width: 100%;

}



input.CHECKPANEL_ERROR {

    background-color: #666644;

    color: #FFFF00;

    border-color: #FFFF00;

}



input.CHECKPANEL_READY {

    background-color: #446655;

    color: #44FF88;

    border-color: #44FF88;

}



input.CHECKPANEL_BTN_LIGHT_OFF {

    background-color: #333333;

    color: #777777;

    border-color: #777777;

}



input.CHECKPANEL_BTN_LIGHT_ON {

    background-color: #665544;

    color: #FF4433;

    border-color: #FF4433;

}



input.CHECKPANEL_BTN_LIGHT_ON_WARNING {

    background-color: #666644;

    color: #FFFF00;

    border-color: #FFFF00;

}



input.CHECKPANEL_BTN_LIGHT_ON_ERROR {

    background-color: #665544;

    color: #FF4433;

    border-color: #FF4433;

}



input.NATIVEFILESELECTOR {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.dropdown-toggle, .dropdown-menu {

    width: 300px

}



.btn-group img {

    margin-right: 10px

}



.dropdown-toggle {

    padding-right: 50px

}



    .dropdown-toggle .glyphicon {

        margin-left: 20px;

        margin-right: -40px

    }



.dropdown-menu > li > a:hover {

    background: #f1f9fd;

    border-radius: 5px;

}

/* $search-blue */

.dropdown-header {

    background: #ccc;

    font-size: 14px;

    font-weight: 700;

    padding-top: 5px;

    padding-bottom: 5px;

    margin-top: 10px;

    margin-bottom: 5px

}



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

  MENU.css

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

.MENU {

    position: absolute;

    z-index: 50;

    left: 0px;

    top: 0px;

    width: 200px;

    height: 450px;

    border: 0px solid black;

    border-collapse: collapse;

    margin: 0;

    padding: 10px;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    box-shadow: 2px 2px 5px grey;

    border-radius: 10px;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



.MENUITEM {

    border: 0px;

    padding: 10px;

    margin: 0;

    height: 36px;

    width: 200px;

    text-align: left;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    cursor: default;

    background-color: transparent;

}



.MENUITEM:hover {

    font-family: 'Segoe UI';

    font-weight: bold;

    color: white;

    background: rgba(79,133,187,1);

    box-shadow: 2px 2px 5px lightblue;

    border-radius: 5px;

    cursor: pointer;

}



.MENUITEMACTIVE {

    border: 0px;

    padding: 0;

    margin: 0;

    height: 36px;

    width: 200px;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    background-color: #D4E3F6;

    box-shadow: 2px 2px 5px lightblue;

    text-shadow: 2px 2px 10px white;

    cursor: default;

}



.SUBMENU {

    position: absolute;

    z-index: 50;

    left: 200px;

    top: 0px;

    width: 200px;

    height: 450px;

    border: 0px solid black;

    border-collapse: collapse;

    margin: 0;

    padding-left: 10px;

    padding-right: 10px;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    box-shadow: 2px 2px 5px grey;

    border-radius: 10px;

    background: rgb(255,245,249);

    background: radial-gradient(circle, rgba(252,248,251,1) 0%, rgba(244,248,252,1) 100%);

}



.SUBMENUITEM {

    border: 0px;

    padding: 10px;

    margin: 0;

    height: 36px;

    width: 200px;

    text-align: left;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    cursor: default;

    background-color: transparent;

}



.SUBMENUITEM:hover {

    font-family: 'Segoe UI';

    font-weight: bold;

    color: white;

    background: rgba(79,133,187,1);

    box-shadow: 2px 2px 5px lightblue;

    border-radius: 5px;

    cursor: pointer;

}



.SUBMENUITEMMACTIVE {

    border: 0px;

    padding: 0;

    margin: 0;

    height: 36px;

    width: 200px;

    font-family: 'Segoe UI';

    font-weight: bold;

    color: black;

    background-color: #D4E3F6;

    box-shadow: 2px 2px 5px lightblue;

    text-shadow: 2px 2px 10px white;

    cursor: default;

}



.RESPONSIVEMENU {

    float: left;

    width: 330px;

    text-align: left;

}



.RESPONSIVEBODY {

    position: fixed;

    top: 130px;

    left: 0;

    width: 100%;

    overflow: auto;

    clear: both;

    background-color: #FAFAFA;

}



@media only screen and (max-width:620px) {

    /* For mobile phones: */

    .RESPONSIVEMENU, .RESPONSIVEBODY {

        width: 100%;

    }

}