/**
*
* 5/3/16 (Jimmy) -      Background Image added. Top Banner logo resized and added.
*                       Footer and navigation text color and background color changed.
*                       Login form style change.
*
*/

/*
********
*ALL GTS
********
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,100);

html{
    /*overflow: hidden;*/
    overflow: hidden;
    height: 100%;    
}

body{
    overflow: auto;
    height: 100%;
    
    /*background: url(lbbg.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: black;*/
}

BODY
{
        /*background-color: black;*/
}

TD
{
        font-family: 'Roboto', sans-serif;
}

#mapProviderLegend
{
        display: none;
}

#TableRow_Banner
{
	display: none;
}

#TableRow_Navigation
{

	width: 100%;
    height: 50px;

    background-color: white;

    border-bottom: 5px white solid;

	position: fixed;
	z-index: 1000;
}

#TableRow_Navigation table
{
	width: 100%;
	height: 100%;
}

#TableRow_Navigation .lastNavText
{
	padding-right: 15px;
}

#TableRow_Navigation .lblogo
{
	/*background-image: url('lblogo-sm.png');*/
    background-repeat: no-repeat;
    background-position: left;
}

#TableRow_Navigation .navBarClear
{
	width: 33%;
	height: 100%;

    color: black;
    font-weight: bold;
    font-size: 12pt;
}

#TableRow_Navigation a
{
        color: white;
}

#TableRow_Navigation hLink:visited
{
        color: white;
}

#TableRow_Content
{
        /*background: url(lbbg.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-color: black;*/
}

#TableRow_Utility
{
	
}

#TableRow_FooterSep
{
        background-color: #3300ff;
}

#TableRow_Footer
{
        background-color: #3300ff;
}

#TableRow_Footer td
{
        color: white;
}

.contentTopMenuCell
{
        background-color: transparent!important;
        /*height: 100%!important;*/
}

/*
* CHOOSER VIEW
*/

#devChooserView
{

}

#devSearchForm
{
        background-color: black!important;
}

#devSearchForm b
{
        color: yellow;
        font-size: 13pt;
        font-family: 'Roboto', sans-serif;
        font-weight: lighter;
}

#devSearchText
{
        background-color: transparent;
        border: none;

        color: black;
        font-size: 10pt;
        font-family: 'Roboto', sans-serif;
        margin-bottom: 5px;
}

#DeviceTableList table
{
        border-collapse: collapse;
        border-color: black;
}

#DeviceTableList .devSelectorColHeader
{
        border-bottom: none;

        font-weight: lighter;
        font-size: 12pt;
}

#DeviceTableList .devSelectorRowData .devSelectorColData
{
        border-right: none;
        border-bottom: none;

        font-weight: lighter;
        font-size: 10pt;
        padding: 3px;
}

#clust
{
		visibility: hidden;
}

/*
*TIMEZONE SELECT
*/

#TimeZoneSelect span
{
        color: yellow;
        font-size: 13pt!important;
}

#TimeZoneSelect select
{
        border: none;
        border-radius: 5px;
        padding: 1px;
        font-size: 10pt;
}

/*begin update/Custom.css*/

/*CSS for the forms (used in the edit/view pages*/
form[name=UserInfoEdit], form[name=AccountInfo], /*form[name=RoleInfoEdit],*/ form[name=DeviceInfoEdit], form[name=DriverInfoEdit]/*, form[name=GroupInfoEdit]*/, form[name=EntityAdminEdit], /*form[name=RuleInfoEdit], */form[name=CodeInfoEdit], form[name=DeviceCommandForm], form[name=ReportJobAdminEdit], form[name=SystemInfo], form[name=SysAdminEdit], form[name=LAFInfoEdit], form[name=ZoneCategoryInfoEdit], form[name=ZoneCatUserXrefInfoEdit], form[name=SysPropsEdit]
{
	display:table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border-radius: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 70%;
	min-width: 730px;
	background-color: rgba(255,255,255,.9);
}

form[name=ZoneInfoEdit], form[name=CorridorInfoEdit]
{
        display:table;
        margin-left: auto;
        margin-right: auto;
        /*margin-top: 50px;*/
        border-radius: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 70%;
        min-width: 1100px;
        background-color: rgba(255,255,255,.9);
}

td.adminViewTableHeader, td.adminViewTableData span, div.deviceGroup td 
{
	font-size: 12pt;
	font-family: "roboto";
}

