@charset "utf-8";


@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('../fonts/TitilliumText22L001-webfont.eot');
    src: url('../fonts/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L001-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('../fonts/TitilliumText22L002-webfont.eot');
    src: url('../fonts/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L002-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('../fonts/TitilliumText22L003-webfont.eot');
    src: url('../fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TitilliumText22L003-webfont.woff') format('woff'),
         url('../fonts/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('../fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('/fonts/TitilliumText22L004-webfont.eot');
    src: url('/fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L004-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('/fonts/TitilliumText22L005-webfont.eot');
    src: url('/fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L005-webfont.woff') format('woff'),
         url('/fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('/fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/fonts/icomoon.eot');
	src:url('../fonts/icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon/fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


body, html {
    background: #ffffff;
    font-size: 11px;
    line-height:11px;
    font-family: 'Oxygen', sans-serif;
    margin: 0px;
    padding: 0px;
    color:#515151;
    text-decoration:none;
    font-weight:400;
    min-height:100%;
    height:auto !important;
    height:100%;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:link, a:visited
{
    color:rgb(0,185,239);
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
    color:rgb(0,41,59);
    text-decoration: none;
}

a:active {
    color:rgb(0,185,239);
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
}

li {
    list-style:none;
}

.clear {clear: both;height: 0;line-height: 0;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    font-size: 1.5em;
    font-weight:normal;
    padding-left:20px;
    color:rgb(0,56,81);
    font-family: 'TitilliumText22LMedium';
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

table {
    border-collapse: collapse;
    border-spacing:0;
    width:100%;
    max-width:100%;
    font-size:13px;
    font-weight:300;
}

tr {
    width:100%;
    display:inline-table;
}

th {
    font-size:13px;
    line-height:14px;
}



.ClientVehicleList {    
    margin-bottom:25px; 
    display:inline-block;
}

.ClientVehicleList span {
    font-size:20px;
    color:rgb(0,185,239);
    display:inline-block;
    margin-right:8px;
    float:left; 
}

.ClientVehicleList p {
    text-align:left;
    text-transform:uppercase;
    font-weight:700 !important;
    color:rgb(0,185,239);
    padding:0;
    font-size:16px;
    margin:-1px 0 0;
    display:inline-block; 
    float:left; 
}


.appearSelection {
    width: 100%;
    font-size:13px;
    padding:0;
    line-height:14px;
}

.tdLiteral300 {
    width:300px;
    display:inline-block;
    padding:0;
}

.tdLiteral100 {
    width:120px;
    display:inline-block;
    padding:0;
}

.tdLiteral80 {
    width:80px;
    display:inline-block;
    padding:0;
}

.BoxValidator {
    width:215px;
    display:inline-block;
    padding:0;
}

.tdFieldValidator {
    padding: 0;
    width:90px;
    display:inline-block;
}

.tdFieldValidator span {
    font-size:12px;
    line-height:12px;
    color:red;
}

.tdLeftText {
    width: 80px !important;
    font-size:13px;
    padding:10px 0;
    font-weight:300;
    line-height:13px;
    display:inline-block;
    float:left;
}

.tdLeftSim {
    width: 120px !important;
    font-size:13px;
    padding:10px 0;
    font-weight:300;
    line-height:13px;
    display:inline-block;
    float:left;
}

.tdRightSim {
    width: 120px;
    font-size:12px;
    padding:5px 0;
    line-height:12px;
    display:inline-block;
    float:left;
}


#MenuOptions input[type="radio"], #MenuOptions input[type="checkbox"] {
    margin: 3px 4px 3px 0 !important;
}

.checkButton {
    float:left;
    padding:2px 3px 0 0;
}

.checkButtonRefresh {
    float:left;
    padding:5px 3px 0 0;
}

.tableSortType td {
    margin-left:-4px;
    font-size:12px;
    line-height:12px;
}



#tblAddress {
    border-collapse:collapse;
}



.tableUpdateInfo {
    border-collapse: collapse;
    margin-top: 25px;
    width:100%;
    display:inline-block;
}

.tableUpdateInfo tr {
    padding-bottom:8px;
    display:inline-block;
    width:100%;
}


.ButtonDots {
    width:87px;
}
 
.tdLeftMessage {
    width : 110px;
    font-size:13px;
    padding:0;
    line-height:14px;
}

.ClientName {
    text-align:left;
    text-transform:uppercase !important;
    font-weight:700 !important;
    color:#18bcf9;
    padding:0;
    font-size:16px;
    font-family:'Oxygen', sans-serif !important;
    float:left;
}

.ClientName::before {
    font-family:'ibticons';
    text-transform:none;
    font-style:normal;
    font-size:20px;
    display:inline-block;
    margin-right:8px;
    font-weight:normal;
    float:left;
    margin-top:-3px;
}



.tdCountry {
    width:100px;
    font-size:13px;
    line-height:13px;
    font-weight:300;
    padding:10px 0;
    float:left;
}



.GPStableInput {
    width:100%;
    border-collapse:collapse;
}

.GPStableDrop {
    width:215px;
    display:inline-block;
    float:left;
}

.GPStabletdInput {
    width:215px;
    display:inline-block;
    float:left;
}

.tdLeftGps {
    width:100px;
    font-size:13px;
    line-height:13px;
    font-weight:300;
    padding:10px 0;
    float:left;
}

.GPStableInput input {
    width: 200px;
    border: 1px solid #ccc;
    padding:6px 5px;
    line-height:17px;
    font-size:13px;
}

.tableInfo {
    width: 100%;
    font-size:13px;
    line-height:13px;
    font-weight:300;
}

.ButtonDots tr {
    padding-bottom:0 !important;
}

.tableInfo tr {
    padding-bottom: 8px;
    display: inline-block;
    width: 100%;
}

.tableInfo td {
    width:215px;
    display:inline-block;
    float:left;
}

.tableInfo input {
    border: 1px solid #ccc;
    padding:6px 5px;
    line-height:17px;
    font-size:13px;
}

.tableInfoTDLeft {
    width:140px !important;
    font-size:13px;
    line-height:13px;
    font-weight:300;
    padding:10px 0;
    float:left;
}

.tableInfoTDLeftLong {
    width:140px !important;
    font-size:13px;
    line-height:16px;
    font-weight:300;
    padding:0 0 10px;
    float:left;
}

.tableInfoTDInput {
    padding:10px 0;
}








/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.logoUser {
    float:right;
    margin:-10px auto;
}

.page {
    width: 1000px;
    background-color: #FFFFFF;
    margin: auto;
    border: 0px solid #496077;
}


.header {    
    margin:0 auto;
    width: 100%;
    height: auto;
}

.headMenu {
    margin:40px auto;
    width: 100%;
    height: 65px;  
    border-bottom: solid thin #eee; 
}

.header img {
    margin: 25px auto 22px;
    border: none;
    display:block;
}

.main {
    padding: 0px 0px;
    margin: 0px 8px 8px 8px;
    min-height: 420px;  
}

.leftCol {
    padding: 6px 0px;
    margin: 0px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}


/*Menu*/
#MenuOptions {
    margin:0 auto;
    height:100%;
    padding-bottom:50px;
}

.AdminTools {
    display:block;
    margin:auto;
    width:100%;
}

.page ul {
    margin:auto;
    padding:0;
    float:left;
}

.page ul li {
    display:inline-block;
    float:left; 
    width:24.59%;
    margin:2px; 
}

.page ul li a {        
    text-align: center; 
    width:100%;
    height:125px;
    margin:0px;    
    border-radius:0px;    
    background :rgb(0,185,239);
    padding:0;
    display:inline-block;

    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -ms-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}

.page ul li a:hover {
    background :rgb(0,150,195);
}

.page ul li a i { 
    font-size:40px;
    font-family: 'ibticons';
    color:white !important;
    display:block;
    margin:30px 0 0px;
}

.page ul li a span { 
    font-size:14px;
    font-family: 'Oxygen', sans-serif;
    font-weight:400;
    line-height:16px;
    color:white !important;
    text-transform:uppercase;
    text-decoration:none;
}



.page ul li a::before {
    font-size:45px;
    line-height:45px;
    display:block;
    padding:28px 0 15px;
    font-family:'ibticons';
    font-weight:normal;
    -webkit-font-smoothing: antialiased;
}

.iconHomePage {
    color:white;
    font-size:45px; 
    margin:30px 0 20px;
    padding:0;
}


.footer {
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color:#3a4f63;
    width:100%;
}



/* FORM ELEMENTS - LOGIN PAGE  
-----------------------------------------------------------------------------------------*/
input:-webkit-autofill {
    color:#fff !important;
}

div.accountInfo {
    width: 50%; 
    height:auto;  
    margin:auto;
}

fieldset {
    width:400px;
	height:290px;
	top:0;
	left:0;
    right:0;
    bottom:0;
    margin:auto;	
	border: 3px #f4f4f4 solid;
	border-radius: 0px;
	-webkit-border-radius:0px;
    padding:0;
    position:absolute;
}

.inner {
	background-color:#FFF;
	border: 1px solid #ececec;
    height:99.4%;
	border-radius: 0px;
	-webkit-border-radius:0px;
    font-family: 'Oxygen', sans-serif;
}

.logologin {
    margin:22px auto;
}

.shadow {
	width: 400px;
	margin-top: 3px;
	background: url(../Images/shadowForm.png) no-repeat;
    background-size:100%;
	height: 33px;
}

.loginForm {
	width:100%;
	text-align:center;
	margin:auto;
	position: relative;
	border-radius: 15px;
	-webkit-border-radius: 15px;
}

.spanlogin {
    margin:0 auto;
    width:63%;
    display:inline-block;
    border:solid 1px #ebebeb;
}

.div_iconsforlogin {
    background:rgb(235, 235, 235);
    display:inline-block;
    float:left;   
}

.div_iconsforlogin span {
    font-size:18px;
    line-height:19px;
    vertical-align:middle;
    padding:7px 10px;
    display:inline-block;
}

.inputUsername {
    float:left;
    display:inline-block;
    width:205px;     
    font-family: 'Oxygen', sans-serif;
} 

.loginForm input.textEntry {
    width:98.5%;
    border:0px;
    padding:8px 0 8px 10px;
    font-size:13px;
    line-height:17px;
    margin:0px;
    font-family:'Oxygen', sans-serif;
}

.loginForm input.passwordEntry {
    width:98.5%;
    border:0px;
    padding:8px 0 8px 10px;
    font-size:13px;
    line-height:17px;
    margin:0px;
    font-family: 'Oxygen', sans-serif;
}

.inputName {
    text-align:left;
    margin-left:27px;
    font-size:12px;
}

.LoginButton {
    width:100%;
    text-transform:uppercase;
    font-weight:400;
    text-decoration:none;
    color:white;
    font-size:12px;
    padding:8px 0;
    line-height:12px;
    cursor:pointer;
    display:inline-block;
    border-radius:0px;
    border: 1px solid #0FADE7;    
    background: rgb(49,186,236);
    -webkit-appearance:none;
    -moz-appearance:none;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    margin:0 0 10px;
    letter-spacing:0.03em;
    font-family: 'Oxygen', sans-serif;
}

.LoginButton:hover {
    cursor:pointer;
    background: rgb(5,155,210);
}

.alertMessage {
    padding:1px 7px 0px;
    display:inline-block;
    float:left;
    position:absolute;
}


/* Warning Messages - Password - Username */
.failureNotification{
    font-size: 12px;
    color: Red; 
    padding: 3px 0; 
    display:inline-block;
}

.iconsforalert {
    color:red;
    font-size:19px;
    margin:2px 0 0;
    display:inline-block;
}


.wordAlertUser {
    position:absolute;
    display:inline-block;
    margin:2px 0 0 -137px;
    background:white;
    padding:6px 8px 5px;
    line-height:12px;
}

.wordAlertPass {
    position:absolute;
    display:inline-block;
    margin:2px 0 0 -130px;
    background:white;
    padding:6px 8px 5px;
    line-height:12px;
}


fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}

fieldset label.inline {
    display: inline;
    text-align:left;
    font-size:12px;
}

input[type="checkbox"] {
    margin: 1px !important;
    border-radius:10px  !important;
    border: 1px solid #ccc !important;
    line-height:12px !important;
}

legend {
    font-size: 1.1em;
    font-weight:normal;
    padding: 2px 4px 8px 4px;
}

input.textEntryAdmin {
    width: 200px;
    border: 1px solid #ccc;
    padding:6px 5px;
    line-height:17px;
    font-size:13px;
}

input.textEntrySmall {
    width: 100%;
    border: 1px solid #ccc;
    padding:6px 5px;
    line-height:17px;
    font-size:13px;
}

input.textEntryNotes {
    width: 500px;
    height:200px;
    border: 1px solid #ccc;
    padding:4px 5px 2px;
    line-height:17px;
    font-size:13px;
}






/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
   margin-left:auto;
   margin-right:auto;
    display: block;
    width: 100%;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    /*padding: 10px;*/
    padding: 0;
    color: White;
}

.loginDisplay a:link {
    color: white;
}

.loginDisplay a:visited {
    color: white;
}

.loginDisplay a:hover {
    color: white;
}

.bold {
    font-weight: bold;
}

.button {
    border-bottom-style:dashed;
    width:100px;
    background-repeat:repeat;
}

.dropdownProfile {
    width: 125px;
    margin: 85px auto 0;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block; 

    padding:6px 5px;
    line-height:17px;
    font-size:13px;
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.dropdownAdd {
    width: 120px;
    margin: 0;   
    font-size: 12px;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block;  
    padding: 6px 5px;
    line-height:13px;
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.dropdownCompany {
    width: 200px;
    margin:0 ;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block;
    float:left; 
    padding:6px 5px;
    line-height:17px;
    font-size:13px; 
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.dropdownBig { 
    width: 200px;
    margin:0;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block; 
    padding:6px 5px;
    line-height:17px;
    font-size:13px; 
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}


.dropdownActive {
    width: 200px;
    margin:0;
    font-size: 12px;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:12px;
    display: inline-block;  
    padding: 6px 5px;
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.dropdownPhone {
    width: 110px;
    margin:0;
    font-size: 12px;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block;  
    padding: 6px 5px;    
    line-height:17px;
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.dropdownOutputControl {
    width: 212px;
    margin:5px 0 0;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block;
    float:left; 
    padding:6px 5px;
    line-height:17px;
    font-size:13px; 
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 
     
    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}


.TitleSections {
    color:rgb(0,41,59);
    text-align:left;
    width:inherit;
    font-size:20px; 
    text-transform:uppercase;
}



/* Server To Tracker */
.ServerToTrackerListTitle
{
    display: block;
    float:left;
    text-align:center;
    width:inherit;
    font-weight:bold;
    font-size:20px;
}

/* Client */
.clientListTitle
{
    display: block;
    float:left;
    text-align:center;
    width:inherit;
    font-weight:bold;
    font-size:20px;
}

.row
{ display:block; height:30px;} 
/*.label{ float:left; width:100px;} 
.column2{ left:300px; 
        position:absolute;} */

.AlarmTable
{
      margin: 0px 8px 63px 60px;
}

label.iPhoneCheckLabelOn span {
	padding-left:0px
}


#FooterBar {
	background-color:rgb(0,41,59);
	position:fixed;
	width:100%;
	height:35px;
	bottom:0;
	left:0;
	text-align:center;
	line-height:35px;
	z-index:11;
	-webkit-box-shadow: black 0px 15px 15px -15px inset;
	-moz-box-shadow: black 0px 15px 15px -15px inset;
	box-shadow: black 0px 15px 15px -15px inset;
}
.copyright {
    text-align: center;
    font-size: 11px;
    color: #CCC;
}



/* ----------------------- ADMINISTRATION USERS PAGE ----------------------- */
#ContentInfoTools {
  	
}

.updateTable {
    width: 100%;
    border-collapse:collapse;
}

.updateTable tr, #tblAddress tr {
    display:inline-block;
    padding-bottom:8px;
    width:100%;
    font-size:13px;
    line-height:13px;
    font-weight:300;
}

.updateTable td, #tblAddress td, #tblPhone td {
    float:left;
    display:inline-block;
    width:210px;
}

.updateTableImportant {
    padding: 8px 0 0 5px;
}

.tdFieldMessage {
    padding: 10px 0;
    font-size:12px;
    line-height:12px;
    width:100px;
}

.logoutUser {
    margin:5px 0 0;
    color: #00293B;  
    background-size:11px;
    display: inline-block; 
    padding:2px 30px 3px 30px;
    line-height:16px;
    font-size:16px;
    border-left:thin solid #eee;
    border-right:thin solid #eee;
    float:left;

}

.UserName {
    margin:5px 0 0 35px;
    color: #00293B;  
    background-size:11px;
    display: inline-block; 
    padding:3px 30px 3px 30px;
    line-height:16px;    
    border-left:thin solid #eee;
    font-size:16px;
    text-transform:uppercase;
    float:left;
}

.tdLeft {
    width: 120px !important;
    font-size: 13px;
    padding: 10px 0;
    line-height:13px;
    font-weight:300;
}


.AddressTitle {
    font-size:12px;
    text-transform:uppercase;
    width:100%;
    margin:10px 0 0;
    text-align:left;
    line-height:14px;
    border-bottom:thin solid #eee; 
}

.AddressTitle td {
    padding:5px 0; 
    font-weight:700;  
}

.AddressAdd td {
    font-size:13px;
    line-height:13px;
    padding:5px 0;    
}

.AddressAddTd {
    padding: 15px 0 0 !important;
}

.AddressAdd {
    border-bottom:thin solid #eee;   
}

.tdAddressTop
{
    width : 4% !important;
    font-size:13px;
    padding:10px 0;
}

.tddeletebutton, .tdaddbutton {
    display:inline-block;
    padding:8px 1px;
    width:30px;
}

.tddeletebutton a, .tdaddbutton a {
    font-size:18px;
}

.tdDelete {
    width: 215px;
    font-size:13px;
    padding:10px 0 10px 86px;
    display:inline-block;
}

.dropdownActiveRefresh {
    width: 175px;
    margin:0;
    font-size: 12px;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:12px;
    display: inline-block;  
    padding: 6px 5px;
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}




#tblPhone {
    margin-top:30px;
}

.tdTelephone
{
    width: 145px !important;
    font-size:13px;
    padding:10px 10px 10px 0;
    line-height:18px;
}

.telephoneTrDrop {
    margin-top: 5px;
    display:inline-block;
}

.tdTelephoneDrop {
    width: 130px !important;
    font-size:13px;
    padding:0 10px 10px 0;
}

.tdTelephoneBox
{
    width : 120px;
    font-size:13px;
    padding:10px 0 10px 0;
}



.tdEmail
{
    width: 180px !important;
    font-size:13px;
    padding:10px 10px 10px 0;
    line-height:18px;
}

#tblEmails {
    margin-top:50px;
}



#tblNotes {
    margin-top:50px;
}

.tdNotes {
    width:97.5%;
    font-size:13px;
    padding:10px 10px;
    background:rgb(246, 246, 246);
    border-bottom:5px solid white;
    line-height:16px;
    display:inline-block;
    float:left;
}

.notesTextArea {
    width:97.5%;
    font-size:13px;
    padding:0;
    border-bottom:5px solid white;
    line-height:16px;
    display:inline-block;
    float:left;
}

.tdNotesButton {
    width:2.5%;
    display:inline-block;
    padding:8px 0 8px 5px;
    float:left;
}

.textEntryNotes {
    width: 100%;
    font-size:13px;
    padding:10px;
    border-color:#ccc;
}

.tdButton {
    padding-left:10px;
}

.femButton {
    padding-left:10px;
}


.DeleteButton {
    font-size:18px;
    margin: 0;
}

.PlusButton {
    font-size:18px;
    margin: 0;
}

.ErrorStar {
    font-size:18px;
    line-height:18px;
    float:left;
    color:red;
    padding:0;
}

.typeTel {
    font-weight: 700;
}


.userListTitle {
    color:rgb(0,41,59);
    text-align:left;
    width:inherit;
    font-size:20px; 
    font-weight:400;
    text-transform:uppercase;
}

.userListList {
    color:#515151;
    text-align:left;
    width:inherit;
    font-size:13px;
}

.TitleKind th {
    text-align:left;
    text-transform:uppercase;
    font-weight:700;
    padding:0 0 10px;
    margin:0;
}

.TitleKind th:last-child {
    padding-right:0 !important;
}

.userListList td {
    line-height:18px;
    font-weight:300;
    border-top:solid 1px #EBEBEB;
    margin:0;
    padding:12px 0;
}



.divider {
    border-bottom: 1px solid #18bcf9;
    margin: 20px 0px 30px;
}

.dividerBottom {
    border-bottom: 1px solid #18bcf9;
    margin: 20px 0px 30px;
}

.dividerLight {
    border-bottom: 1px solid #ccc;
    margin: 15px 0px 20px;
}

.ButtonForTools {
    padding:10px 15px;
    margin:0 5px 15px 0;
    display:inline-block;
    color:white !important;
    border:0;
    font-size:11px;
    line-height:11px;
    font-weight:300;
    letter-spacing:0.05em;
    border-radius:0;    
    background: rgb(49,186,236);
    text-decoration:none;
    text-transform:uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.ButtonForTools:hover {
    cursor:pointer;
    background: rgb(5,155,210);
}

.UpdateLink {
    text-transform:uppercase;
    font-weight:700 !important;
    text-align:right;
    padding-right:0 !important;
}

.SpaceTables {
    font-size:13px;
    line-height:18px;
    font-weight:300;
    border-top:solid thin #EBEBEB;
    margin:0;
}

.SpaceTables td {    
    padding:10px 0;
}

.SpaceTables td:last-child {
    padding-right:0 !important;
    text-align:right;
}

.SpaceTables p {
    margin:0;
}



/* ----------------------- TOOLS - CLEAR POINTS ----------------------- */
.ClearPointTable {
    font-size:13px;
    font-weight:300;
    line-height:18px;
    border:0;
    margin:0;
    padding:10px 0;
}

.ClearPointTable tr {
    border-top:solid thin #EBEBEB;
}

.ClearPointTable td {
    border:0;
    padding:10px 0;

}

.MessageClearPoints {
    font-size:13px;
    font-weight:300;
    line-height:18px;
    border:0;
    margin:0;
    padding:10px 0;
}



.userListButton {
    height:inherit
}

.selectButtonDiv {
    display:inline-block;
    margin:20px 0 5px;
}
	
select {	
    overflow: hidden;

    width: 212px;
    margin:0 ;
    color: #00293B;
    background: #eee url(../images/arrow-down.png) 98% 50% no-repeat;    
    background-size:11px;
    display: inline-block;
    float:left; 
    padding:6px 5px;
    line-height:17px;
    font-size:13px; 
    
    border-radius: 0px; 
    border: thin solid #ccc;  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0); 

    -webkit-appearance: button;  
    -moz-appearance: button;  
    appearance: button;
}

.EditLink {
    text-transform:uppercase;
}

.aspNetDisabled {
    padding:10px 15px;
    margin:0 5px 15px 0;
    display:inline-block;
    color:white !important;
    border:0;
    font-size:11px;
    line-height:11px;
    font-weight:300;
    letter-spacing:0.05em;
    border-radius:0;    
    background: rgb(49,186,236);
    text-decoration:none;
    text-transform:uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
}

.aspNetDisabled:hover {
    cursor:pointer;
    background: rgb(5,155,210);
}

.divInline {
    display:inline-block;
    height:55px;
}

#MainContent_lnkTabStatus, #MainContent_lnkTabGpsTracker {
    padding:10px 15px;
    margin:0 5px 15px 0;
    display:inline-block;
    color:white !important;
    border:0;
    font-size:11px;
    line-height:11px;
    font-weight:300;
    letter-spacing:0.05em;
    border-radius:0;    
    background: rgb(49,186,236);
    text-decoration:none;
    text-transform:uppercase;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#MainContent_lnkTabStatus:hover, #MainContent_lnkTabGpsTracker:hover {
    background: rgb(5,155,210);
}


#MainContent_pnplistStatus input {
    width: 120px;
    border: 1px solid #ccc;
    padding:4px 5px 2px;
    line-height:17px;
    font-family: 'TitilliumText22LMedium';
    font-size:13px;
    margin-right:5px;
    margin-bottom:5px;
}




