/*
* style.css
* DW Mobile V2.1.0
* Copyright 2018, DWEM, Inc.
* dwmobile.software
* 05/15/2018
*/

/* Table of contents
–––––––––––––––––––––––––––––––––––––––––––––.
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

* {
/* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
/* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
font-family: "HelveticaNeue", "Helvetica", Arial, sans-serif;
}

body{
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -khtml-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
}

a {
outline: none;
}

.ui-content {
       margin: 0 !important;
       padding: 0 !important;
}

.ui-input-text {
       background: transparent !important;
       border: none !important;
       box-shadow: none !important;
}

.ui-focus {
       -moz-box-shadow: none !important;
       -webkit-box-shadow: none !important;
       box-shadow: none !important;
}

.ui-btn:focus {
       -moz-box-shadow: none !important;
       -webkit-box-shadow: none !important;
       box-shadow: none !important;
}

#thelist {
       position: absolute;
       top: 44px;
       bottom: 45px;
       left: 0;
       right: 0;
}

#Global_Local_Switcher {
       position: absolute;
       top: 5px;
       left: 50%;
       padding: 0;
       margin: 0;


       width: 220px;
       margin-left: -110px;
/*
       width: 110px;
       margin-left: -55px;
*/
       background: transparent;
}

#Global_Local_Switcher .ui-btn {
       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);
}

#Global_Local_Switcher .ui-btn.ui-btn-active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}

#Global_Local_Switcher input {
       visibility: hidden;
}
















#UserResetPrefButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);



}


#UserResetPrefButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}












/*******************************************************/
/*               HAPTIC TESTS BUTTONS               */
/*******************************************************/

#AlarmTestButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);

}


#AlarmTestButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}


#SignificantLevelTestButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);

}


#SignificantLevelTestButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}


#NetworkStatusTestButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);

}


#NetworkStatusTestButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}

#PowerSourceTestButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);

}


#PowerSourceTestButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}

#BatteryLevelTestButton {

width: 100px;

       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);

}


#BatteryLevelTestButton:active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}

/*******************************************************/












#Sensor_Sorter_Control {
position: absolute;
left: 0;
right: 0;
border-radius: 0;

border: none !important;
}


#Sensor_Sorter_Control  label {

border-left: none !important;
border-right: none !important;

border-top: none !important;
border-bottom: 1px solid #dddddd !important;



}







#RadioChoiceSensorSorterNearest {
display: none !important;
}

#RadioChoiceSensorSorterFarthest {
display: none !important;
}



#RadarOpacitySliderHolder {

display: none;

}

#MrMsHSROpacitySliderHolder {

display: none;

}

#InfraredOpacitySliderHolder {

display: none;

}

#WaterVaporOpacitySliderHolder {

display: none;

}

#VisibleOpacitySliderHolder {

display: none;

}









#Global_Local_Switcher2 {
       position: absolute;
       top: 5px;
       left: 50%;
       padding: 0;
       margin: 0;
/*
       width: 140px;
       margin-left: -70px;
*/

       width: 220px;
       margin-left: -110px;

/*
       width: 250px;
       margin-left: -125px;
*/

       background: transparent;
}

#Global_Local_Switcher2 .ui-btn {
       background: rgba(255, 255, 255, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(76,175,80);
}

#Global_Local_Switcher2 .ui-btn.ui-btn-active {
       background: rgba(76,175,80, 1) !important;
       border-color: rgb(76,175,80) !important;
       color: rgb(255, 255, 255);

       -webkit-transition: all .1s ease-in-out;
       -moz-transition: all .1s ease-in-out;
       -o-transition: all .1s ease-in-out;
       transition: all .1s ease-in-out;
}

#Global_Local_Switcher2 input {
       visibility: hidden;
}

#one { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,255,255); }
#two { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgb(255,255,255); }
#five { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#six { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#seven { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#seven label { border-radius: 0; background: rgb(255,255,255); }
#ten {




}
#ten label { border-radius: 0; background: rgb(255,255,255); }
#eleven {  }
#eleven label { border-radius: 0; background: rgb(255,255,255); }
#twelve {  }
#twelve label { border-radius: 0; background: rgb(255,255,255); }





#SettingSupportPage {




}
#SettingSupportPage label { border-radius: 0; background: rgb(255,255,255); }







#OnlineStatusAboutHolder {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;
       /* font-weight: bold !important; */
       /* font-weight: bold; */
       color: rgb(82,214,105);
       /* color: rgb(252,13,27); */
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}

.Status_Online {
       color: rgb(82,214,105) !important;
}

.Status_Offline {
       color: rgb(252,13,27) !important;
}


#ProtocolStatusAboutHolder {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;
       /* font-weight: bold !important; */
       /* font-weight: bold; */
       /* color: rgb(82,214,105); */
       /* color: rgb(252,13,27); */
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}



#chargingTimeHolder {
display: none;
}

#dischargingTimeHolder {
display: none;
}



#BatteryLevel {
display: none;
}


#TimeChangingDisCharging {
display: none;
}



#charging {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;

       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}


#level {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;

       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}


#chargingTime {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;

       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}









#SensorsAboutHolder {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;
       /* font-weight: bold !important; */
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}


#SystemHealthHolder {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;
       /* font-weight: bold !important; */
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}

#SystemHealthHolder strong {
       color: rgba(0, 0, 0, .5) !important;
       text-align: right;
       /* font-size: 14px !important; */
       font-weight: normal !important;
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}


#DWRunningAboutHolder {
       position: absolute;
       top: 0px;
       right: 12px;
       text-align: right;
       font-size: 20px !important;
       /* font-weight: bold !important; */
       margin: 0 !important;
       padding: 0 !important;
       line-height: 45px;
}

#DWInstalledAboutHolder {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}

#VersionAboutHolder {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}


#DWMobileViews {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}

#DWMobileLastView {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}



#LatAboutHolder {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}

#LongAboutHolder {
position: absolute;
top: 0px;
right: 12px;
text-align: right;
font-size: 20px !important;
/* font-weight: bold !important; */
margin: 0 !important;
padding: 0 !important;
line-height: 45px;
}

#ServerDate {
/*
position: absolute;
bottom: 0px;
left: 0;
right: 0;
text-align: center;
*/
margin: 0;
padding: 0;
font-size: 14px;
line-height: 45px;
height: 45px;
color: rgba(55,55,55,.69);
/* text-shadow: 1px 1px 0 rgba(0,0,0,0.1); */
}

/* PAGE TWO */

#SingleControllerPage a {
padding: 0;
margin: 0;
}

















