html { background-color: #fff; margin: 0; padding: 0; border: 0; }
/*was 1570a6*/
/*
input[type=checkbox] {
 
    outline: 2px solid #36A9E1;
    outline-offset: -2px;
    padding-left: 20px;
}

input[type="checkbox"] + label, input[type="radio"] + label {
    margin-left: 10px;
}*/

.maillog
{
	white-space:normal;
	word-break:break-all;
}
.maillognowrap
{
	white-space:nowrap;
}

.supervisorpanel {
    position: fixed;
    top: 121px;
    left: 20px;
    background-color: #1570a6;
    box-sizing: border-box;
    color: #fff;
}

.helphost {
    display: none;
    position: absolute;
    width: 30%;
    left: 70%;
    height: 100%;
    background-color: #404040;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
}

pre {
    background-color:#f0f0f0;
    color:#000;
    padding:10px;

}

.warning {
    background-color: #FE9C28;
    padding:20px;
    width:100%;
    display:block;
    color:#fff;
    box-sizing:border-box;
    position:fixed;
    left:0;
    bottom:0;
}

.namecolumn {width:150px;}

.helpbut input[type="submit"] { background-color: #404040; border: 1px solid #fff; float:right; position: relative; margin: -10px -10px 10px 0px; }
.helpbut input[type="submit"]:hover { background-color: #FE9C28;  border: 1px solid #FE9C28;}
.helpborder {  padding: 0px; overflow-y: auto; width:100%; height:90%; box-sizing:border-box;}

.scrollToTop { width: 38px; height: 38px; padding: 6px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; text-decoration: none; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #003355; z-index: 200; }
    .scrollToTop:hover { text-decoration: none; }

.dirimg img { padding: 7px 10px 0px 0px; float: left; }
.fileimg img { padding: 7px 10px 0px 0px; float: left; }
.fileactioncolumn { min-width: 140px; text-align: right !important; }
.filenamecolumn { width: 70%; }
.filedatecolumn { min-width: 140px; text-align: right !important; }
.filesizecolumn { min-width: 100px; text-align: right !important; }
input[type="submit"].filedeletebut { border: 0px; color: #1570a6; padding: 0px 0px 3px 0px; background-color: #fff; }
    input[type="submit"].filedeletebut:hover { border: 0px; color: #1570a6; padding: 0px 0px 3px 0px; background-color: #fff; text-decoration: underline; }
.filemodal { display: none; position: absolute; z-index: 1; left: 0; top: 0px; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.6); }
.filemodalspace { position: fixed; width: 100%; top: 100px; }
.filepreview { font-family: "Courier New", 'Courier New', monospace; color: #000; font-size: 14px; white-space: normal; word-wrap: normal; word-break: break-all; }

.choiceboxsel { width: 80px; text-align: center; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .choiceboxsel:hover { background-color: #FE9C28; }
.choicebox { width: 80px; text-align: center; background-color: #003355; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .choicebox:hover { background-color: #FE9C28; }
/*
     -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
 */
/*
body { background-color: #1570a6; border: 0px; color: #000; font-size: 24px; font-family:'MabeyRegular'; margin: 0; padding: 0; }
36a9e1  1570a6
*/

.titletable { background-color: #36a9e1; color: #fff; width: 100%; padding: 4px 10px 4px 10px; table-layout: fixed; overflow: hidden; }
    .titletable th { white-space: nowrap; }
    .titletable a { color: #fff; text-decoration: none; }
        .titletable a:hover { text-decoration: none; }

body { background-color: #fff; border: 0px; color: #000; font-size: 14px; font-family: 'Open Sans','Helvetica', sans-serif; margin: 0; padding: 0; }

.help { padding: 10px; color: #1570a6; }
    .help img { box-sizing: border-box; padding: 10px 0px 10px 0px; width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }


/**************************dropdownmenu*/
/*15px 20px;
    
    mabeyblue: 00335F but we use 003355;
    grey menu:383E4B
    nice blue: 1570a6
    tablelightblue: 36A9E1;


    min-width: 420px;
    */

.dropbutton { background-color: #1570a6; color: #fff; padding: 6px 12px 7px 12px; float: left; border: 0px; margin: 8px 10px 4px 0px; }
    .dropbutton:hover .dropbuttonitem { display: block; }
    .dropbutton:hover { background-color: #fe9c28; }
.dropbuttonitem { display: none; position: absolute; left:10px;z-index:100;  }
.dropborder { background-color: #fff; border: 2px solid #36A9E1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }


.mainmenuhost { display: block; width: 100%; background-color: #003355; height: 63px; z-index: 60; }

.mobilebut { font-size: 40px; user-select: none; }
    .mobilebut a { text-decoration: none; }
        .mobilebut a:hover { text-decoration: none; }

.dropdown { position: relative; display: inline; float: left; }
    .dropdown li { list-style-type: none; }
    .dropdown a { color: #fff; text-decoration: none; }
        .dropdown a:hover { text-decoration: none; }

.dropmenu { background-color: #003355; color: #fff; padding: 22px 18px 22px 18px; font-size: 14px; border: none; cursor: pointer; }
    .dropmenu img { margin: 0px 0px -3px 0px; }
.dropmenupurple { background-color: #999944; color: #fff; padding: 12px 18px 12px 18px; font-size: 14px; border: none; cursor: pointer; }

.dropdownitems { display: none; position: absolute; background-color: #1570a6; min-width: 160px; white-space: nowrap; z-index: 50; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

    .dropdownitems a { color: #fff; padding: 10px 18px 10px 18px; text-decoration: none; display: block; }
        /*ff7744  1570a6*/
        .dropdownitems a:hover { background-color: #FE9C28; }

.dropdown:hover .dropdownitems { display: block; }
.dropdown:hover .dropmenu { background-color: #1570a6; color: #fff; }

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

    .dropdown { display: block; width: 100%; }
    .dropdownitems { float: left; width: 100%; left: 100px; }
}

.extra { float: none; display: block; width: 100%; box-sizing: border-box; padding: 20px; color: #1570a6; }

.topline { width: 100%; box-sizing: border-box; background-color: #36A9E1; padding: 10px; color: #fff; }


.toplogo { margin: 0px; padding: 8px 20px 4px 20px; text-align: left; display: block; float: none; width: 100%; }

    .toplogo img { float: none; display: block; }


.toprightimage { padding: 0px 0px 0px 10px; position: absolute; top: 12px; right: 16px; }

.toptitlegap { padding: 0px 14px 0px 14px; border: 0px 0px 0px; margin: 0px 0px 0px 0px; }

.frontgap { width: 100%; clear: both; height: 80px; }

/*ul li, 2f2f2f*/
/*u li:hover 2f2f2f background:#eee*/
/*
ul { font-size: 14px; text-align: left; display: block; margin: 0; padding: 8px 4px 8px 10px; list-style: none; border: 0px; background: #fff; }

    ul li { font-weight: normal; display: inline-block; margin-right: -4px; position: relative; padding: 8px 10px 8px 10px; color: #2f2f2f; background: #fff; cursor: pointer; border: 0px; }

        ul li:hover { background: #eee; color: #2f2f2f;  }

        ul li ul { border: 0; padding: 0; position: absolute; top: 46px; left: 0; width: 150px; display: none; opacity: 0; visibility: hidden; }

            ul li ul li { background: #383E4B; display: block; color: #fff; }

                ul li ul li:hover { background: #2D323D; }

        ul li:hover ul { display: block; opacity: 1; visibility: visible; }
    */
/*****************************************/

.topmessage { /*position: fixed; bottom: 0px; z-index: 100; left: 0px;*/ margin: 0px; padding: 12px; border: 0px; background-color: #003355; color: #fff; font-size: 16px; }

a { /* color: #333;*/ outline: none; /* padding-left: 3px;
    padding-right: 3px;*/ text-decoration: none; font-weight: normal; /*color: #00355F;*/ color: #1570A6; }

    a:hover { text-decoration: underline; }

header, footer, hgroup,
nav, section { display: block; margin: 0px; border: 0px; padding: 0px; }

.featuredsection { padding: 0px 0px 0px 0px; }

    .featuredsection h1 { padding: 0px; }

/*for links on featured section*/
.featuredheader { }

    .featuredheader a { text-decoration: none; font-size: 16px; font-weight: normal; color: #fff; padding: 0px 40px 0px 0px; display: inline !important; float: none; text-wrap: normal; }

        .featuredheader a:hover { text-decoration: underline; color: #fff; }


.resulttable { border: 1px solid #000; margin: 0px !important; padding: 0px !important; border: 0px !important; }

    .resulttable table { border-collapse: collapse; width: auto; }

    .resulttable th { white-space: nowrap !important; font-weight: bold; border: 1px solid #000; text-align: center; margin: 0px; padding: 0px 0px 0px 0px !important; }

    .resulttable td { white-space: nowrap !important; font-weight: normal; width: 120px; border: 1px solid #000; text-align: right; padding: 0px 10px 0px 10px !important; margin: 0px; }

.datatable { vertical-align: top; text-align: left; padding: 10px 0px 0px 0px; border: 0px; margin: 0px; }

    .datatable td { vertical-align: top; padding: 0px 10px 10px 10px; }

    .datatable tr { vertical-align: top; border: 0px; padding: 0px; margin: 0px; }

.float-left { float: left; }

.float-right5 { float: right; }

.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

p { margin: 0px; padding: 0px; border: 0px; }

h1, h2, h3,
h4, h5, h6 { margin: 0px; border: 0px; padding: 0px; font-weight: normal; }

h1 { font-size: 28px; font-weight: normal; }

h2 { font-size: 2.25rem; }

h3 { font-size: 1.5rem; font-weight: normal; }

h4 { font-size: 16px; }

h5, h6 { font-size: 10px; }

    h5 a:link, h5 a:visited, h5 a:active { padding: 0; text-decoration: none; }

h6 { display: inline; font-size: 10px; }

.loginsection { word-break: normal; box-sizing: border-box; color: #1570a6; padding: 20px 20px 20px 20px; width: 60%; max-width: 600px; margin-left: auto; margin-right: auto; }

.loginsurround { margin: 0px 4px 4px 4px; }
.loginarea { background-color: #fff; }


.left960 { padding: 20px; max-width: 960px; margin-left: auto; margin-right: auto; }

    .left960 img { display: block; margin-right: auto; }

.centerbox { display: block; float: right; margin-left: auto; margin-right: auto; }

.centermaxblack { background-color: #000; margin-left: auto; margin-right: auto; padding: 20px 10px 20px 10px; }

    .centermaxblack img { display: block; margin-left: auto; margin-right: auto; }

.centermax { margin-left: auto; margin-right: auto; }

    .centermax img { display: block; margin-left: auto; margin-right: auto; }


.centersocial { margin-left: auto; margin-right: auto; max-width: 290px; padding: 16px 0px 0px 0px; }
.center960 { clear: both; /*padding: 20px; */ max-width: 960px; margin-left: auto; margin-right: auto; }

    .center960 img { display: block; margin-left: auto; margin-right: auto; }

.right960 { max-width: 960px; margin-left: auto; }

.righthandtext { text-align: right; }
/*f8f8f8*/
.content-wrapper { background-color: #fff; border: 0px; margin: 0 0 0 0; padding: 0 0 0 0; /*max-width: 960px;*/ }

/*.full-content-wrapper { margin: 0 0 0 0; width: auto; max-width: none; padding: 0 0 0 0; border: 0 0 0 0; }*/

header .content-wrapper { margin: 0; border: 0; padding: 0; }
/*1570a6*/
.introdark { box-sizing: border-box; width: 100%; background-color: #0D375D; color: #fff; padding: 10px; font-size: 20px; }

.intror { margin-right: 0px; margin-left: auto; }

.introdark a { color: #fff; }

    .introdark a:hover { text-decoration: underline; }

.introtr { position: absolute; right: 20px; top: 8px; }

.intropooley { box-sizing: border-box; width: 100%; background-color: #fff; color: #fff; border: 10px; font-size: 16px; color: #000; }

    .intropooley img { width: 960px; }

.latestfeatures { width: 100%; display: block; background-color: #0D375D; box-sizing: border-box; color: #fff; padding: 10px; font-size: 20px; margin: 0px; border: 0px; }

.introholder { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; display: block; }

.introsection { margin-left: auto; margin-right: auto; color: #1570a6; text-align: center; display: block; float: left; width: 50%; box-sizing: border-box; padding: 10px 14px 10px 10px; }

    .introsection img { padding: 8px; display: block; margin-left: auto; margin-right: auto; }

    .introsection a { text-decoration: none; font-weight: bold; }

        .introsection a:hover { text-decoration: underline; font-weight: bold; }

.introsmall { max-width: 300px; margin-left: auto; margin-right: auto; }

.footersection { text-align: left; display: inline; float: left; width: 33%; box-sizing: border-box; padding: 10px 40px 10px 40px; }

.footermain { display: block; width: 100%; box-sizing: border-box; font-size: 14px; height: 100%; color: #ddd; text-align: center; padding: 10px 0; background-color: #4d4d4d; }
/*1570a6*/
.footerbot { clear: both; padding: 10px 40px 10px 40px; float: none; text-align: left; width: 100%; display: block; box-sizing: border-box; }

footer .float-left,
footer .float-right { float: none; }

footer { display: block; width: 100%; box-sizing: border-box; font-size: 14px; height: 100%; color: #ddd; text-align: center; padding: 0px 0px 0px 0px; background-color: #4d4d4d; color: #fff; }

    footer a { color: #fff; }

    footer p { margin: 0; }

    footer img { float: left; padding: 8px; }


#login { display: block; font-size: 12px; margin: 0px 0px 0px 0px; text-align: right; }

    #login a { margin-left: 10px; margin-right: 0px; padding: 0px 0px; text-decoration: none; }

        #login a.username { background: none; margin-left: 0px; text-decoration: underline; }

    #login ul { margin: 0; }

    #login li { display: inline; list-style: none; }

.featured { background-repeat: no-repeat; padding: 0px 0px 0px 0px; background-color: #003355; /*383E4B*/ /*background-color:#36A9E1;*/ /*  background-color:#003355;*/ color: #fff; /* height:142px;*/ }

    .featured .content-wrapper { display: inline; background-color: #1570a6; color: #fff; padding: 0px 0px 0px 0px; margin: 0px; border: 0px; }

section.feature { width: 300px; float: left; padding: 0px; }

.label { font-weight: 700; display: inline !important; }

label { display: inline !important; font-size: 14px; font-weight: normal; margin: 0px; padding: 0px 16px 0px 4px; }

.dropdownlist { resize: none; /*border: 1px solid #e2e2e2;*/ /* -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ border: 2px solid #36A9E1; background: #fff; color: #1570a6; font-size: 14px; /*  margin: 5px 0 6px 0;*/ padding: 5px 5px 5px 5px; /*width: 300px;*/ margin: 4px 0px 4px 4px; }
/*f8f8f8*/
/*login username/password*/

input, textarea { resize: none; /*border: 1px solid #e2e2e2;*/ /*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; */ border: 2px solid #36A9E1; background: #fff; color: #1570a6; font-size: 14px; /*  margin: 5px 0 6px 0;*/ padding: 6px 5px 6px 5px; /*width: 300px;*/ width: 95%; margin: 8px 8px 4px 4px; }
/*
    input:focus, textarea:focus {resize:none;padding: 6px 5px 6px 5px; margin: 8px 8px 4px 4px;  background-color: #003355; border: 2px solid #003355; color: #fff; }
   */
     /*outline: 0; -moz-outline-style: none; */
    input[type="checkbox"] { background: transparent; border: inherit; width: auto; margin: 0px 0px 10px 0px; font-weight: normal; }
    /*login page button*/
    input[type="submit"],
    input[type="button"],
    button {
        background-color: #00335f;
        border: 2px solid #00335f;
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        padding: 6px 20px 5px 20px;
        margin-left: 0px;
        margin-right: 10px;
        width: auto;
        color: #Fff;
        -webkit-appearance: none;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        border-radius: 16px;
     
    }

        /*  was 6/20/6/20 paddng.minwidth is new  button { background-color: #383E4B; border: 0px solid #000; cursor: pointer; font-size: 14px; font-weight: normal; padding: 10px 20px 10px 20px; margin-left: 0px; margin-right: 10px; width: auto; color: #fff; -webkit-appearance: none; -webkit-border-radius: 0; }*/

        /* input[type="submit"]:hover { background-color: #2D323D; }*/
        input[type="submit"]:hover {
            background-color: #FE9C28;
            color: #fff;
            border: 2px solid #FE9C28;
        }
        /*003355*/

        input[type="button"]:hover {
            background-color: #FE9C28;
            color: #fff;
            border: 2px solid #FE9C28;
        }
        /*003355*/

        button:hover { background-color: #000; }

.redbutton { display: inline; }

    .redbutton input[type="button"], .redbutton input[type="submit"] { background-color: #FF5454; border: 0px solid #000; cursor: pointer; font-size: 14px; font-weight: normal; padding: 10px 20px 10px 20px; margin-left: 0px; margin-right: 10px; width: auto; color: #fff; -webkit-appearance: none; -webkit-border-radius: 0; }

        .redbutton input[type="button"]:hover { background-color: #cc3434; }

        .redbutton input[type="submit"]:hover { background-color: #cc3434; }

.message-info { border: 1px solid; clear: both; padding: 10px 20px; }

.message-error { clear: both; color: #e80c4d; font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; }

.message-success { color: #7ac0da; font-size: 14px; font-weight: bold; margin: 20px 0 10px 0; }

.error { color: #e80c4d; }

.field-validation-error { color: #e80c4d; font-weight: bold; }

.field-validation-valid { display: none; }

input.input-validation-error { border: 1px solid #e80c4d; }

input[type="checkbox"].input-validation-error { border: 0 none; }

.validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 14px; }

.validation-summary-valid { display: none; }

.block1 { }

/*------------------------------------- ENTRYBOX -----------------------------------
    for dates sensor groups sensor names etc on left readings page
    */

.entrybox { white-space: normal; border: 0px solid #000; background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

    .entrybox p { float: left; }

    .entrybox input { /* -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ /*border: 1px solid #e2e2e2;*/ resize: none; border: 2px solid #36A9E1; background: #fff; color: #1570a6; font-size: 14px; font-weight: normal; margin: 5px 0px 5px 0px; padding: 6px 5px 6px 5px; width: 100%; box-sizing: border-box; }
    /*36A9E1*/
    .entrybox a {
        background-color: #003355; /*1570a6 -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; */
        border: 2px solid #003355;
        color: #fff;
        padding: 6px 5px 6px 5px;
        font-size: 14px;
        font-weight: normal;
        margin: 8px 5px 4px 0px;
        text-decoration: none;
        text-align: center !important;
        width: 50px;
        float: left;
    }

        .entrybox a:hover { background: #FE9C28; color: #fff; border: 2px solid #fe9c28; }

.pagebuts { float: left; padding: 14px 8px 8px 40px; color: #1570a6; margin: 0px 0px 0px 20px; border: 0px 0px 0px 40px; }

.entrybox input[type="dropdownlist"] { background: transparent; border: inherit; width: 160px; margin: 0px 0px 10px 20px; font-size: 20px !important; font-weight: normal !important; }

.entrybox input[type="checkbox"] { background: transparent; border: inherit; width: auto; margin: 0px 0px 10px 0px; font-size: 14px !important; font-weight: normal !important; }

/*15px 20px;
    
    grey menu:383E4B
    nice blue: 1570a6
    tablelightblue: 36A9E1;
    */
/*other buttons on readings page. 1570A6 show table/graph etc and time buttons  1570a6*/
.entrybox input[type="submit"],
input[type="button"],
button { background-color: #fff; border: 2px solid #36A9E1; cursor: pointer; /*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ font-size: 14px; font-weight: normal; padding: 6px 8px 6px 8px; margin: 0px 6px 5px 0px; color: #1570a6; -webkit-appearance: none; }

    /*  .entrybox label.checkbox { display: inline !important; padding: 0px 0px 0px 4px; margin:0px;}*/

    .entrybox input[type="submit"]:hover { background-color: #36A9E1; color: #fff; }

.entrybox input[type="button"]:hover { background-color: #36A9E1; color: #fff; }
/*----------------------------------------------------------------------------------------*/

.topbar { /*  background-color: #383E4B;*/ background-color: #fff; width: 100%; box-sizing: border-box; padding: 8px; }

.topbarlogo { }

    .topbarlogo img { padding: 4px; }


.title { float: left; padding: 0px 0px 0px 0px; background-color: #fff; box-sizing: border-box; width: 100%; display: inline; border-bottom: 1px solid #eee; }

    .title img { display: inline; float: right; padding: 8px 20px 0px 0px; }

    .title h1 { font-size: 24px; font-weight: normal; padding: 14px 20px 14px 20px; color: #888; }

.columns250 { -moz-columns: 250px 8; -webkit-columns: 250px 8; columns: 250px 8; text-wrap: none; float: left; }

.sensorsection { float: left; padding: 0px 0px 20px 20px; box-sizing: border-box; width: 250px; text-wrap: none; }


    .sensorsection input[type="checkbox"] { }

.sensorsection3col { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 2; /* Chrome, Safari, Opera */ -moz-columns: 250px 2; /* Firefox */ columns: 250px 2; }


.sensorsectionlistcol { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 4; /* Chrome, Safari, Opera */ -moz-columns: 250px 4; /* Firefox */ columns: 250px 4; }

.textlink { cursor: pointer; }
    .textlink:hover { text-decoration: underline; }

.hiddenpanel { display: none; }

.bottomtoolbar { float: left; /*position: fixed; bottom: 0px; right: 0px;*/ background-color: #fff; border: 0px; box-sizing: border-box; padding: 2px 0px 5px 10px; margin: 0px; width: 100%; }
/*1570a6*/
/* .bottomtoolbar input[type="button"], input[type="submit"], button { background-color: #003355; border: 2px solid #003355; margin: 0px; padding: 10px 10px 10px 10px; }*/
/*.headeroptdiv { float: left; display: inline; padding: 0px 20px 0px 0px;}
    .headeroptdiv a { color: #f00; }*/

.headerright { float: right; margin: 0px 0px 0px 0px; clear: none; }

/*.toggleimage { float:right;}*/

.sensorgroupcbdiv { /* background: url("/Images/TreeViewFolder.png") no-repeat;
     background-position: 16px 0px;*/ white-space: nowrap; word-break: keep-all; padding: 0px; margin: -2px; border: 0px; }
    .sensorgroupcbdiv input[type="checkbox"] { padding: 0px 20px 50px 10px; }
    .sensorgroupcbdiv label { }
/*padding:0px 0px 2px 20px;}*/


.sensorcbdiv { }
    .sensorcbdiv input[type="checkbox"] { padding: 0px 0px 2px 0px; margin: 3px 0px 8px 0px; }
    .sensorcbdiv label { }
/*padding:0px 0px 2px 20px;}*/

.sensorcb { width: 100%; }

.leftsection { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 20%; }

.section33 { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 33%; }


.rightsection { float: left; padding: 10px 20px 20px 20px; box-sizing: border-box; width: 80%; }

.majorsection { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 75%; }

.minorsection { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 25%; }


/*383e4b 36A9E1*/
.sectiontop { float: none; padding: 8px; width: 100%; display: block; height: 12px; background-color: #383e4b; color: #fff; }

.sectiontopleft { float: left; padding: 0px; box-sizing: border-box; width: 50%; }

.sectiontopright { float: left; padding: 0px; box-sizing: border-box; width: 50%; }

    .sectiontopright img { position: absolute; right: 0px; top: 0px; }

.section35 { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 22%; }

.section65 { float: left; padding: 10px 10px 20px 10px; box-sizing: border-box; width: 78%; }


.sectionlive60 { float: left; padding: 10px 20px 0px 10px; box-sizing: border-box; width: 62%; }

.sectionlive40 { float: left; padding: 10px 10px 0px 0px; box-sizing: border-box; width: 38%; }

.sectionliveleft50 { float: left; padding: 10px 20px 20px 10px; box-sizing: border-box; width: 50%; }

.sectionliveright50 { float: left; padding: 10px 10px 20px 0px; box-sizing: border-box; width: 50%; }

/*36A9E1*/
.livescrolltopleft { overflow: hidden; height: 280px; background-color: #36A9E1; border: solid 2px #36A9E1; }

.livescrolltop { overflow: auto; height: 280px; background-color: #36A9E1; border: solid 2px #36A9E1; }

.livescrollbot { overflow: auto; height: 200px; background-color: #36A9E1; border: solid 2px #36A9E1; }

.livediv { float: none; border: none; padding: 0px; margin: 0px; background-color: #fff; }

.livecanvas { box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px; margin: 0px; }

.titlediv { float: none; border: none; padding: 0px; margin: 0px; background-color: #36A9E1; }

.titlecanvas { box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px; margin: 0px; }


.introdiv { float: none; border: none; box-sizing: border-box; border: 0px; padding: 0px; margin: 0px; background-color: #fff; }

    .introdiv img { display: none; width: 0px; height: 0px; }

.introcanvas { box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px; margin: 0px; font-family: 'Open sans'; }

.trackdiv { float: none; border: none; box-sizing: border-box; border: 0px; padding: 0px; margin: 0px; background-color: #fff; }

.trackcanvas { -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; height: 240px; box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px; margin: 0px; font-family: 'Open sans'; }
/*
.imagediv {
    float: none;
    border: none;
    box-sizing: border-box;
    border: 0px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
}

.imagecanvas {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    height: 520px;
    box-sizing: border-box;
    float: none;
    word-break: normal;
    padding: 0px 0px 0px 0px;
    border: 0px;
    margin: 0px;
    font-family: 'Open sans';
}
    */


.modal { display: block; position: absolute; z-index: 1; left: 0; top: 101px; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.4); }

.screenpopupdiv { display: block; position: absolute; overflow-y: hidden; /*border-radius:8px;*/ /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);*/ box-sizing: border-box; background-color: #fff; border: 2px solid #444; padding: 24px 20px 0px 12px; }

.entryboxpopup { white-space: normal; border: 0px solid #000; background-color: #fff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

    .entryboxpopup input { /* -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/ /*border: 1px solid #e2e2e2;*/ resize: none; border: 0px solid #36A9E1; background: #444444; color: #fff; font-size: 14px; font-weight: normal; margin: 5px 0px 5px 0px; padding: 6px 5px 6px 5px; width: 100%; box-sizing: border-box; }

    .entryboxpopup a { background-color: #444444; /*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; */ border: 0px solid #36A9E1; color: #fff; padding: 6px 5px 6px 5px; font-size: 14px; font-weight: normal; margin: 8px 5px 4px 0px; text-decoration: none; text-align: center !important; width: 50px; float: left; }

        .entryboxpopup a:hover { background: #FE9C28; }


.screendiv { display: block; width: 100%; height: 0px; float: none; border: none; box-sizing: border-box; border: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #fff; }

    .screendiv img { display: none; }

.screencanvas { -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; height: 100%; box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: 'Open sans'; }

.screencanvasfixedsize { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; border: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: 'Open sans'; }

.graphcanvas { -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: 'Open sans'; }



/*.halfsection { float: left; word-break: break-all; box-sizing: border-box; padding: 20px 20px 20px 20px; width: 50%; }
    */



.midsection { word-break: normal; box-sizing: border-box; padding: 10px 10px 20px 10px; width: 60%; margin-left: auto; margin-right: auto; }

.halfsection { float: left; word-break: normal; box-sizing: border-box; padding: 10px 10px 20px 10px; width: 50%; }


.fullcanvassection { clear: both; box-sizing: border-box; float: none; word-break: normal; padding: 0px 0px 0px 0px; width: 100%; display: block; }

.fullsection { box-sizing: border-box; float: none; word-break: normal; padding: 10px 10px 20px 10px; width: 100%; }

.identity { border: solid 1px #E4E6EB; background-color: #fff; color: #000; padding: 0px; margin: 0px; }

.identitydate { background-color: #36A9E1; color: #fff; /*float:left;*/ padding: 10px; margin-top: auto; margin-bottom: auto; text-align: center; vertical-align: central; }

.identityname { padding: 10px; /* float: left;*/ background-color: #36A9E1; color: #fff; text-align: center; }

.identity h1 { font-size: 46px; display: inline; padding: 0px; border: 0px; margin: 0px; font-weight: normal; }

.identity h2 { font-size: 24px; display: inline; font-weight: normal; padding: 0px; border: 0px; margin: 0px; }

.identity h3 { font-size: 16px; display: inline; font-weight: normal; padding: 0px; border: 0px; margin: 0px; }

.surround10 { padding: 16px 16px 16px 16px; }

.surround8 { padding: 4px 4px 6px 8px; }

.subtitle { color: #2f2f2f; padding: 10px; }

.sensortable { border-collapse: collapse; color: #000; padding: 4px; border: solid 1px #000; }

    .sensortable th, .sensortable td { border: solid 1px #000; color: #000; padding: 4px; }



.lastreadinglink { text-align: right !important; background-color: #fff; padding: 4px 8px 4px 8px; color: #1570a6; float: right; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 0px 8px 4px 0px; border: 2px solid #36a9e1; }

    .lastreadinglink a { text-decoration: underline; color: #fff; }

        .lastreadinglink a:hover { text-decoration: underline; background-color: #36A9E1; }
/*4B7BA6  36A9E1*/
/*
.popup { position: absolute; opacity: 0; background-color: #fff; color: #4B7BA6; margin-left: 70px; padding: 8px; border: 4px solid #4B7BA6; box-shadow: 1px 1px 1px #888888; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
    .popup:hover { opacity: 0; }
.container { }
    .container:hover .popup { opacity: 1; }
    */


.popup { position: relative; display: inline-block; }

/*.popuplink { color: #003355; }*/

.popupcontent { display: none; position: fixed; max-width: 400px; background-color: #fff; z-index: 50; left: 0px; top: 0px; color: #003355; padding: 8px; border: 4px solid #36A9E1; text-wrap: normal; margin: 0px; border-radius: 8px; /*border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;*/ font-weight: bold; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /*transition: opacity 0.2s linear;*/ /*FE9C28;36A9E1*/ }

.popup:hover .popupcontent { display: block; opacity: 1; }


.projecttext { color: #4B7BA6; }

.projecttableinfo { max-width: 400px; max-height: 100px; }

.projecttablenowrap { text-align: left; white-space: nowrap; }

    .projecttablenowrap td { text-align: left !important; text-wrap: none; white-space: nowrap; }

    .projecttablenowrap th { text-align: left !important; text-wrap: none; white-space: nowrap; }

.projecttablecenter { text-align: center !important; }

.projecttablerhs { text-align: right !important; white-space:nowrap;}

.projecttablelhs { text-align: left !important; }

.projecttable70 { text-align: center !important; }

.centrev { padding: 4px 0px 4px 0px; }

.projecttable { /*-webkit-box-shadow: 4px 4px 9px 0px rgba(189,183,189,1);
-moz-box-shadow: 4px 4px 9px 0px rgba(189,183,189,1);
box-shadow: 4px 4px 9px 0px rgba(189,183,189,1);*/ border-collapse: collapse; color: #000; padding: 0px; /*margin-left: auto;
     #E4E6EB;
    margin-right: auto;*/ /*margin-top: 20px;*/ border: solid 1px #e4e6eb; /*#36A9E1; #36A9E1
    border: 1px 1px 1px 1px;
    border-color: #E4E6EB;
    border-style: solid;*/ background-color: #fff; text-align: left; width: 100%; }


.projecttable img { margin-right:2px;}
    .projecttable tr { margin: 0px 0px 0px 0px; border: 0px solid #E4E6EB; }
    /*
   .projecttable tr:nth-of-type(even) {
      background-color:#f8f8f8;
    }*/

    .projecttable th { /*36a9e1
                           background-color: #36A9E1;    background-color: #36a9e1; color: #fff;
           -moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius:10px;*/ background-color: #36a9e1; color: #fff; padding: 4px 8px 4px 8px; text-align: left; margin: 0px; font-weight: normal; height: 34px; border: 0px solid #fff; }

        .projecttable th a { color: #fff; }
            /*fff*/

            .projecttable th a:hover { text-decoration: underline; }

    /*2 8 0 8*/
    .projecttable td { padding: 4px 12px 4px 12px; text-align: left; color: #4B7BA6; border: 0px solid #fff; /* vertical-align:top;*/ }

    .projecttable a { background-color: none; /*   padding: 8px 8px 8px 8px;*/ display: inline; color: #4B7BA6; text-decoration: none; font-weight: normal; }

        .projecttable a:hover { text-decoration: none; /* background-color:#1570a6;*/ /**color: #fff;*/ }


/*  
    .projecttable input[type="checkbox"] { display:inline;background: transparent; border: inherit; width: auto; margin: 0px 0px 10px 20px; font-size: 10px !important; font-weight: normal !important; }
      

  .projecttable label { display: inline !important; font-size: 14px; font-weight: normal; }
        */
.projectbox { color: #4B7BA6; padding: 0px; background-color: #fff; border: solid 1px #e4e6eb; }

.projectboxtitle { color: #fff; background-color: #36A9E1; padding: 8px 8px 8px 8px; text-align: center; height: 34px; }

.projectcombo { -webkit-appearance: none; outline: 0; -moz-outline-style: none; box-sizing: border-box; background-color: #36A9E1; border: 0px solid #000; font-size: 14px; font-weight: normal; padding: 4px 4px 4px 4px; margin-left: 0px; margin-right: 10px; width: 100%; color: #fff; /*-webkit-appearance: none;*/ -webkit-border-radius: 0; }


.summarytable { border: solid 0px #000; width: 100%; }

    .summarytable td { border: solid 0px #000; }

    .summarytable tr { border: solid 0px #000; }

.reporttable { background-color: #fff; border-collapse: collapse; border: solid 1px #000; width: 100%; text-align: left !important; text-wrap: normal; white-space: normal; }

    .reporttable th { background-color: #fff; border: solid 1px #000; text-align: left !important; /*text-wrap: normal;*/ white-space: normal; padding: 4px 4px 4px 4px; }

    .reporttable td { background-color: #fff; border: solid 1px #000; text-align: left !important; /*text-wrap: normal;*/ white-space: normal; padding: 4px 4px 4px 4px; }

    .reporttable tr { background-color: #fff; border: solid 0px #000; text-align: left !important; /*text-wrap: normal; */ white-space: normal; }


/********************************/
/*
.bluetable { border-collapse: collapse; color: #fff; padding: 0px; border: solid 1px #E4E6EB; background-color: #36A9E1; text-align: left; width: 100%; }

    .bluetable tr { margin: 0px 0px 0px 0px; border: 0px solid #E4E6EB; }
   

    .bluetable th { background-color: #36A9E1; color: #fff; padding: 8px 8px 8px 8px; text-align: center; margin-bottom: 10px; font-weight: normal; height: 34px; border: 0px solid #fff; }


    .bluetable td { padding: 4px 16px 8px 16px; text-align: left; color: #fff; border: 0px solid #fff; }

    .bluetable a { background-color: none; display: inline; color: #fff; text-decoration: none; font-weight: normal; }

        .bluetable a:hover { text-decoration: underline;  }

    .bluetable input, textarea { float: left; border: 0px solid #000; background: #36A9E1; color: #fff; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 6px 5px 6px 5px; height: 30px; display: inline; margin-left: 4px; margin-right: 4px; width: 100%; box-sizing: border-box; }

        .bluetable input:focus, textarea:focus { border: 0px solid #000; background: #219FDD; color: #fff; outline: 0; -moz-outline-style: none; }
    */
/**************************/

.divblock { display: inline; width: 100%; float: right; }

.searchbox { vertical-align: central; display: inline; box-sizing: border-box; }

    .searchbox img { display: inline; border: 0px; padding: 4px 4px 4px 4px; margin-top: 0px; box-sizing: border-box; float: right; }

    .searchbox a { }

    .searchbox input { width: calc(100% - 50px); /*border: 1px solid #e2e2e2;*/ float: left; border: 0px solid #000; background: #219FDD; color: #fff; font-size: 14px; font-weight: normal; margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; height: 20px; display: inline; margin-left: 4px; margin-right: 4px; /*box-sizing:border-box;*/ /*width: 210px;*/ }

.desktoponly { }

.tabletonly { }

.valuecolumn { width: 240px; }

.dummyboxsmall { text-align: center; width: 40px; padding: 4px 8px 4px 8px; float: left; margin: 0px 8px 4px 0px; background-color: #f8f8f8; color: #4B7BA6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }


.dummyboxrhs { text-align: center; width: 70px; padding: 4px 8px 4px 8px; float: right; margin: 0px 0px 4px 0px; background-color: #f8f8f8; color: #4B7BA6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .dummyboxrhs a { text-decoration: none; }


.dummybox { text-align: center; width: 70px; padding: 4px 8px 4px 8px; float: left; margin: 0px 8px 4px 0px; background-color: #f8f8f8; color: #4B7BA6; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .dummybox a { text-decoration: none; }

        .dummybox a:hover { text-decoration: underline; }

.eventfloat { float: left; display: inline; }

.wid70 { width: 90px; max-width: 90px; min-width: 90px; display: block; height: 20px; }

    .wid70 a:hover { text-decoration: none; }



/*003355*/
.darkblob { text-decoration: none; background-color: #003355; margin: 0px; border: 0px; padding: 2px 8px 2px 8px; color: #fff; display: inline; position: relative; left: 70px; top: -40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 12px; box-sizing: border-box; margin-top: auto; margin-bottom: auto; }

    .darkblob a { text-decoration: none; }

        .darkblob a:hover { text-decoration: none; }

.darkblobprojects { background-color: #003355; margin: 0px; border: 0px; padding: 2px 8px 2px 8px; color: #fff; display: inline; position: relative; left: 40px; top: -40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; font-size: 12px; box-sizing: border-box; }

    .darkblobprojects a { text-decoration: none; }

        .darkblobprojects a:hover { text-decoration: none; }

.prefixblob { background-color: #f0f0f0; margin: 0px 4px 0px 0px; border: 0px; padding: 4px 8px 4px 8px; color: #888888; display: inline; position: relative; left: 0px; top: 0px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-sizing: border-box; }


.featurecontainer { min-width: 80px; }
.featureboxactive { text-align: center; width: 20px; background-color: #78CD51; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featureboxactive:hover { background-color: #FE9C28; }
.featureboxinactive { text-align: center; width: 20px; background-color: #387D21; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featureboxinactive:hover { background-color: #FE9C28; }
.featureboxdemo { text-align: center; width: 20px; background-color: #FABB3D; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featureboxdemo:hover { background-color: #FE9C28; }
.featureboxtest { text-align: center; width: 20px; background-color: #FF5454; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featureboxtest:hover { background-color: #FE9C28; }
.featurebox2d { text-align: center; width: 20px; background-color: #36A9E1; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featurebox2d:hover { background-color: #FE9C28; }
.featurebox3d { text-align: center; width: 20px; background-color: #642E90; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featurebox3d:hover { background-color: #FE9C28; }
.featureboxav { text-align: center; width: 20px; background-color: #003355; padding: 4px 6px 4px 6px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 4px 4px 0px; }
    .featureboxav:hover { background-color: #FE9C28; }

.featureboxedit {
    text-align: center;
   /* width: 20px;*/
    display:inline;
    background-color: #003355;
    padding: 4px 6px 4px 6px;
    color: #fff;
  /*  float: right;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0px 4px 4px 0px;
}

    .featureboxedit:hover {
        background-color: #FE9C28;
    }

.redboxsmall { text-align: center; width: 40px; background-color: #FF5454; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
    .redboxsmall:hover { background-color: #FE9C28; }

.amberboxsmall { text-align: center; width: 40px; background-color: #FABB3D; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
    .amberboxsmall:hover { background-color: #FE9C28; }

.greenboxsmall { text-align: center; width: 40px; background-color: #78CD51; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
    .greenboxsmall:hover { background-color: #FE9C28; }

.blueboxsmall { width: 40px; text-align: center; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
    .blueboxsmall:hover { background-color: #FE9C28; }

.purpleboxsmall { text-align: center; width: 40px; background-color: #D03DD5; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
    .purpleboxsmall:hover { background-color: #FE9C28; }

/* rhs smallish box for remote-timed projects in update interval column in project list 642E90*/
.blueboxrhs { float: right; width: 70px; text-align: center; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 4px 0px; }
    .blueboxrhs a { text-decoration: none; color: #fff; }
    .blueboxrhs:hover { background-color: #FE9C28; }

.remotebox { float: right; width: 70px; text-align: center; background-color: #003355; padding: 4px 8px 4px 8px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 4px 0px; }
    .remotebox a { text-decoration: none; color: #fff; }
    .remotebox:hover { background-color: #FE9C28; }
.detailbox { float: right; width: 70px; text-align: center; background-color: #487695; padding: 4px 8px 4px 8px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 0px 4px 0px; }
    .detailbox:hover { background-color: #FE9C28; }

.redboxoutline { border: solid 2px #ff5454; text-align: center; width: 68px; background-color: #fff; padding: 3px 7px 3px 7px; color: #ff5454; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }


.redbox { text-align: center; width: 70px; background-color: #FF5454; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .redbox a { text-decoration: none; color: #fff; }

    .redbox:hover { background-color: #FE9C28; }


.greenboxoutline { border: solid 2px #78cd51; text-align: center; width: 68px; background-color: #fff; padding: 3px 7px 3px 7px; color: #78CD51; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }
 .greenboxoutline:hover { border-color: #FE9C28; color:#FE9C28; }

.greenbox { text-align: center; width: 70px; background-color: #78CD51; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .greenbox a { text-decoration: none; color: #fff; }

    .greenbox:hover { background-color: #FE9C28; }


.amberboxoutline { border: solid 2px #fabb3d; text-align: center; width: 68px; background-color: #fff; padding: 3px 7px 3px 7px; color: #fabb3d; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }


.amberbox { text-align: center; width: 70px; background-color: #FABB3D; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .amberbox a { text-decoration: none; color: #fff; }

        .amberbox a:hover { text-decoration: underline; background-color: #888; }


.purpleboxwide { text-align: center; background-color: #D03DD5; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .purpleboxwide a { text-decoration: none; color: #fff; }

        .purpleboxwide a:hover { text-decoration: underline; }


.blueboxwide { text-align: center; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .blueboxwide a { text-decoration: none; color: #fff; }

    .blueboxwide:hover { background-color: #FE9C28; }


.buttonbox { width: 130px; text-align: center; background-color: #1570a6; padding: 6px 8px 6px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .buttonbox a { text-decoration: none; color: #fff; }

        .buttonbox a:hover { text-decoration: underline; background-color: #003355; }

.blueboxoutline { border: solid 2px #36A9E1; width: 68px; text-align: center; background-color: #fff; padding: 3px 7px 3px 7px; color: #36A9E1; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

.bluebox { width: 70px; text-align: center; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .bluebox a { text-decoration: none; color: #fff; }

    .bluebox:hover { background-color: #FE9C28; }


.summaryhost { white-space:nowrap;display:inline;}

    .summarybox { text-align: center; width: 70px; background-color: #003355; padding: 2px 8px 3px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 0px 0px; }
        .summarybox:hover { background-color: #fe9c28; }

/*0679b1*/
.darkblueboxevent { text-align: center; width: 70px; background-color: #003355; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .darkblueboxevent a { text-decoration: none; color: #fff; }

    .darkblueboxevent:hover { background-color: #FE9C28; }

.blueboxevent { text-align: center; width: 70px; background-color: #36A9E1; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .blueboxevent a { text-decoration: none; color: #fff; }

    .blueboxevent:hover { background-color: #FE9C28; }

.greybox { text-align: center; width: 70px; background-color: #aaaaaa; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .greybox a { text-decoration: none; color: #fff; }

    .greybox:hover { background-color: #FE9C28; }

.purpleboxoutline { border: solid 2px #D03DD5; text-align: center; width: 68px; background-color: #fff; padding: 1px 7px 3px 7px; color: #D03DD5; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

.darkpurpleboxoutline { border: 2px solid #642e90; text-align: center; width: 66px; background-color: #fff; padding: 4px 8px 4px 8px; color: #642e90; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }


.darkpurplebox { text-align: center; width: 70px; background-color: #642E90; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .darkpurplebox a { text-decoration: none; color: #fff; }

    .darkpurplebox:hover { background-color: #FE9C28; }


.purplebox { text-align: center; width: 70px; background-color: #D03DD5; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .purplebox a { text-decoration: none; color: #fff; }

    .purplebox:hover { background-color: #FE9C28; }

.cyanbox { text-align: center; width: 70px; background-color: #487695; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .cyanbox a { text-decoration: none; color: #fff; }

    .cyanbox:hover { background-color: #FE9C28; }

.blackboxoutline { border: solid 2px #000; text-align: center; width: 70px; background-color: #fff; padding: 4px 8px 4px 8px; color: #000; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

.blackbox { text-align: center; width: 70px; background-color: #000; padding: 4px 8px 4px 8px; color: #fff; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0px 8px 4px 0px; }

    .blackbox a { text-decoration: none; color: #fff; }

    .blackbox:hover { background-color: #FE9C28; }

.userbox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 70px; background-color: #78CD51; padding: 4px 8px 4px 8px; color: #fff; float: left; text-align: center; margin: 0px 8px 4px 0px; }

    .userbox a { text-decoration: none; color: #fff; }

    .userbox:hover { background-color: #FE9C28; }

.managerbox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 70px; background-color: #387D21; padding: 4px 8px 4px 8px; color: #fff; float: left; text-align: center; margin: 0px 8px 4px 0px; }

    .managerbox a { text-decoration: none; color: #fff; }

    .managerbox:hover { background-color: #FE9C28; }

.adminbox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 70px; background-color: #FABB3D; padding: 4px 8px 4px 8px; color: #fff; float: left; text-align: center; margin: 0px 8px 4px 0px; }

    .adminbox a { text-decoration: none; color: #fff; }

    .adminbox:hover { background-color: #FE9C28; }

.domainbox { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 70px; background-color: #FF5454; padding: 4px 8px 4px 8px; color: #fff; float: left; text-align: center; margin: 0px 8px 4px 0px; }

    .domainbox a { text-decoration: none; color: #fff; }

    .domainbox:hover { background-color: #FE9C28; }
/********************************************************/

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

    .sensorsection3col { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 1; /* Chrome, Safari, Opera */ -moz-columns: 250px 1; /* Firefox */ columns: 250px 1; }
    .sensorsectionlistcol { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 3; /* Chrome, Safari, Opera */ -moz-columns: 250px 3; /* Firefox */ columns: 250px 3; }
}


@media only screen and (min-width:1640px) {

  
}


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

    

    .introholder { max-width: 600px; }

    .introsection { margin-left: auto; margin-right: auto; width: 100%; }


    .section35 { float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; width: 100%; }

    .section65 { float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; width: 100%; }

    .section40 { float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; width: 100%; }

    .section60 { float: left; padding: 10px 10px 10px 10px; box-sizing: border-box; width: 100%; }

    .majorsection { float: none; padding: 10px 10px 10px 10px; width: 100%; }

    .minorsection { float: none; padding: 10px 10px 10px 10px; width: 100%; }

    .midsection { width: 100%; margin-left: auto; margin-right: auto; }
    .loginsection { width: 100%; margin-left: auto; margin-right: auto; }

    .halfsection { float: none; padding: 10px 10px 10px 10px; width: 100%; }

    .fullsection { float: none; padding: 10px 10px 10px 10px; width: 100%; }

    .section33 { float: none; padding: 10px 10px 10px 10px; width: 100%; }

    #login { font-size: 12px; margin: 0px 0px 0px 0px; text-align: center; }

        #login ul { margin: 0px 0px 0px 0px; padding: 0; }

        #login li { display: inline; list-style: none; margin: 0; padding: 0; }

        #login a { background: none; color: #999; font-weight: 600; margin: 2px; padding: 0; }

            #login a:hover { color: #333; }

    /*
    ul#menu { display: block; margin: 0px; padding: 0px; }

        ul#menu img { padding: 16px; }

        ul#menu li { margin: 0px; display: inline; list-style: none; }

            ul#menu li a { display: block; float: none; margin: 0px 0px 0px 0px; text-align: center; }
    */
    .main-content,
    .featured + .main-content { /* background-position: 10px 0;*/ }

    .content-wrapper { padding: 0px 0px 0px 0px; }

    .featured .content-wrapper { padding: 0px; }

    section.feature { float: none; padding: 0px; width: auto; }

        section.feature img { color: #999; content: attr(alt); font-size: 12px; }

    input { width: 95%; }

    #loginForm { border-right: none; float: none; width: auto; }

        #loginForm .validation-error { display: block; margin-left: 15px; }

    #socialLoginForm { margin-left: 0; float: none; width: auto; }

    .desktoponly { display: none; }

    .mobilebut { display: inline; }

    .filesizecolumn { display: none; }
    .filedatecolumn { display: none; }

       .sensorsectionlistcol { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 2; /* Chrome, Safari, Opera */ -moz-columns: 250px 2; /* Firefox */ columns: 250px 2; }
}

@media only screen and (max-width: 640px) {
    /*  .toprightimage { display: none; }*/

   

    .tabletonly { display: none; }
    .footersection { width: 100%; }
    .fileactioncolumn { display: none; }

    /* .dropmenu { padding: 22px 10px 22px 10px; }*/

    h1 { font-size: 20px; }

    .sensorsectionlistcol { float: left; padding: 0px 0px 20px 0px; box-sizing: border-box; min-width: 250px; text-wrap: none; -webkit-columns: 250px 1; /* Chrome, Safari, Opera */ -moz-columns: 250px 1; /* Firefox */ columns: 250px 1; }
}

@media only screen and (min-width:960px) {
    .mobilebut { display: none; }

 
}

.rich-text h2 {
	margin-top: 3rem;
	margin-bottom: 3rem
}

.rich-text h2:before {
	content: " ";
	display: block;
	width: 2.625rem;
	height: .25rem;
	border-radius: 1.3125rem;
	margin-bottom: 1.875rem
}

:not(p)+.rich-text h2:first-child,
.rich-text:first-child h2:first-child {
	margin-top: 0
}

.rich-text img {
	max-width: 100%
}

.rich-text table {
	border-collapse: collapse;
	border-spacing: 0
}

.rich-text table,
.rich-text tr,
.rich-text th,
.rich-text td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	text-align: left
}

.rich-text thead tr,
.rich-text thead+tbody tr:nth-child(even),
.rich-text tbody:first-child tr:nth-child(odd) {
	background-color: #f6f7f9
}

.rich-text td,
.rich-text th {
	padding: .25rem .75rem
}

.container {
	width: 75%;
	padding-right: 1.25rem;
	padding-left: 1.25rem;
	margin-right: auto;
	margin-left: auto
}