/* ----------------------- TOOLS - CLEAR POINTS ----------------------- */
.tableMessages tr {
    padding-bottom:8px;
    display:inline-block;
}

.tableMessages td {
    display:inline-block;
}




/* ----------------------- SIMCARD ----------------------- */
.search button {
    background:white;
    border:0;
    cursor:pointer;
    font-size:24px;
    position:absolute;
    padding-top:3px;
}

.search {
    margin:15px 0 15px;
}

.searchBox {
    font-size:13px;
    line-height:17px;
    padding:4px 5px;
    width:300px;
    margin:0;
    display:inline-block;
}

.searchButton {
    margin:0 10px;
    display:inline-block;
}




/* ----------------------- ADMINISTRATION MENU SIDE ----------------------- */

#MenuSide {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
    background :rgb(0,185,239);
}

.MenuSide {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
    background :rgb(0,185,239);
}

#MenuSide ul {
    position: fixed; 
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    list-style: none;
    z-index:9999;
    height: 100%;
    width:60px;
    background :rgb(0,185,239);
    z-index:10;
}

#MenuSide ul li {   
	display: block;
	text-align: center; 
    border-radius:0px;      
    background :none;
    padding:0;
    margin: 0;
    width:200px;
    height:64px   
}


#MenuSide ul li a {
    display:inline-block;
    margin-left: -280px; 
    background :rgb(0,185,239);
    background-repeat:no-repeat;
    background-position:center center;    
    border-bottom:solid thin white;
    border-top:solid thin white;
    height:65px;
    width:100%;
}