.BackPageButton {
/*       visibility: hidden; */
position: absolute;
top: 0;
left: 0;
/* width: 48px; */
width: 50px;
margin: 0;
/* padding: 2px 0px 5px 0px !important; */
padding: 8px 0px 5px 7px !important;
/* font-size: 40px !important; */
font-size: 16px !important;
line-height: 35px;
text-align: left;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0 !important;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

.BackPageButton:active {
opacity: .5 !important;
}

#documentationButton {
left: 0;
right: 0;
margin: 0;
font-size: 16px !important;
line-height: 35px;
text-align: center;
color: rgb(255, 255, 255) !important;
background-color: rgba(76,175,80, 1) !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
cursor: pointer;
}

#documentationButton:active {
opacity: .75 !important;
}































#TabularChartRainfallPanelToggleButton {
display: none;
position: absolute;
top: 0;
right: 0;
margin: 0 40px 0 0 !important;
padding: 5px 5px !important;
font-size: 30px !important;
line-height: 35px;
text-align: center;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#TabularChartRainfallPanelToggleButton:active {
opacity: .5 !important;
}

#TimeToDisplayCommands {
/* display: none; */
visibility: hidden;
position: absolute;
top: 0;
right: 3px;
margin: 0;
padding: 6px 5px 0px 0px !important;
font-size: 30px !important;
line-height: 35px;
text-align: center;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

#TimeToDisplayCommands:active {
opacity: .5 !important;
}




.ForwardPageButton {
/*       visibility: hidden; */
       position: absolute;
       top: 0;
       bottom: 0;
       right: 0;
       margin: 0;
       padding: 2px 0 0 5px;
       font-size: 34px !important;
       line-height: 35px;
       text-align: center;
       border: none;
       color: rgba(88,88,88, .69) !important;
       background: transparent !important;
       border-radius: 0 !important;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}

.ForwardPageButton:active {
       opacity: .5 !important;
}














#MainPanelToggleButton {
       display: none; 
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       width: 35px;
       margin: 0;
       padding: 6px 0px 0px 5px;
       font-size: 30px !important;
       line-height: 35px;
       text-align: center;
       border: none;
       color: rgba(76,175,80, 1) !important;
       background: transparent !important;
       border-radius: 0 !important;
       text-decoration: none !important;
       text-shadow: none !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}

#MainPanelToggleButton:active {
       opacity: .5 !important;
}











#ListViewScrollToTopButton {
/* opacity: 0; */

       display: none; 
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 42px;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/
       opacity: 1;

/* background-color: red !important; */
}

#ListViewScrollToTopButton:active {
       opacity: .5 !important;
}










#ListViewScrollToBottomButton {
/* opacity: 0; */

       display: none;
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 0;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/

       opacity: 1;

/*        background-color: orange !important;  */
}

#ListViewScrollToBottomButton:active {
       opacity: .5 !important;
}










































#OverviewScrollToTopButton {
/* opacity: 0; */

       display: none; 
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 42px;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/
       opacity: 1;

/* background-color: red !important; */
}

#OverviewScrollToTopButton:active {
       opacity: .5 !important;
}










#OverviewScrollToBottomButton {
/* opacity: 0; */

       display: none;
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 0;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/

       opacity: 1;

/*        background-color: orange !important;  */
}

#OverviewScrollToBottomButton:active {
       opacity: .5 !important;
}
































#GlanceViewScrollToTopButton {
/* opacity: 0; */

       display: none; 
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 42px;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/
       opacity: 1;

/* background-color: red !important; */
}

#GlanceViewScrollToTopButton:active {
       opacity: .5 !important;
}










#GlanceViewScrollToBottomButton {
/* opacity: 0; */

       display: none;
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 0;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/

       opacity: 1;

/*        background-color: orange !important;  */
}

#GlanceViewScrollToBottomButton:active {
       opacity: .5 !important;
}




















































#TabularViewScrollToTopButton {
/* opacity: 0; */

       display: none; 
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 42px;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/
       opacity: 1;

/* background-color: red !important; */
}

#TabularViewScrollToTopButton:active {
       opacity: .5 !important;
}







.ShowScrollToTop {
color: rgba(55,55,55,.23) !important;
}










#TabularViewScrollToBottomButton {
/* opacity: 0; */

       display: none;
       position: absolute;
       top: 0px;
/*       top: 46px; */

       right: 0;
       bottom: 0;

       margin: 0;
       padding: 0 7px 0px 0px;
       font-size: 44px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       height: 46px;
       border: none;
       color: rgba(76,175,80, 1);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
/*
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
*/

       opacity: 1;

/*        background-color: orange !important;  */
}

#TabularViewScrollToBottomButton:active {
       opacity: .5 !important;
}







.ShowScrollToBottom {
color: rgba(55,55,55,.23) !important;
}





















#MapSettingsPanelToggleButton {
/* opacity: 0; */

       display: none;
       position: absolute;
       top: 0;

       right: 0;
       bottom: 0;

       margin: 0;
       padding: 6px 5px 0px 0px;
       font-size: 30px !important;
       line-height: 35px;
       text-align: right;
       width: 35px;
       border: none;
       color: rgba(76,175,80, 1) !important;
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;

       /* background-color: red !important; */
}

#MapSettingsPanelToggleButton:active {
       opacity: .5 !important;
}








#DWMobileInfoToggleButton {

/* display: none; */
position: absolute;
top: 0;
right: 3px;
margin: 0;
padding: 5px 5px 0px 0px;
font-size: 30px !important;
line-height: 35px;
text-align: center;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

#DWMobileInfoToggleButton:active {
       opacity: .5 !important;
}



#DWMobileInfoToggleDoneButton {

/*       visibility: hidden; */
position: absolute;
top: 0;
right: 0;
/* width: 48px; */
width: 50px;
margin: 0;
/* padding: 2px 0px 5px 0px !important; */
padding: 8px 0px 5px 7px !important;
/* font-size: 40px !important; */
font-size: 16px !important;
line-height: 35px;
text-align: left;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0 !important;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

#DWMobileInfoToggleDoneButton:active {
       opacity: .5 !important;
}







#DWMobileVersionToggleDoneButton {

/*       visibility: hidden; */
position: absolute;
top: 0;
right: 0;
/* width: 48px; */
width: 50px;
margin: 0;
/* padding: 2px 0px 5px 0px !important; */
padding: 8px 0px 5px 7px !important;
/* font-size: 40px !important; */
font-size: 16px !important;
line-height: 35px;
text-align: left;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0 !important;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

#DWMobileVersionToggleDoneButton:active {
       opacity: .5 !important;
}











#CategoryTypesPanelToggleButton {

display: none;
position: absolute;
top: 0;
right: 3px;
margin: 0;
padding: 6px 5px 0px 0px;
font-size: 30px !important;
line-height: 35px;
text-align: center;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
/* background-color: red !important; */
}