/*CSS for the text areas and similar objects */
td.adminViewTableData input[type=text], input#r_txt_HistGeoLookupMap, input#r_txt_HistGeoLookup, td.adminViewTableTextArea textarea , span#zoneTitle input[type=text], td#geozoneForm select, td#geozoneForm input[type=text], td#corridorForm input[type=text], input[name=z_desc], input#trackMapZoneRadiusM, input#rgZipCode, input[name=u_newname], input[name=d_newname], input[name=g_newname], input[name=d_newid], input[name=e_newid], input[name=z_newid], select[name=z_newtype], input[name=r_newrule], input[name=u_newcode], select[name=CodeSelect], input[name=password_old], input[name=password_nw1], input[name=password_nw2], input[name=s_newname], input[name=u_newjob], input[name=l_newname], input[name=email_acct], input[name=email_addr], input[name=email_user], input[name=p_newprop]
{
	background-color: black;
	color: yellow;
	border-radius: 5px;
	font-size: 12pt;
	font-family: "roboto";
	min-height: 20px;
}

input[name=z_zone]
{
	min-height: 20px;
}
td.adminViewTableData select
{
	background-color: black;
	min-height: 25px;
	color: yellow;
	font-size: 12pt;
	font-family: "roboto";
}

th.adminTableHeaderCol_nosort select
{
	background-color: #dbdbdf;
	min-height: 25px;
	color: #2C3C44;
	font-size: 12pt;
	font-family: "roboto";
}

td.adminViewTableData, td.adminViewTableHeader
{
	padding-bottom: 5px;
}

/*CSS for the buttons on the admin pages */
input[name=a_subchg], input[name=g_subuser], input[name=a_btncan], input[name=u_subchg], input[name=u_btncan], input[name=r_subchg], input[name=d_btncan], input[name=d_subchg], input[name=u_btnbak], input[name=u_subview], input[name=u_subedit], input[name=u_subdel], input[name=u_subnew], input[name=r_subview], input[name=r_subdel], input[name=r_subedit], input[name=r_subnew], input[name=d_subview], input[name=d_subedit], input[name=d_subprop], input[name=d_subsms], input[name=d_subnew], input[name=d_subdel], input[name=g_subnew], input[name=g_subview], input[name=g_subedit], input[name=g_subdel], input[name=c_subnew], input[name=c_subview], input[name=c_subedit], input[name=c_subdel], input[name=z_subnew], input[name=z_subview], input[name=z_subedit], input[name=z_subdel], input[name=d_subrefr], input[name=password_subchg], input[name=b_cancel], input[name=c_subchg], input[name=d_subque], input[name=s_subchg], input[name=g_subchg], input[name=g_btncan], input[name=r_submit], input[name=a_subview], input[name=a_subedit], input[name=a_sublogin], input[name=a_subnew], input[name=a_subdel], input[name=z_subchg], input[name=d_subclear], input[name=d_subclrall], input[name=s_find], input[name=d_btnbak], input[name=d_btnbak], input[name=r_btnbak], input[name=email_submit], input[name=s_find], input[name=r_btncan], input[name=c_sendMassMsg], input[name=c_assignDrvMgr], button[name=v_search]
{
	border: none;
	font-size: 14;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	background-color: transparent;
}
#a_searchButton
{
	border: none;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
}

#a_sendEmailButton
{
	border: none;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	background-color: transparent;
}


.styled {
	border: none;
	font-size: 14;	
	font-weight: bold;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom: 10px;
	/*background-color: transparent;*/
	width: 100%;
	valign: center;
}
.styled:hover {
	filter: brightness(85%);
	/*
    background-color: rgba(242, 241, 239, 1);
    */
}

.styled:active {
	filter: brightness(50%);
	/*
    box-shadow: inset -2px -2px 3px rgba(242, 241, 239, .6),
                inset 2px 2px 3px rgba(242, 241, 239, .6);*/
}

input[name=s_find]
{
	border: 2px solid black;
    font-size: 16;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	margin-left: 20px;
	background-color: white;
}

input[name=a_toggleinactive]
{
	width: 220px;
}

hr
{
	display:none;
}
span#aclTitle
{
	font-size: 12px;
	display: block;
}

div.groupDevicesViewDiv 
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;

}

div.groupDevicesViewDiv > table
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;

}

div.groupDevicesViewDiv
{
	background-color: white;
	border-radius: 10px;
	border: white;
	border-style: solid;
	border-width: 20px;
	border-bottom-width: 30px;
}