#MenuSide ul li a span {
    display:inline-block;
    float:left;    
    font-size:12px;
    line-height:14px;
    font-weight:300;
    width:70%;
    padding: 0 20px;
    position:relative;
    top:50%;
    transform: translateY(-50%);
}

#MenuSide .iconSideBar {
    color:white;
    font-size:30px; 
    margin:0;
    padding:0;
    display:inline-block;
    float:left; 
    width:30%;
    padding:17px 0;
}



 

/* ----------------------- LOCATION ----------------------- */
.GoLinks {
    display:inline-block;
    width:100%;
    margin:0 0 5px;
}

.GoLinksContent {
    width:60%;
    margin:0 auto;
}


.locationLinks a {
    color:white;
    font-family:'Oxygen', sans-serif;
    font-weight:400;
    padding:10px 20px;
    background:#18bcf9;
    text-align:center;
    width:155px;
    display:inline-block;
    float:left;
    margin:0 20px;
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -ms-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
    font-size:16px;
    line-height:16px;
    text-transform:uppercase;
}

.locationLinks a:hover {
    background :rgb(0,150,195);
}

.locationLinks ::before {
    padding:0 5px 0 0;
    font-family:'ibticons';
}


/* ----------------------- TOOLS ----------------------- */
.GoLinksContentTools {
    width:99%;
    margin:0 auto;
}