#CategoryTypesPanelToggleButton:active {
       opacity: .5 !important;
}



#ListMapRainfallPanelToggleButton {
display: none;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 5px 5px !important;
font-size: 30px !important;
line-height: 35px;
text-align: left;
border: none;
color: rgba(76,175,80, 1) !important;
background: transparent !important;
border-radius: 0;
text-decoration: none !important;
text-shadow: none !important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#ListMapRainfallPanelToggleButton:active {
       opacity: .5 !important;
}





#RainfallInfoFooter {
display: none;
position: absolute;
top: 46px;
left: 0;
right: 0;
height: 47px;
z-index: 2;
}


#RainfallInfoFooter p {


padding: 5px;
margin: 0;

    background: rgba(248, 248, 248, .95);


border: none;
border-bottom: 1px solid rgb(221, 221, 221);

font-size: 14px;
font-weight: normal;



}






#OverviewReportedInfoFooter {
display: none;
position: absolute;
bottom: 46px;
left: 0;
right: 0;
height: 47px;
}


#OverviewReportedInfoFooter p {


padding: 5px;
margin: 0;

    background: rgba(248, 248, 248, .95);


border: none;
border-top: 1px solid rgb(221, 221, 221);

font-size: 14px;
font-weight: normal;





}

#OverviewReportedInfoFooter progress {

width: 90%;

}



#OverviewReportedInfoFooterText {
height: 35px;
}















#MapLocationInfoFooter {
display: none;
position: absolute;
bottom: 47px;
left: 0;
right: 0;
height: 81px;
    background: rgba(248, 248, 248, .95);


border: none;
border-top: 1px solid rgb(221, 221, 221);
width: 100%;
}


#MapLocationInfoFooter p {


padding: 5px;
margin: 0;


font-size: 14px;
font-weight: normal;


line-height: 18px;


}

#MapLocationInfoFooter progress {

width: 90%;

}



#MapLocationInfoFooterText {
position: absolute;
left: 0;
text-align: left;
}

#MapLocationInfoFooterText2 {
position: absolute;
right: 0;
text-align: right;
}

















#ListViewSortButton {
/*       opacity: 0; */
       display: none;
       position: absolute;
       top: 0;

       left: 0;

       bottom: 0;

       margin: 0;
       padding: 5px 5px !important;
       font-size: 30px !important;
       line-height: 35px;
       text-align: left;
       width: 35px;

       border: none;
       color: rgba(76,175,80, 1) !important;
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;

       /* background-color: red !important; */
}

#ListViewSortButton:active {
       opacity: .5 !important;
}

















/* NEW */



#HomeLocationOnMapButton {
/*       opacity: 0; */
       display: none;
       position: absolute;
       top: 0;

       left: 0;

       bottom: 0;

       margin: 0;
       padding: 5px 5px !important;
       font-size: 30px !important;
       line-height: 35px;
       text-align: left;
       width: 35px;

       border: none;
       color: rgba(55,55,55,.23);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;

       /* background-color: red !important; */
}

#HomeLocationOnMapButton:active {
       opacity: .5 !important;
}





.NotAtHomeLocation {
color: rgba(76,175,80, 1) !important;
}



/* NEW */















#CurrentLocationOnMapButton {
/*       opacity: 0; */
       display: none;
       position: absolute;
       top: 0;

       left: 42px;

       bottom: 0;

       margin: 0;
       padding: 5px 5px !important;
       font-size: 30px !important;
       line-height: 35px;
       text-align: left;
       width: 35px;

       border: none;
       color: rgba(55,55,55,.23);
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;

       /* background-color: red !important; */
}

#CurrentLocationOnMapButton:active {
       opacity: .5 !important;
}




/* NEW */

.NotAtCurrentLocation {
color: rgba(76,175,80, 1) !important;
}

/* NEW */






#CurrentLocationOnListandOverviewButton {
/*       opacity: 0; */
       display: none;
       position: absolute;
       top: 0;

       left: 42px;

       bottom: 0;

       margin: 0;
       padding: 5px 5px !important;
       font-size: 30px !important;
       line-height: 35px;
       text-align: left;
       width: 35px;

       border: none;
       color: rgba(76,175,80, 1) !important;
       background: transparent !important;
       border-radius: 0;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;

       /* background-color: red !important; */
}

#CurrentLocationOnListandOverviewButton:active {
       opacity: .5 !important;
}




.ControllersUpdateButton {
       /* display: none; */
       position: absolute;
       top: 0;
       bottom: 0;
       right: 3px;
       width: 35px;
       margin: 0;
       padding: 6px 0px 0px 5px;
       font-size: 26px !important;
       line-height: 35px;
       text-align: center;
       border: none;
       color: rgba(76,175,80, 1) !important;
       background: transparent !important;
       border-radius: 0 !important;
       text-decoration: none !important;
       text-shadow: none !important;
       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}

.ControllersUpdateButton:active {
       opacity: .5 !important;
}

#DWMobileListView::-webkit-scrollbar {
width: 0px;
/*
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border-radius: 3px;
margin-left: 60px;
*/
background: transparent;
}

#DWMobileListView::-webkit-scrollbar-track {

}

#DWMobileListView::-webkit-scrollbar-thumb {
/*
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
  background: rgba(76,175,80, 1);
*/
width: 0px;
background: transparent;
}





#DWMobileOverview::-webkit-scrollbar {
width: 0px;
/*
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
border-radius: 3px;
margin-left: 60px;
*/
background: transparent;
}

#DWMobileOverview::-webkit-scrollbar-track {

}

#DWMobileOverview::-webkit-scrollbar-thumb {
/*
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
  background: rgba(76,175,80, 1);
*/
width: 0px;
background: transparent;
}





#ListEmptyStateHolder {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
/* background: rgba(248, 248, 248, .90); */
background: rgb(255,255,255);
z-index: 2;
}

#ListEmptyState {
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -100px;
line-height: 30px;
width: 200px;
font-size: 20px;
text-align: center;
}







.InfoBoxClass {

border: 1px solid rgba(55,55,55, 0.69);
border-radius: .3125em;
text-align: center;
font-size: 14px;
font-weight: bold;

padding-right: 3px;
padding-left: 3px;
width: auto;
color: black;
background: white;

}

.InfoBoxClass div {
padding: 0;
margin: 0;
width: 100%;
}

.InfoBoxClass div:hover {
cursor: pointer;
}

#Google-Map {

visibility: hidden;


       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       /* bottom: 45px; /* make 0px */
       bottom: 0; /* make 0px */
       padding: 0;
       margin: 0;
       border: none;

       -webkit-transition: all .3s ease-in;
       -moz-transition: all .3s ease-in;
       -o-transition: all .3s ease-in;
       transition: all .3s ease-in;

       -webkit-transition: all .1s ease-out;
       -moz-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
       transition: all .1s ease-out;

}