tr.groupDevicesHeaderRow th, table.adminSelectTable_sortable tr th, tr.adminTableHeaderRow
{
	/*background-color: black;*/
	font-size: 11pt;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	/*color: white;*/

}

th.adminTableHeaderCol_sort:hover
{

	background-color: rgb(20, 20, 20);
	cursor: pointer;
	font-size: 11pt;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: white;
}

tr.groupDevicesDataRowOdd td, table.adminSelectTable_sortable tr.adminTableBodyRowOdd td
/* the following are for styling datatables */

, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd
, td.adminTableBodyColLeft
/*
, table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected
, table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1
, table.dataTable.display tbody tr.odd>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd>.sorting_2
, table.dataTable.display tbody tr.odd>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd>.sorting_3

, table.dataTable.display tbody tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1
, table.dataTable.display tbody tr.odd.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2
, table.dataTable.display tbody tr.odd.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3
*/
{
	/*background-color: yellow!important;*/
	font-size: 11pt;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


tr.odd:hover {
	filter: brightness(85%);
} 
table.dataTable tbody tr.selected {
	filter: brightness(75%);
}

tr.groupDevicesDataRowEvn td, table.adminSelectTable_sortable tr.adminTableBodyRowEven td
/* the following are for styling datatables */

, table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even
, td.adminTableBodyColRight
/*
, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1
, table.dataTable.display tbody tr.even>.sorting_2, table.dataTable.order-column.stripe tbody tr.even>.sorting_2
, table.dataTable.display tbody tr.even>.sorting_3, table.dataTable.order-column.stripe tbody tr.even>.sorting_3
, table.dataTable.display tbody tr.even.selected>.sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1
, table.dataTable.display tbody tr.even.selected>.sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2
, table.dataTable.display tbody tr.even.selected>.sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3
*/
{
	/*background-color: rgb(250, 250, 250)!important;*/
	font-size: 11pt;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
tr.even:hover {
	filter: brightness(85%);
} 

table.dataTable tbody tr.selected {
	filter: brightness(75%);
}

div.zoneInstructions
{
	font-size: 12pt;

}

span#zoneTitle
{
	font-size:12pt;
}

td#geozoneForm div
{
	margin-top: 5px;
	margin-bottom: 5px;
}

td#geozoneForm
{
	padding-left: 15px;
}

td#geozoneMap
{
	display: block;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 5px;
}

td#corridorMap
{
        display: block;
        margin-top: 10px;
        margin-left: 10px;
}

div.zoneLatLon input.formButton
{
	color: yellow;
	background-color: black;
	border:none;
	border-radius: 5px;
	padding: 5px;
}

td#geozoneForm label
{
	font-size: 12pt;
}

input[name=tozip]
{
	margin-top: 5px;
	margin-bottom: 5px;
}

#corridorInfo b 
{
	font-size: 12pt;
}

div.adminContentDivision
{
	display:table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border-radius: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 70%;
	min-width: 930px;
	/*background-color: rgba(255,255,255,.9);*/
}

 
table.adminSelectTable_sortable
{
	margin-top: 15px;
	margin-left: 15px;
}

h1.adminSelectTitle
{
	font-size: 12pt;
	margin-left: 15px;
}

/*CSS for the admin pages add new item form*/
form[name=UserInfoNew], form[name=RoleInfoNew], form[name=g_subnew]
{
	margin-left: 15px;
	font-size: 12pt;
}

form[name=ReportList]
{
	margin-right: 15px;
	font-size: 12pt;
	float: right;
}

form[name=DeviceInfoNew]
{
	margin-left: 15px;
	font-size: 12pt;
	float: left;
}

h1.adminSelectTitle
{
	margin-top: 10px;
}

form[name=EntityAdminNew] span, form[name=ZoneInfoNew] span, form[RuleInfoNew] span, form[name=CodeInfoNew] span, div.adminContentDivision span
{
	font-size: 12pt;
	padding-left: 15px
}

.nodata
{
	display: none;
    position: absolute;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
    
    z-index: 99;
    background-color: rgba(0,0,0,.4);
}

.nodatamodal
{
	display: none;
	position: absolute;
	width: 100%;
	height: 90%;
	
	bottom: 0;
	left: 0;
	
	z-index: 99;
	background-color: rgba(0,0,0,.4);
}

.nodata-wrapper
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}


.nodata-img
{
	margin: 0 auto;
	width: 100px;
	height: 100px;
}

.nodata-text
{
	width:100%;
	margin: 0 auto;
	font-size: 14pt;
	font-weight: bold;
	color:white;
}