.toolsLinks a {
    color:white;
    font-family:'Oxygen', sans-serif;
    font-weight:400;
    padding:10px 20px;
    background:#18bcf9;
    text-align:center;
    width:310px;
    display:inline-block;
    float:left;
    margin:0 10px;
    -webkit-transition: ease-in 0.2s;
    -moz-transition: ease-in 0.2s;
    -ms-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
    font-size:16px;
    line-height:16px;
    text-transform:uppercase;
}

.toolsLinks a:hover {
    background :rgb(0,150,195);
}

.toolsLinks ::before {
    padding:0 10px 0 0;
    font-family:'ibticons';
}


.btn{display:inline-block;*border-bottom: 0 none #b3b3b3;
    display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333333;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);background-color:#EBEBEB;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
**border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0;
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: 0;
}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9;}
.btn:active,.btn.active{background-color:#cccccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover,.btn:focus{color:#333333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);}
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px;}
.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0;}
.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px;}
.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btn-block+.btn-block{margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%;}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);}
.btn-primary{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#006dcc;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    border-left-color: #0044cc;
    border-right-color: #0044cc;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#ffffff;background-color:#0044cc;*background-color:#003bb3;}
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
.btn-warning{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#faa732;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #fbb450, #f89406);
    border-left-color: #f89406;
    border-right-color: #f89406;
    border-top-color: #f89406;
    border-bottom-color: #ad6704;
}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#ffffff;background-color:#f89406;*background-color:#df8505;}
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
.btn-danger{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#da4f49;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    border-left-color: #bd362f;
    border-right-color: #bd362f;
    border-top-color: #bd362f;
    border-bottom-color: #802420;
}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#ffffff;background-color:#bd362f;*background-color:#a9302a;}
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
.btn-success{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#5bb75b;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #62c462, #51a351);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;
}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#ffffff;background-color:#51a351;*background-color:#499249;}
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
.btn-info{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#49afcd;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#ffffff;background-color:#2f96b4;*background-color:#2a85a0;}
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
.btn-inverse{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#363636;background-repeat:repeat-x;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-image: linear-gradient(to bottom, #444444, #222222);
    border-left-color: #222222;
    border-right-color: #222222;
    border-top-color: #222222;
    border-bottom-color: #000000;
}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#ffffff;background-color:#222222;*background-color:#151515;}
.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9;}
button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;}
button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;}
button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px;}
.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-link{border-color:transparent;cursor:pointer;color:#0088cc;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent;}
.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333333;text-decoration:none;}