#High-Charts {

visibility: hidden;

       position: absolute;
       top: 90px;
       right: 0;
       left: 0;
       bottom: 45px;
        padding: 0; 

       margin: 0;
       border: none;

       -webkit-overflow-scrolling: touch;

       /* background-color: orange; */

       -webkit-transition: all .3s ease-in;
       -moz-transition: all .3s ease-in;
       -o-transition: all .3s ease-in;
       transition: all .3s ease-in;

       -webkit-transition: all .1s ease-out;
       -moz-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
       transition: all .1s ease-out;

}

#DWMobileListView {

/* visibility: hidden; */
display: none;

       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
       /* padding: 45px 0 45px 0; */


       padding: 45px 0 47px 0; 
       margin: 0;
       border: none;
       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */

       overflow: hidden;
       overflow-y: scroll;

       -webkit-overflow-scrolling: touch;
}

#DWMobileListView li {

/*
       border: none;
       border-collapse:collapse;

*/

margin: 0;
padding: 0;

color: rgb(0, 0, 0) !important; 

/* color: rgb(255, 255, 255) !important; */

/* color: rgb(255, 255, 255) !important; */ /* If using them B */




/* background: transparent !important; */



border: none;
border-bottom: 1px solid rgb(221, 221, 221);


height: 69px;

line-height: 69px;







}

#DWMobileListView li:first-child {


border-top: none;


}

#DWMobileListView li:last-child {

/* border-bottom: none; */

}

#DWMobileListView li:hover {

cursor: pointer;

}














#DWMobileOverview {

/* visibility: hidden; */
display: none;

       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
       /* padding: 45px 0 45px 0; */


       padding: 45px 0 47px 0; 
       margin: 0;
       border: none;
       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */

       overflow: hidden;
       overflow-y: scroll;




       -webkit-overflow-scrolling: touch;
}

#DWMobileOverview li {


       border: none;
       border-collapse:collapse;



margin: 0;
padding: 0;

color: rgb(0, 0, 0) !important; 

/* color: rgb(255, 255, 255) !important; */

/* color: rgb(255, 255, 255) !important; */ /* If using them B */




/* background: transparent !important; */


border: 1px solid rgb(221, 221, 221);


border-left: none;
border-right: none;
border-top: none;

/*
border-radius: .3125em;
*/



height: 69px;

line-height: 40px;


}

#DWMobileOverview li:first-child {

/*
border-top: none;
*/

}

#DWMobileOverview li:last-child {

/* border-bottom: none; */

}

#DWMobileOverview li:hover {

cursor: pointer;

}







#DWMobileOverview  .overview {



height: auto;
padding-top: 14px;
padding-bottom: 14px;


background-color: transparent;
text-align: center;





}





#DWMobileOverview  .overview .overviewNumReported {



    font-size: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: rgba(0, 0, 0, .5) !important;



}


#DWMobileOverview  .overview progress {


width: 90% !important;


}






.overviewHeader {

position: absolute;
top: 0;
left: 0;
right: 0;
height: 45px;


border-bottom: 1px solid rgb(221, 221, 221);

    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;

background-color: #fff;
background: rgba(248, 248, 248, .95);


}






#DWMobileOverview progress {

left: 50%;


width: 326px !important;


}











/*
#GroupsCount {

}

.GroupsCountClass {
    -webkit-animation: myfade 1s .5s;
    animation: myfade 1s .5s;
}
*/

.Controller24hStatus {
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       width: 4px;
       background: rgb(76,175,80);
}

.ControllerOver24hStatus {
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       width: 4px;
       background: rgba(164,164,164, .81);
}














.Sensor24hStatus {
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       width: 4px;
       background: rgb(76,175,80);
       border-radius: none;
       border-top-left-radius: .3125em;
       border-bottom-left-radius: .3125em;
}

.SensorOver24hStatus {
       position: absolute;
       top: 0;
       left: 0;
       bottom: 0;
       width: 4px;
       background: rgba(164,164,164, .81);
       border-radius: none;
       border-top-left-radius: .3125em;
       border-bottom-left-radius: .3125em;
}








/* Used For HELP */


.SigLevelIcon7 {
color: rgb(255,87,34) !important;
padding: 7px;
}

.SigLevelIcon6 {
color: rgb(255,193,7) !important;
padding: 7px;
}

.SigLevelIcon5 {
color: rgb(76,175,80) !important;
padding: 7px;
}

.SigLevelIcon4 {
color: rgb(33,150,243) !important;
padding: 7px;
}

.SigLevelIcon3 {
color: rgb(63,81,181) !important;
padding: 7px;
}

.SigLevelIcon2 {
color: rgb(156,39,176) !important;
padding: 7px;
}

.SigLevelIcon1 {
color: rgb(200,53,115) !important;
padding: 7px;
}

.SigLevelIcon0 {
color: rgb(142, 142, 142) !important;
padding: 7px;
}

.AlarmIcon {
color: rgb(244,67,54) !important;
padding: 7px;
}

/* Used For HELP */




.StatsDivider {
/* color: rgba(55,55,55, .69) !important; */
text-align: center !important;
line-height: 30px !important;
height: 30px !important;

}






.SigLevel7 { /* ORANGE */
color: rgb(255,87,34) !important;
/* border-color: rgb(255,87,34) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel7BGCF { /* ORANGE */
color: rgb(255,87,34) !important;
border-color: rgb(255,87,34) !important;
background: rgba(255,87,34, 0.25) !important;
}

.SigLevel6 { /* YELLOW */
color: rgb(255,193,7) !important;
/* border-color: rgb(255,193,7) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel6BGCF { /* YELLOW */
color: rgb(255,193,7) !important;
border-color: rgb(255,193,7) !important;
background: rgba(255,193,7, 0.25) !important;
}

.SigLevel5 { /* GREEN */
color: rgb(76,175,80) !important;
/* border-color: rgb(76,175,80) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel5BGCF { /* GREEN */
color: rgb(76,175,80) !important;
border-color: rgb(76,175,80) !important;
background: rgba(76,175,80, 0.25) !important;
}

.SigLevel4 { /* BLUE */
color: rgb(33,150,243) !important;
/* border-color: rgb(33,150,243) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel4BGCF { /* BLUE */
color: rgb(33,150,243) !important;
border-color: rgb(33,150,243) !important;
background: rgba(33,150,243, 0.25) !important;
}

.SigLevel3 { /* INDIGO */
color: rgb(63,81,181) !important;
/* border-color: rgb(63,81,181) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel3BGCF { /* INDIGO */
color: rgb(63,81,181) !important;
border-color: rgb(63,81,181) !important;
background: rgba(63,81,181, 0.25) !important;
}

.SigLevel2 { /* PURPLE */
color: rgb(156,39,176) !important;
/* border-color: rgb(156,39,176) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel2BGCF { /* PURPLE */
color: rgb(156,39,176) !important;
border-color: rgb(156,39,176) !important;
background: rgba(156,39,176, 0.25) !important;
}

.SigLevel1 { /* MAGENTA */
color: rgb(200,53,115) !important;
/* border-color: rgb(200,53,115) !important; */
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.SigLevel1BGCF { /* MAGENTA */
color: rgb(200,53,115) !important;
border-color: rgb(200,53,115) !important;
background: rgba(200,53,115, 0.25) !important;
}

.SigLevel0 {
/* color: rgba(55,55,55, .69) !important; */
color: rgb(142, 142, 142) !important;
border-color: rgb(221, 221, 221) !important;
background: transparent !important;
}

.Alarm { /* RED */
color: rgb(244,67,54) !important;
border-color: rgb(244,67,54) !important;
/* border-color: rgb(221, 221, 221) !important; */
background: transparent !important;
}

.AlarmBGCF { /* RED */
color: rgb(244,67,54) !important;
border-color: rgb(244,67,54) !important;
background: rgba(244,67,54, 0.25) !important;
}



.Maintenance { /* ORANGE */
color: rgb(255,87,34) !important;
border-color: rgb(255,87,34) !important;
background: transparent !important;
}

.MaintenanceBGCF { /* ORANGE */
color: rgb(255,87,34) !important;
border-color: rgb(255,87,34) !important;
background: rgba(255,87,34, 0.25) !important;
}





.NonReporting { /* ORANGE */
color: rgb(255,140,21) !important;
border-color: rgb(255,140,21) !important;
background: transparent !important;
}

.NonReportingBGCF { /* ORANGE */
color: rgb(255,140,21) !important;
border-color: rgb(255,140,21) !important;
background: rgba(255,140,21, 0.25) !important;
}




.ControllerOver24hStatusListItem {
       opacity: 0.50 !important;
}

.ControllerControlIDInList {





       position: absolute;
       top: 3px;
       left: 12px;
       height: 20px;
       text-align: left;
       font-size: 16px !important;
       font-weight: bold !important;


      margin: 0 !important;
       padding: 0 !important;

line-height: 20px;




opacity: 100;




/* background: red; */


/* border: 1px solid black; */

}







.ControllerControlIDInOverview {





       position: absolute;
       top: 3px;
       left: 8px;
       height: 20px;
       text-align: left;
       font-size: 16px !important;
       font-weight: bold !important;


      margin: 0 !important;
       padding: 0 !important;

line-height: 20px;




opacity: 100;




/* background: red; */


/* border: 1px solid black; */

}




.ControllerRInListIcon {

display: none;

       position: absolute;
       top: 24px;
	   left: 12px;


       font-size: 26px !important;
       font-weight: bold !important;
       color: rgba(76,175,80, .81) !important;


}



.ControllerNameInList {
       position: absolute;
       top: 26px;
       left: 12px;
       height: 18px;
       text-align: left;
       font-weight: bold;
       font-size: 16px !important;

       white-space: nowrap; 
       min-width: 220px;
       max-width: 40%;
       overflow: hidden;
       text-overflow: ellipsis;



opacity: 100;




      margin: 0 !important;
       padding: 0 !important;

line-height: 18px;



/* border: 1px solid black; */

}






.ControllerNameInOverview {
       position: absolute;
       top: 26px;
       left: 8px;
       height: 18px;
       text-align: left;
       font-weight: bold;
       font-size: 16px !important;

       white-space: nowrap; 
       min-width: 220px;
       max-width: 40%;
       overflow: hidden;
       text-overflow: ellipsis;



opacity: 100;




      margin: 0 !important;
       padding: 0 !important;

line-height: 18px;



/* border: 1px solid black; */

}










.ControllerControlStatusInListOn {
       position: absolute;
       top: 47px;
       left: 12px;
       height: 19px;
       text-align: left;
       font-size: 14px !important;
       font-weight: bold !important;
       margin: 0 !important;
       padding: 0 !important;
       line-height: 19px;


/* border: 1px solid black; */

}




.ControllerControlStatusInListOff {

display: none !important;

color: transparent !important;

       position: absolute;
       bottom: 7px;
       left: 12px;
       text-align: left;
       font-size: 14px !important;

font-weight: bold !important;


/* color: rgb(142, 142, 142) !important; */

      margin: 0 !important;
       padding: 0 !important;

line-height: 14px;
}












.ControllerControlStatusInOverviewOn {
       position: absolute;
       top: 47px;
       left: 8px;
       height: 19px;
       text-align: left;
       font-size: 14px !important;
       font-weight: bold !important;
       margin: 0 !important;
       padding: 0 !important;
       line-height: 19px;


/* border: 1px solid black; */

}




.ControllerControlStatusInOverviewOff {

display: none !important;

color: transparent !important;

       position: absolute;
       bottom: 7px;
       left: 8px;
       text-align: left;
       font-size: 14px !important;

font-weight: bold !important;


/* color: rgb(142, 142, 142) !important; */

      margin: 0 !important;
       padding: 0 !important;

line-height: 14px;
}






















 






.SigIconLevel7 {
color: rgb(255,87,34) !important;
}

.SigIconLevel6 {
color: rgb(255,193,7) !important;
}

.SigIconLevel5 {
color: rgb(76,175,80) !important;
}

.SigIconLevel4 {
color: rgb(33,150,243) !important;
}

.SigIconLevel3 {
color: rgb(63,81,181) !important;
}

.SigIconLevel2 {
color: rgb(156,39,176) !important;
}

.SigIconLevel1 {

color: rgb(200,53,115) !important;

}

.SigIconLevel0 {

display: none;

color: transparent !important;
}








.alarmInListOff {

display: none;

color: transparent !important;
}

.alarmInListOn {

color: rgb(244,67,54) !important;

}








.maintenanceInListOff {

display: none;

color: transparent !important;
}

.maintenanceInListOn {

color: rgb(255,87,34) !important;

}




.NonReportingInListOn {

color: rgb(255,140,21) !important;

}






.RainInListOff {

display: none;

color: transparent !important;
}



.RainInListOn {


color: rgb(40, 159, 242) !important;

}







.DataValueInList {
       position: absolute;
       top: 0;
       left: 12px;
       text-align: left;
       font-size: 20px !important;
       /* font-weight: bold !important; */


      margin: 0 !important;
       padding: 0 !important;

line-height: 48px;










}


.DataValueInList strong {


padding-right: 3px;

}

















.DataValueInListHasRain {
       position: absolute;
       top: 0;
       left: 12px;
       text-align: left;
       font-size: 20px !important;
       /* font-weight: bold !important; */


      margin: 0 !important;
       padding: 0 !important;

line-height: 48px;




}


.DataValueInListHasRain strong {


padding-right: 3px;



}



.DataValueInListNoRain {
       position: absolute;
       top: 0;
       left: 12px;
       text-align: left;
       font-size: 20px !important;
       /* font-weight: bold !important; */


      margin: 0 !important;
       padding: 0 !important;

line-height: 48px;

color: rgba(0, 0, 0, .50) !important;


}


.DataValueInListNoRain strong {


padding-right: 3px;



}


















.ControllerEventTime {
       position: absolute;
       top: 6px;
       right: 9px;
       text-align: left;

       margin: 0 !important;
       padding: 0 !important;





height: 14px;
       line-height: 14px;

font-size: 14px !important;





}

.ControllerEventTime strong {


padding-left: 7px;



}






.DataDateInList {
       position: absolute;
       bottom: 6px;
       right: 9px;
       text-align: right;


height: 14px;
       line-height: 14px;


/* color: rgb(142, 142, 142); */




       font-size: 14px !important;
       margin: 0 !important;
       padding: 0 !important;











}


.DataDateInList strong {



}















.ARainDataTimeInList {
       position: absolute;
       bottom: 0;
       right: 12px;
       text-align: right;



       line-height: 48px;


/* color: rgb(142, 142, 142); */




       font-size: 20px !important;
       margin: 0 !important;
       padding: 0 !important;











}


.ARainDataTimeInList strong {

padding-left: 7px;
padding-right: 7px;

}




















.ControllerTime {
       position: absolute;
       top: 50px;
       right: 12px;
       text-align: right;









height: 16px;
       line-height: 16px;


/* color: rgb(142, 142, 142); */

font-weight: bold !important;


       font-size: 16px !important;
       margin: 0 !important;
       padding: 0 !important;






opacity: 100;



/* border: 1px solid black; */

}





.ControllerTime i {

/*
color: rgb(199, 199, 204) !important;






       color: rgb(55, 55, 55) !important;
*/

}











.ControllerTimeBack {
       position: absolute;
       top: 29px;
       right: 12px;
       text-align: right;







height: 15px;
       line-height: 15px;


/* color: rgb(142, 142, 142); */




       font-size: 15px !important;
       margin: 0 !important;
       padding: 0 !important;



opacity: 100;



/* border: 1px solid black; */


}

.ControllerTimeBack strong {

}




























.ControllerEventTimeBack {
       position: absolute;

       left: 50%;


       min-width: 160px;
       max-width: 160px;


       text-align: center;
       font-size: 14px !important;

line-height: 48px;


      margin: 0 !important;
       padding: 0 !important;


margin-left: -80px !important;






color: rgba(0, 0, 0, .50) !important;

 

}

.ControllerEventTimeBack strong {


}





.ControllerOutputStatus {
position: absolute;
top: 3px;
right: 12px;
text-align: right;
font-size: 20px !important;
padding: 0 !important;
margin: 0 !important;
opacity: 100;
height: 23px;
line-height: 23px;
overflow: none;

/* background: red; */

/* border: 1px solid black; */

}


.ControllerOutputStatus strong {
font-weight: bold !important;
padding-left: 7px;
}


.ControllerEventOutputStatus {
       position: absolute;
       bottom: 0;
       right: 18px;
       text-align: right;

       font-size: 12px !important;
       font-weight: bold !important;

padding: 3px 10px;
margin: 0;
color: rgba(76,175,80, .81);

/*
background-color: rgba(76,175,80, .95);
border: 1px solid rgba(76,175,80, 1);



border-radius: 5px;
*/


border: 1px solid rgba(188, 188, 188, .5);

background-color: rgba(255,255,255,1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    -moz-box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    overflow: none;



/*
background-color: rgba(169,169,169, .95);
border: 1px solid rgba(169,169,169, 1);
*/



/*
background-color: rgba(97,187,70, 1);
border: 1px solid rgba(97,187,70, 1);
*/



}













.ControllerOutputStatus2 {
       position: absolute;
       top: 35px;
       left: 15px;
       text-align: left;

       font-size: 12px !important;
       font-weight: bold !important;

padding: 3px 10px;

color: rgba(76,175,80, .81);

/*
background-color: rgba(76,175,80, .95);
border: 1px solid rgba(76,175,80, 1);



border-radius: 5px;
*/


border: 1px solid rgba(188, 188, 188, .5);

background-color: rgba(255,255,255,1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    -moz-box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    box-shadow: inset 0px 1px 1px rgba(188, 188, 188, 0.15);
    overflow: none;



/*
background-color: rgba(169,169,169, .95);
border: 1px solid rgba(169,169,169, 1);
*/



/*
background-color: rgba(97,187,70, 1);
border: 1px solid rgba(97,187,70, 1);
*/


z-index: 100;

}




#SensorIDandNameHolder {

  position: absolute;
  top: 45px;
  left: 0;
  right: 0;
  height: 45px;

padding: 0;
margin: 0;

font-size: 16px;
font-weight: bold;

text-align: center;

line-height: 45px;

    /* background-color: rgb(255, 255, 255); */

    border-top: 1px solid rgb(221, 221, 221); 




    /* color: rgb(81,81,81); */
    color: rgb(55, 55, 55);
    /* color: rgb(51, 136, 204); */
    text-shadow: none;



}








#controller-events-list {
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* padding: 0 0 0 0; */
padding: 90px 0 47px 0; 
margin: 0;
border: none;
/*  -webkit-animation: fadeInUpBig 1s; */
/*  animation: fadeInUpBig 1s; */
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

#controller-events-list li {
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid rgb(221, 221, 221);
height: 48px;
color: rgb(0,0,0) !important;
line-height: 48px;
}

#controller-events-list li:first-child {
border-top: none;
}

#controller-events-list li:last-child {
/* border-bottom: none; */
}

















#controller-events-list-Stats {
visibility: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
/* padding: 0 0 0 0; */
padding: 90px 0 47px 0; 
margin: 0;
border: none;
/*  -webkit-animation: fadeInUpBig 1s; */
/*  animation: fadeInUpBig 1s; */
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}

#controller-events-list-Stats li {
margin: 0;
padding: 0;
border: none;
border-bottom: 1px solid rgb(221, 221, 221);
height: 48px;
color: rgb(0,0,0) !important;
line-height: 48px;
}

#controller-events-list-Stats li:first-child {
border-top: none;
}

#controller-events-list-Stats li:last-child {
/* border-bottom: none; */
}






.GlanceDynamicP {

text-align: center;
margin: 0px 12px;

}









#contacts-table3 {
       position: absolute;
       top: 89px;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */



       -webkit-overflow-scrolling: touch;



}

#contacts-table3 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}

#contacts-table4 {
       position: absolute;
       top: 81px;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */

       overflow: hidden;
       overflow-y: scroll;

       -webkit-overflow-scrolling: touch;
}








#contacts-table5 {
       position: absolute;
       top: 81px;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */

       overflow: hidden;
       overflow-y: scroll;

       -webkit-overflow-scrolling: touch;
}





#contacts-table6 {
       position: absolute;
       top: 81px;
       right: 0;
       left: 0;
       bottom: 0;
       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */

       overflow: hidden;
       overflow-y: scroll;

       -webkit-overflow-scrolling: touch;
}

#HelpHolder {
position: absolute;
top: 81px;
right: 0;
left: 0;
}

#contacts-table7001 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 85px;
       border: none;
}

#contacts-table7001 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}








#contacts-table700177777 {

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table700177777 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}






#contacts-table7001777777 {

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table7001777777 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}



















#contacts-table70011 {
display: none;
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table70011 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}




#contacts-table700111 {
display: none;
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table700111 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}





#contacts-table7002 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table7002 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}












#contacts-table7004 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table7004 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}


#contacts-table7005 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table7005 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}

#contacts-table7006 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;
}

#contacts-table7006 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}





/*

#contacts-twitter-support {
position: absolute;
top: 0;
right: 12px;
font-size: 20px;
text-align: right;
line-height: 44px;
padding: 0;
margin: 0;
}

#contacts-twitter-support:hover {
color: rgb(76,175,80);
cursor: pointer;
}

*/


#DWMobileIconInAbout {



width: 135px;
height: 135px;

padding: 0;
margin: 0;
margin-top: 113px;
/* margin-bottom: 10px; */
margin-bottom: 79px;






border-radius: 20px;



line-height: 135px;
text-align: center;
font-size: 90px;

color: rgba(255,255,255,.96);


/*
-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.4);
*/



-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);
box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.4);




background-color: rgb(76,175,80) !important;



/*
  background: url("/../images/newIcon.png") no-repeat center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
*/

}

#DWMobileIconInAboutText {


font-size: 40px;
margin-bottom: 69px;

}


#DWMobileIconInAboutText2 {


color: rgb(40,159,242) !important;

font-size: 40px;
margin-bottom: 69px;

}


#contacts-table8 {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table8 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}

#contacts-table8 p {
       font-size: 11px;
}






#contacts-table81a {
       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */
}

#contacts-table81a a {
       padding-top: 11px;
       background: rgb(255,255,255);
}















#contacts-table81 {

display: none;

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table81 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}











#contacts-table88 {

visibility: visible;

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table88 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}



#contacts-table89 {

visibility: visible;

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;
       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table89 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}




#contacts-table888 {

display: none;
/* visibility: hidden; */

       position: relative;

       /* padding: 0 0 0 0; */
        padding: 0; 

       margin: 0;
       margin-top: 40px;


       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table888 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}








#contacts-table8888 {

visibility: visible;


       /* padding: 0 0 0 0; */
       padding: 0; 
       margin: 0;
       margin-top: 40px;
       margin-bottom: 100px;

       border: none;

       /*  -webkit-animation: fadeInUpBig 1s; */
       /*  animation: fadeInUpBig 1s; */




}

#contacts-table8888 a {
       padding-top: 11px;
       background: rgb(255,255,255);
}











#DWControlMainPanel {



}

#DWControlMainPanel .ui-panel-inner {
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       right: 0 !important;
       bottom: 0 !important;
       margin: 0 !important;

       /* background-color: rgb(241, 241, 241); */
       /*
       background: rgb(232, 236, 241);
       background: -moz-linear-gradient(top, rgba(232,236,241,1) 0%, rgba(209,216,224,1) 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232, 236, 241)), color-stop(100%,rgb(209, 216, 224)));
       background: -webkit-linear-gradient(top, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       background: -o-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: -ms-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: linear-gradient(to bottom, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf1', endColorstr='#d1d8e0',GradientType=0 );
       */
       /* background-color: rgba(30, 144, 255, 1) */
}















#RainfallCalculationMainPanel {



}

#RainfallCalculationMainPanel .ui-panel-inner {
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       right: 0 !important;
       bottom: 0 !important;
       margin: 0 !important;

       /* background-color: rgb(241, 241, 241); */
       /*
       background: rgb(232, 236, 241);
       background: -moz-linear-gradient(top, rgba(232,236,241,1) 0%, rgba(209,216,224,1) 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232, 236, 241)), color-stop(100%,rgb(209, 216, 224)));
       background: -webkit-linear-gradient(top, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       background: -o-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: -ms-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: linear-gradient(to bottom, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf1', endColorstr='#d1d8e0',GradientType=0 );
       */
       /* background-color: rgba(30, 144, 255, 1) */
}







#ListMapPeriodValuesNumberAndUnit {
       visibility: hidden;
}





























#RainfallOptions {

}

#RainfallOptions .ui-panel-inner {
       position: absolute !important;
       top: 0 !important;
       left: 0 !important;
       right: 0 !important;
       bottom: 0 !important;
       margin: 0 !important;

       /* background-color: rgb(241, 241, 241); */
       /*
       background: rgb(232, 236, 241);
       background: -moz-linear-gradient(top, rgba(232,236,241,1) 0%, rgba(209,216,224,1) 100%);
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232, 236, 241)), color-stop(100%,rgb(209, 216, 224)));
       background: -webkit-linear-gradient(top, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       background: -o-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: -ms-linear-gradient(top, rgba(232,236,241,1) 0%,rgba(209,216,224,1) 100%);
       background: linear-gradient(to bottom, rgb(232, 236, 241) 0%,rgb(209, 216, 224) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ecf1', endColorstr='#d1d8e0',GradientType=0 );
       */
       /* background-color: rgba(30, 144, 255, 1); */
}


#TabularChartPeriodValuesNumberAndUnit {
       visibility: hidden;
}


#five .ui-collapsible-heading {

  padding: 0 0 0 15px;

}



.ui-collapsible-content {
       background: transparent !important;
       margin: 0 !important;




}

.ui-collapsible-content p {
  margin: 0;
  padding: 0 0 0 15px;

}

#ControllerCommandOption {
       min-height: 51px !important;
       background: transparent;
}

#ControllerCommandOutputOptions {

}







#DWControlMainPanel {background: rgba(248, 248, 248, 1) !important;}

#RainfallCalculationMainPanel {background: rgba(248, 248, 248, 1) !important;}

#CategoryTypesMainPanel {background: rgba(248, 248, 248, 1) !important;}


#SensorSortPanel {background: rgba(248, 248, 248, 1) !important;}



#DWControlMapSettingsPanel {background: rgba(248, 248, 248, 1) !important;}

#RainfallOptions {background: rgba(248, 248, 248, 1) !important;}

#TabularOptions {background: rgba(248, 248, 248, 1) !important;}






#CloseLink2 {
       min-height: 45px !important;
       max-height: 45px !important;
}



#CloseLink2 a {
       text-align: left !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;


       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;   
}




#CloseLink2:active a {
       color: rgba(76,175,80, .5) !important;
}




#CloseLink {
       min-height: 45px !important;
       max-height: 45px !important;
}

#CloseLink a {
       text-align: right !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLink:active a {
       color: rgba(76,175,80, .5) !important;
}









#CloseLink3 {
       min-height: 45px !important;
       max-height: 45px !important;
}

#CloseLink3 a {
       text-align: right !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLink3:active a {
       color: rgba(76,175,80, .5) !important;
}











#CloseLink4 {
       min-height: 45px !important;
       max-height: 45px !important;
}

#CloseLink4 a {
       text-align: right !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLink4:active a {
       color: rgba(76,175,80, .5) !important;
}





#CloseLink5 {
       min-height: 53px !important;
       max-height: 53px !important;
}

#CloseLink5 a {
       text-align: right !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLink5:active a {
       color: rgba(76,175,80, .5) !important;
}









#CloseLink6 {
       min-height: 53px !important;
       max-height: 53px !important;
}

#CloseLink6 a {
       text-align: left !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLink6:active a {
       color: rgba(76,175,80, .5) !important;
}

























#CategoryTypesList {
position: absolute;
left: 0;
right: 0;
border-radius: 0;

border: none !important;
}


#CategoryTypesList  label {

border-left: none !important;
border-right: none !important;


border-top: none !important;
border-bottom: 1px solid #dddddd !important;


}











.CategoryTypeCountNum {
float: right;
color: rgba(55,55,55, .5);
}




#CloseLinkMapSettings {
       min-height: 45px !important;
       max-height: 45px !important;
}

#CloseLinkMapSettings a {
       text-align: right !important;
       color: rgba(76,175,80, 1) !important;

       background: transparent !important;

       -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
       transition: all .3s ease-in-out;
}






#CloseLinkMapSettings:active a {
       color: rgba(76,175,80, .5) !important;
}












.ControllerTimeReports {
       position: absolute;
       top: 5px;
       right: 13px;
       text-align: right;
       font-size: 14px !important;
       color: rgba(55,55,55, .69);
}

.ControllerTimeReports strong {
       color: rgba(55,55,55, .69);
}

.ControllerTimeBackReports {
       position: absolute;
       top: 35px;
       right: 13px;
       text-align: right;
       font-size: 14px !important;
       color: rgba(55,55,55, .69);
}

.ControllerTimeBackReports strong {
       color: rgba(55,55,55, .69);
}



#OutputButtonsHolder {
       display: none;
}

#OutputButtonsHolder {
       position: absolute !important;
       left: 0 !important;
       right: 0 !important;
}









#PendingActionProgressSpinner {
       visibility: hidden;
       position: fixed;
       bottom: 0;
       left: 0;
       margin: 0;
       padding: 0;
       cursor: pointer;
       width: 42px;
       height: 42px;
       z-index: 1000;
}

div.spinner {
       background-color: transparent;
       position: absolute;
       left: 50%;
       top: 50%;
       margin-left: -11px;
       margin-top: -11px;
       width: 22px;
       height: 22px;
       display: inline-block;
}

div.spinner div {
       /* display:none; */
       width: 12%;
       height: 26%;
       background: rgba(55,55,55, 1);
       position: absolute;
       left: 44.5%;
       top: 37%;
       opacity: 0;
       -webkit-animation: fade 1s linear infinite;
       -webkit-border-radius: 50px;
       -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

@-webkit-keyframes fade {
       from {opacity: 1;}
       to {opacity: 0.25;}
}

#PageTwoFooter {


/*
       margin: 0;
       padding: 0;
       height: 42px;
       line-height: 42px;
*/


  margin: 0;
padding: 0;
  font-size: 14px;
line-height: 45px;
  color: rgba(55,55,55,.69);


/*  text-shadow: 1px 1px 0 rgba(0,0,0,0.1); */


}

#MainControllersPageHeader {
height: 45px;

margin: 0;
padding: 0;
/*

  background-color: red;

*/

}

#controllersIDHeader {
height: 90px;

margin: 0;
padding: 0;

/*

  background-color: red;

*/

}











#loadingspinnerbackground {
  display: none;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: transparent;
z-index: 1;
}

div.loadingspinner {
      background-color: transparent;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -23px;
      margin-top: -23px;
      width: 46px;
      height: 46px;
      display: inline-block;
    }
    
      div.loadingspinner div {
/*    display:none; */
      width: 10%;
      height: 24%;
      background: rgba(55,55,55,.69);
      position: absolute;
      left: 44.5%;
      top: 37%;
      opacity: 0;
      -webkit-animation: fade 1s linear infinite;
      -webkit-border-radius: 50px;
      -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    }
    
    div.loadingspinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}    
    div.loadingspinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
    div.loadingspinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
    div.loadingspinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
    div.loadingspinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
    div.loadingspinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
    div.loadingspinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
    div.loadingspinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
    div.loadingspinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
    div.loadingspinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
    div.loadingspinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
    div.loadingspinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

     @-webkit-keyframes fade {
      from {opacity: 1;}
      to {opacity: 0.25;}
    }

















#SettingsLink {

       text-align: left !important;
/* border-bottom: 1px solid rgb(221, 221, 221); */

}

.SettingsLinkInHelp {

 border-bottom: 1px solid rgb(221, 221, 221); 

}



#HelpLink {

       text-align: left !important;
/* border-bottom: 1px solid rgb(221, 221, 221); */

}






#ExploreLink {

       text-align: left !important;
/* border-bottom: 1px solid rgb(221, 221, 221); */

}

#ExitLink {

text-align: left !important;
/* border-bottom: 1px solid rgb(221, 221, 221); */

}

#RCSButtonsHolder {

}

.green {

color: rgb(76,175,80) !important;

}

#DWMobileReference li {

/*
       border: none;
       border-collapse:collapse;
*/

margin: 0;
padding: 0;
color: rgb(0, 0, 0) !important; 
font-size: 20px;
/* color: rgb(255, 255, 255) !important; */
/* color: rgb(255, 255, 255) !important; */ /* If using them B */
/* background: transparent !important; */
border: none;
border-bottom: 1px solid rgb(221, 221, 221);
height: 69px;
line-height: 69px;
}

#DWMobileReference p {
margin: 0;
padding: 0;
padding-left: 21px;
font-size: 16px;
}