/*#passcode {
    -webkit-text-security: disc;
    -moz-text-security: disc;
}*/


.treeviewForm > h4 {
	margin-bottom: 20px;
}

.treeviewForm > div {
	display: inline-block;
	vertical-align: top;
}

#titlebar {
    padding:0px 0px; 
    overflow:hidden; 
    min-height:40px;
}

#title-outer {
    padding:5px 15px; 
    overflow:hidden;
    color: #fff; 
    background-color: #2493D5; 
    border-color: #2e6da4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55); 
}

#breadCrumb {
    font-size:13px;
    color:#333;
    line-height: 20px;
    padding-top:3px;
    padding-bottom:2px;
}

#PageTitle {
    display:table-cell;
    font-size: 15px;
    vertical-align:middle;
    padding-left: 5px;
    padding-top: 4px;
}

#navigate-back {
    display:table-cell !important;
}

#logoutSection {
    float: right;
    display: inline-block;
    text-decoration: underline;
    display: none;
    margin: 5px 0px 0px 5px;
}

#mainContent {
    margin: auto;
    text-align: center;
}

#divSynchronize {
    display: none;
    margin: 0 auto;
    padding-top:10px;
}

.menu-btn {
  width: 100px;
  padding: 5px;
  background: #000;
  color: #fff;  
  cursor: pointer;
}

#treeviewSL {
    width:100% !important;
}

.SyncSubTitle {
    text-align:center;
}

#divPatrolDetails {
    display:none;  
    height:100%;  
}
#rdoDateTimeGroup {
    margin-top:5px;
    margin-right:10px;
}
    #rdoDateTimeGroup .dx-radiobutton-icon:after {
        background-color:orange;
    }
    #rdoDateTimeGroup .dx-state-disabled .dx-radiobutton-icon:after {
        background-color: #d2d2d2 !important;
    }
.DateTimeSection {
    overflow:hidden;
}
#patrolCompleteBy {

}
.navbar {
    margin-bottom: 0px !important;
}
.circle-status {
    width:20px;
    height:20px;
    float:left;
    border-radius: 50%;    
}

.green {
    border:3px solid #288313;
    background-color:#8ee979;
}
.red {
    border:3px solid #f00;
    background-color:#f99;
}
.redInvalid {
    border:1px solid #f00;
    background-color:#f99;
}

.dx-switch-on {
    color:#076206;   
}
.dx-switch-off {
    color:#ff0000;    
}
/*.dx-switch-off, .dx-switch-on {
    color:#000;
    border: 1px solid rgba(0,0,0,.15);
}*/

.landscapeIcon, .portraitIcon {
    display:block;
    padding: 3px 30px;
    margin-left: 10px;    
    cursor:pointer;
}

    #printListUL li:hover {        
        font-weight:bold;
    }
 .landscapeIcon
    {
        margin-top:3px;
        background: transparent url("../Images/orientation_landscape-16.png") scroll no-repeat left center;
    }
 .portraitIcon
    {
        margin-bottom:3px;
        background: transparent url("../Images/orientation_portrait-16.png") scroll no-repeat left center;
    }
.equipmentTitle {
    font-weight:bold;
}

.dx-selection .jobCountStatus {
    color: white;
}

.panel-footer { 
    margin-bottom:25px !important;
}
#patrolDetailsTable tr td:first-child {
   padding: 15px !important;
   width:50px;   
}
#patrolDetailsTable tr td:nth-child(6) {
    width:70px;
}
#patrolDetailsTable tr td:nth-child(10) {
    width:125px;
     min-width:125px;
}
#patrolDetailsTable tr td:nth-child(8), #patrolDetailsTable tr td:nth-child(9), #readingMin, #readingMax,
#patrolDetailsTable input[type=number], #jobDetail-textBox input[type=number], #instrReadingModal input[type=number] {
    text-align: right;
    vertical-align: middle;
}
#patrolDetailsTable tr td:nth-child(1), #patrolDetailsTable tr td:nth-child(5), #patrolDetailsTable tr td:nth-child(6) {
    vertical-align:middle;
}
#deviceInfoModal table tr td:first-child {
    text-align:right;
}
#deviceInfoModal table tr td {
    padding:2px;
}
.updatedText, .versionText {
    padding-right:10px;
}

.syncLogContainer {
    margin-left:10px;
    margin-right:10px;
    height:500px !important;
}
.dx-overlay-wrapper
{
  top: 0;
  left: 0;
  z-index: 10000 !important;
}

/* Guruling  css start */


/* usful classes for dev Team*/

.displayTableCell {
    display:table-cell;
    vertical-align:middle;
}

.heightfull {
    height:100%;
}

.paddingTop10 {
    padding-top:10px;
}

.paddingBottom10 {
    padding-bottom:10px;
}

.marginTop10 {
    margin-top:10px;
}

.marginBottom10 {
    margin-bottom:10px;
}

.marginTop20 {
    margin-top:20px;
}

/* usefull -classes end*/

html, body {
    min-height:100%;
    max-height:100%;
    overflow-y:hidden;
    min-width:320px;
    width:100%;    /* important for page full screen functioanlty */
    height:100%;   /* important for page full screen functioanlty */
}

body {

    /*Added for bug# 234327 on 06 May 2015 by Ajay for the background color set for the website*/
    /* background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA1CAIAAAB9U3TTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjIxQjBCQkNGMTcwMTFFMEFBREJENzE1MkFDM0ExNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjIxQjBCQkJGMTcwMTFFMEFBREJENzE1MkFDM0ExNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBDN0U3RDQ4RjE0NjExRTBBQURCRDcxNTJBQzNBMTU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBDN0U3RDQ5RjE0NjExRTBBQURCRDcxNTJBQzNBMTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/qHfvQAACWBJREFUaN512mlW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") repeat scroll 0 0 transparent; */
filter: none\9;
background: #d2d2d2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Q2ZDZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMmQyZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d6d6d6 1%, #d2d2d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d6d6d6), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d6d6d6 1%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d6d6d6 1%,#d2d2d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d6d6d6 1%,#d2d2d2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d6d6d6 1%,#d2d2d2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-8 */
}

.btn {
    padding:8px 12px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 1;
}

.btn-default {
 background-color: #E4E4E4;
 text-shadow:none;

}

 .btn-default[disabled] > .glyphicon{
    color:#8C8C8C; 
    }

.btn-default:hover, .btn-default:focus {
    background-color: #444;
    color:#fff;
    font-weight:normal;
    border:1px solid #000;
}


.btn-block {
  font-size: 16px;
  text-shadow: 1px 1px 1px black;
}

.battery {
  text-align: right;
  font-size: 12px;
  position: relative;
  padding-right: 15px;
  color: #eee;
  background-color: #444;
}

#divLogin {
    display:none;
}

#patrolsList {
    margin-bottom:10px;
}

#divMain {
    width: 100%;
    clear: both;
    overflow-y:auto;
    position:relative;
    background: #FFF;
}

#footerSection ul {
    margin-bottom: 0px !important;
    width: 100%;
    padding:0px;
    display:table;
}
    #footerSection ul li {
        white-space:nowrap;
        text-wrap:none;
        display:table-cell;
        vertical-align:middle;      
  }

  #footerSection ul li #DeviceIpInfo {
        width:100px;       
  }

.mainHeader {
    display:table; width:100%;
}

#mainTopHeader .navbar {
    border:none;
}

    .horebiggerLogoContanier, .esmLogoContanier, .santosLogoContanier {
        display:table;
        height:50px;
        margin: 5px 0px;
    }

  .horebiggerLogoContanier img, .esmLogoContanier img, .santosLogoContanier img {
        max-height:40px;
    }

    .horebiggerLogoContanier {
      border-right: 1px solid #AFB2B6;
      padding-right: 10px;
      margin-right: 10px;
    }

#usernameSection {
    float: right;
    margin: 5px 5px 0 5px;
    display:table;
}

    #usernameSection > span {
        display:table-cell;
        overflow: hidden;
        border-radius: 17px;
    }

    #footerSection {
        width: 100%;
        color: #fff;
        background-color: #444;
        padding: 2px 15px;
        font-size:12px;      
    }

#loginBox {
    max-width:300px;
    margin:0 auto;
    padding-top:60px;
}

#loginPanel {
    background: #E4E4E4 !important;
}

    #deviceIpInfo {
        display:none;
    }

    .mainHeader-mobile {
        display:none;
    }
    
    #deviceIpInfo-mobile {
        display:none;
    }
    .updatedText, .versionText {
        display:block;
    }

#deviceInfoMobileBtn {
    padding: 2px 5px !important;
    margin: 5px 0px !important;
}

#deviceIpInfoModel-mobile {
    display:none;
}

#userIcon img{
    height:28px;
}

#userIcon a:focus, #userIcon a:active, #userIcon img:focus, #userIcon img:active{
    outline:none;
}

#btnZoom {
    border: 1px solid #908A8A;
    padding: 0px 5px !IMPORTANT;
    margin: 2px;
    background-color:#333;
}

#btnZoom:hover {
    background-color:#f2f2f2;
    border: 1px solid #333;
}

.dx-treeview .dx-treeview-item {
    font-size: 15px !important;
    padding: 6px 7px;
}
#SyncTree {
    height: 450px;
    border: 1px solid #bbb;
    border-radius: 5px; 
   /*
    margin-bottom: 10px;
    margin-top: 20px;
    */ 
    padding-left: 10px;
    background-color:#fff;
    min-height: 150px;
}

.SyncSubTitle h5 {
    margin-bottom:5px !important;
}

#patrolsAwaiting {
    color: #000;
}

.syncTreeContainer {
        width:400px;
        margin:0 auto;
  }

  .lblusername {
    max-width: 150px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  #PageTitle {
    white-space: nowrap;
  }


#divPatrolList {
    display: none;
    margin: 0 auto;
    position:relative;
}

.viewStyle {
    padding:0px 15px;
}

.fieldContainer {
    padding:10px 0px;
}

.fieldHead {
    border-bottom: 1px solid #ababab;
}

.fieldHeading {
    text-transform:uppercase;
    font-size:12px;
    cursor:pointer;
    display: table;
    float:left;
    padding: 8px 10px;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #ababab;
    border-bottom: 0px;
    background-color: #2C4258;
    color:#fff;
}

.fieldBody {
    background:#fff;
    border:1px solid #ABABAB;
    border-top: 0px;
    padding:10px;
    clear:both;    
}

.form-control {
    border-radius:0px;
    height:37px;
}

.tabPanelContainer, #syncLog {
    background:#fff;
}

.btgroup {
  margin-left: 5px;
}
#noteModal, #woDetailModalText {
    max-width:100%;
}
#faultDetail, #faultDetailSection, #faultHelp, #faultGridContainer {
    margin-top:10px;
}
#faultTableBody tr td:first-child {
    width:30%;
}
.helpTitle, .helpBody {
    margin:10%;
    font-size:16px !important;
    font-weight:bold;
}
#initiateWOLabel {
    font-weight:bold;  
    line-height:28px;  
}
#initiateWOLabel, #faultPriorityDD {
    display:inline-table;
}

 #breadCrumb {
    max-width:100%;
    overflow-x:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
 }

.jobCountStatus {
  color: #337AB7;
}

.warningText {
    color:#337AB7;
}

#PatrolDetailsTableSection {
    position:relative;
    height:100%;
}

#counductPatrolHeader {
    position:absolute;
    top:0px;
    left:0px;
    z-index:999;
    padding:10px 0px;
}

#patrolDetailsTableBody tr[class^='eqp'], #patrolDetailsTableBody tr[class^=' eqp']{
    background: #D8E3EC;
    border-bottom: 2px solid #C6D7E4;
    border-top: 2px solid #C6D7E4;
    border-left: none;
    border-right: none;
}

#patrolDetailsTableBody tr[class^='eqp'], #patrolDetailsTableBody tr[class^=' eqp']{
    background: #D8E3EC;
    border-bottom: 2px solid #C6D7E4;
    border-top: 2px solid #C6D7E4;
    border-left: none;
    border-right: none;
}


#counductPatrolBody {
    clear:both;
    overflow:auto;  
    background: #fff;
    border: 1px solid #ABABAB;
    min-height:150px;
}
#counductPatrolFooter {
    clear:both;
    padding: 10px;
    background: #fff;
    border: 1px solid #ABABAB;
}

.dx-dropdowneditor-input-wrapper {
    min-width: 100px;
}

/*
.dx-switch-handle {
    background-color: #337AB7;
    background-image: linear-gradient(180deg, #337AB7 0%, #337AB7 100%);
}
*/

.dx-switch-handle , .dx-state-hover .dx-switch-handle{
  background-color: #f99;
  background-image: linear-gradient(180deg, #F66A6A 0%, #f99f99 100%);
}

.dx-state-active .dx-switch-handle {
    background-color: #F8F8F8;
    background-repeat: no-repeat;
    background-image: linear-gradient(180deg, #337AB7 0%, #337AB7 100%);border-radius:3px;
    border:1px solid;
}

.dx-datagrid-table span.glyphicon:hover {
    color:#337AB7;
}


.dx-popup-title.dx-toolbar {
  color: #FFF;
  background-color: #2C4258;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #2C4258 0%, #2C4258 100%);
}

.dx-pager .dx-page-sizes .dx-page-size:hover  {
  color: #fff;
  background-color: #444;
}


/* dx popup button styling */

.dx-dialog .dx-popup-bottom .dx-item .dx-button {
    margin: 5px;
    margin-left:10px;
    margin-right:10px;
    width:100px;
}

.dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button {
    background-color: #337ab7;
    border-color: #2e6da4;
    background-image: linear-gradient(180deg,#337ab7 0%,#337ab7 100%);
}

.dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button.dx-state-hover, .dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button.dx-state-active{
  color: #fff;
  background-color: #286090;
  background-image: linear-gradient(180deg,#286090 0%,#286090 100%);
  border-color: #204d74;
}

 .dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button .dx-button-text {
        color:#fff;
    }


/* DX second Button*/

.dx-dialog .dx-popup-bottom .dx-item:last-child .dx-button {
    background-color: #E4E4E4;
    font-weight:normal;
    border:1px solid #ccc;
    background-image: linear-gradient(180deg, #E4E4E4 0%, #E4E4E4 100%);
    text-shadow:none;
}

.dx-dialog .dx-popup-bottom .dx-item:last-child .dx-button .dx-button-text {
        color:#333;
    }


.dx-dialog .dx-popup-bottom .dx-item:last-child .dx-button.dx-state-hover, .dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button.dx-state-active{
  background-color: #444;
  background-image: linear-gradient(180deg, #444 0%, #444 100%);
  border-color: #000;
}

 .dx-dialog .dx-popup-bottom .dx-item:last-child .dx-button.dx-state-hover .dx-button-text, .dx-dialog .dx-popup-bottom .dx-item:first-child .dx-button.dx-state-active .dx-button-text {
        color:#fff;
    }

.greenSwitch .dx-switch-handle{
  background-color: #1DA84E;
  background-image: linear-gradient(180deg, #32E256 0%, #33B799 100%);
}

.redSwitch .dx-switch-handle{
  background-color: #f99;
  background-image: linear-gradient(180deg, #F66A6A 0%, #f99f99 100%);
}


#patrolDetailsTable td.greenTD .dx-switch-handle{
  background-color: #1DA84E;
  background-image: linear-gradient(180deg, #33B74E 0%, #33B799 100%);
}

#patrolDetailsTable td.redTD .dx-switch-handle{
  background-color: #f99;
  background-image: linear-gradient(180deg, #F66A6A 0%, #f99f99 100%);
}


#patrolDetailsTable td {
    vertical-align:middle;
}

.table-fixed-header thead {
    background-color:rgb(139, 183, 218);
    border-color: #7DACD2;
    border-top: 2px solid #7dacd2;
}

.table-fixed-header thead th{
    font-weight:normal;
    border: 1px solid #7DACD2 !important;
    color:#0B4B83;
    text-shadow: 1px 1px 1px #ECECEC;
}

  #counductPatrolFooter-mobile {
        display:none;
    }

.dropdown-menu {
    z-index:1005 !important;
}

.dropdown-menu li {
    cursor:pointer;
}

.counductPatrolFooter-mobile {
    display:none;
}

.patrolCompletedByDiv {
    float:right;
    padding-top: 10px;
}

.dx-tabpanel {
    background-color:#fff;
}

.paddingZero {
    padding:0px;
}
.panel {
    margin-bottom: 10px;
}

.panel-primary {
    border-color: #ABABAB;
}

.panel-primary > .panel-heading {
    color: #FFF;
    
    background-color: #2C4258;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #1A2734 0%, #2C4258 100%);
}

#jobDetail-header {
    margin-top:10px;
}

#jobDetail-footer {
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    background:#fff;
    position:absolute;
    bottom:0px;
    z-index:998;
    width:100%;
    border-top: 2px solid #ABABAB;
}

#jobDetail-leftBody {
        padding-right:10px !important;
    }
#jobDetail-notesText, #jobDetail-notesText textarea {
    border:0px !important;
    padding:0px !important;
}

#jobDetail-notesText textarea {
    height:50px;
}


#divJobDetail {
    min-height:100%;
    max-height:100%;
  
    overflow-y:auto;
    padding:0px !important;
}

#jobDetailMainContainer {
    overflow-y: auto;
    position: relative;
    padding:0px 15px;
}

#jobDetailjobTypeDiv {
    /*background-color: #2C4258;*/
    padding: 3px;
    margin-right: 10px;
    /*border-radius: 8px;
    box-shadow: 0px 0px 5px 0px #162E47 inset;
    border: 1px solid #496786;*/
    text-transform:uppercase;
    font-weight:bold;
}

#divWOHome {
    min-height:100%;
    max-height:100%;
  
    overflow-y:auto;
    padding:0px !important;
}

#woLocationFilterPanel {
    margin-top:10px;
}

#woHome-footer {
    clear:both;
    padding: 10px;
    background: #fff;
    border: 1px solid #ABABAB;
}

#divWOHome .panel-primary > .panel-heading {
    padding: 5px !important;
}

/*#woEquipmentList .dx-datagrid .dx-row > td {
    padding: 2px !important;
}*/


#woDetail-footer {
    clear:both;
    padding: 10px;
    background: #fff;
    border: 1px solid #ABABAB;
}

#woEquipmentListPanel {
    padding-right: 10px !important;
    padding-left: 0px;
}

/*#woEquipmentListPanel .panel-body {
    padding: 10px !important;
}*/

#woGridPanel {
    padding-right: 0px;
    padding-left: 0px !important;
}

#woHomeMainContainer {
    overflow-y: auto;
    position: relative;
    padding:0px 15px;
}

#woDetailMainContainer {
    overflow-y: auto;
    position: relative;
    padding:0px 15px;
}

#woDetailsPanel {
    padding-right: 10px !important;
    padding-left: 0px;
}

#woMediaGalleryPanel {
    padding-right: 0px;
    padding-left: 0px !important;
}

#woMediaGalleryPanel .panel-heading {
    height: 41px!important;
}

#editRAM {
    margin: 0px auto;
    /*width: 95%;*/
    overflow: hidden;
}
.RAMinnerSelectBox {
    float: left;
}
.RAMinnerSelectBox .dx-dropdowneditor-input-wrapper {
    min-width: 50px;
}

#ramDetailLable {
    font-size:12px !important;
}

#ramConsTypeSelect {
    width: 25%;
    margin-right: 1%;
}
#ramConsSelect {
    width: 24%;
    margin-right: 1%;
}
#ramLikelySelect {    
    width: 47%;
    margin-right: 1px;
}

#woDetails table tr td {
    vertical-align: middle;
}

.hiddenfile {
 width: 0px;
 height: 0px;
 overflow: hidden;
}

.dx-gallery
{
    width: 100%;
}

.dx-gallery-item-content img {
    max-height:100%;
}

.panel {
    border-radius:0px;
}

.panel-heading {
    padding:10px;
    border-radius:0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

#helpFaultRaise {
    cursor:pointer;
}

#helpFaultRaise:hover {
    color:#AACEED;

}

blockquote {
    color:#777;
}

#faultTableBody .text-right {
  font-size: 14px;
  font-weight: bold;
}

.modal-header {
    background-color: #2C4258;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
}

.modal-header .close {
  font-weight: normal;
  color: #ddd;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.modal-header .close:hover, .modal-header .close:focus {
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=100);
  opacity: 1;
}

.popover-content {
  color:#444;
}

#userNameForMobile {
    display:none;
}



/* Battry Level Indicator code - start */

    .esm-battery {
      border: 3px solid #333;
      width: 13px;
      height: 20px;
      padding: 0px;
      border-radius: 4px;
      position: relative;
      display: inline-block;
      margin-bottom:-6px;
    }
    .esm-battery:before {
      content: '';
      height: 3px;
      width: 18px;
      background: #333;
      display: block;
      position: absolute;
      top: -6px;
      border-radius: 4px 4px 0 0;
    }
    .esm-battery:after {
      content: '';
      display: block;
      position: absolute;
      top: -1px;
      left: -1px;
      right: -1px;
      bottom: -1px;
      border: 1px solid #fff;
      border-radius: 2px;
    }
    .battery-level {
      background: #30b455;
      position: absolute;
      bottom: 0px;
      left: 0;
      right: 0;
    }
    .battery-level.warnLow {
      background-color: #EFAF13;
    }
    .battery-level.alertLow {
      background-color: #e81309;
    }

/* Battry Level Indicator code - end */


#divWOHome,#divWODetail {
    display:none;
}


/* MEDIA QUERY Start */

@media screen and (max-width:479px) {
    .esmLogoContanier img {
        height:30px;
    }
    .horebiggerLogoContanier img, .esmLogoContanier img, .santosLogoContanier img {
        max-height:25px;
    }
    .mainHeader { display:none;}

    .mainHeader-mobile {
        display:block !important;
    }
    
    #deviceIpInfo-mobile {
        display:block;
    }
    .updatedText, .versionText {
        display:none;
    }

    .mainHeader-mobile .santosLogoContanier  {
        border-left:1px solid #ddd;
        margin-left:10px;
        padding-left:10px;
    }

     .horebiggerLogoContanier, .esmLogoContanier, .santosLogoContanier {
        display:table;
        height:35px;
        margin: 5px 0px;
    }
     .horebiggerLogoContanier {
      border-right: 1px solid #AFB2B6;
      padding-right: 10px;
      margin-right: 10px;
    }

    #loginBox {
        padding-top:10px;
    }

    #loginPanel {
        padding-top:5px !important;
    }



    /* model box animation overrides for Device Info mobile model box - start */

    #deviceInfoModal.modal.fade .modal-dialog {
        -webkit-transform: scale(0.1);
        -moz-transform: scale(0.1);
        -ms-transform: scale(0.1);
        transform: scale(0.1);
        top: 335px;
        opacity: 0;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    #deviceInfoModal.modal.fade.in .modal-dialog {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transform: translate3d(0, -200px, 0);
        transform: translate3d(0, -200px, 0);
        opacity: 1;
    }
    /* model box animation overrides for mobile potrait - start */
     .modal-dialog {
        width: 90%;
        margin: 30px auto;
      }
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      }
      .modal-sm {
        width: 90%;
      }
     /* model box animation overrides for mobile potrait - end */

    .syncTreeContainer {
        width:90%;
    }

     .lblusername {
        display:none !important;
      }

    #userNameForDesktop {
        display:none !important;
    }

    #userNameForMobile {
        display:inline-block;
        }

     #PageTitle {
        max-width: 125px;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size:12px;
        padding-top:10px;
        }


    }

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

       .patrolCompletedByDiv {
           float:none;
           padding-top: 0px;
        }

}

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

    .counductPatrolFooter-desktop {
        display:none;
    }

    .counductPatrolFooter-mobile {
        display:block;
    }
}

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

    #jobDetail-leftBody {
        padding-right:0px !important;
    }

}





@media screen and (min-width:480px) and (max-width:640px) {

     .modal-dialog {
        width: 600px;
        margin: 30px auto;
      }
      .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
                box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      }
      .modal-sm {
        width: 300px;
      }

    .esmLogoContanier img {
        height:30px;
    }
    .horebiggerLogoContanier img, .esmLogoContanier img, .santosLogoContanier img {
        max-height:25px;
    }
    #loginBox {
        padding-top:10px;
    }

     #loginPanel {
        padding-top:5px !important;
    }
    #deviceIpInfo-mobile {
        display:block;
    }
    .updatedText, .versionText {
        display:none;
    }

    .syncTreeContainer {
        width:80%;
        margin:0 auto;
  }

     .lblusername {
        display:none !important;
      }

    #userNameForDesktop {
        display:none !important;
    }

     #userNameForMobile {
        display:inline-block;
       }

     #PageTitle {
        max-width: 290px;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}


/* ipad potrait and all devices above 641px*/
@media screen and (min-width:641px) and (max-width:768px) {

    #PageTitle {
        max-width: 455px;
        overflow-x: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .lblusername {
        display: none !important;
    }

    #userNameForDesktop {
        display: none !important;
    }

    #userNameForMobile {
        display: inline-block;
    }

}

/* all screens above 641px */
@media screen and (min-width:641px){
    #deviceIpInfo {
        display:block;
    }
}

@media screen and (min-width:768px){
    .faultDetailLeftPanel {
        padding-right:0px !important;
    }
}


/* for patrol list filter section input fields floating issue only */
@media screen and (min-width:768px) and (max-width:800px){
    #divPatrolList .fieldBody .form-inline .form-control {
        display:block;
    }
}

#currentPatrols-grid .dx-datagrid-rowsview .dx-row {
    height: 45px;
}
#currentPatrols-grid .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
}

#woEquipmentList .dx-datagrid-rowsview .dx-row {
    height: 45px;
}
#woEquipmentList .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
}

#jobDetail-header .dx-datebox-with-calendar .dx-texteditor-input {
    padding-right: 40px !important;
}

#jobDetail-header .dx-radiogroup-horizontal .dx-radiobutton {
    margin-right: 6px !important;
}
#incompleteJobsLabel {
    margin-top:6px ;
    margin-left:20px;    
    
}
    #incompleteJobsLabel label {
        margin-bottom: 0px !important;
        font-weight: 500; 
    }
    #incompleteJobsLabel .infoIncompleteIcon {
        font-size: 19px;               
    }
    #incompleteJobsLabel #incompleteJobsCount {
        font-size:15px;      
        margin-left:7px;
        margin-top:1px;
    }
#instrReadingModal .modal-body {
    padding: 15px 30px !important;
}
.modalBox, .modalUnit {
    vertical-align:middle !important;
}
.modalBox {
    width:320px; padding:11px !important;
}
.modalUnit {
    text-align:center;
}
#instrReadingModal table, #instrReadingModal input[type=number] {
    font-weight:bold;
}
#instrReadingModal table {
    margin-bottom:0px !important;
}
.dx-header-row {
    font-weight:bold !important;
}
/*SCREEN BLACKOUT ISSUE FIXED FOR FULLSCREEN IE BROWSER*/
#divMain, #divLogin, #divSynchronize, #divPatrolList, #divPatrolDetails, #divJobDetail, #faultDetail, #divWOHome, #divWODetail {
    background-color: #D2D2D2;
}
/* camera css*/
.ui-dialog {
    padding: 0!important;
}
.ui-corner-all {
    border-radius: 0px!important;
}
.ui-widget-header {
    background-image: none!important;
    background-color: rgb(44, 66, 88)!important;
    border: 1px solid rgb(44, 66, 88)!important;
    font-family: sans-serif !important;
    font-weight:500!important;
}
.ui-button.ui-state-default {
    background-image: none!important;
    background-color: rgb(44, 66, 88) !important;
    border-color:rgb(44, 66, 88) !important;
}
.ui-button.ui-state-hover {
    background-image: none!important;
    background-color: rgb(44, 66, 88) !important;
    border-color:rgb(44, 66, 88) !important;
    outline:none;
}
.ui-dialog-buttonset .ui-button.ui-state-default {
    background-image: none!important;
    background-color: rgb(51, 122, 183) !important;
    border-color:#2e6da4 !important;
    border-radius:2px !important;
    font-family: sans-serif !important;
    font-weight:500!important;
}
.ui-dialog-buttonset .ui-button.ui-state-hover {
    background-image: none!important;
    background-color: rgb(51, 122, 183) !important;
    border-color:#2e6da4 !important;
    outline:none !important;
    border-radius:5px !important;
    font-family: sans-serif !important;
    font-weight:500!important;
}
.ui-button-text {
    color:#FFF!important;
}

#woRAMDetailText {
    float: left;
    width: 80%;
}
#woRAMInfoIcon {
    margin-top: 5px;
    font-size: 25px;
    cursor: pointer;
    color: #337ab7;
}

#jobDetail-header .panel-heading {
    padding: 8px !important;
}

#jobDetail-input {
    padding: 7px !important;
}
#jobDetail-textBox {
    font-size: 19px;
}
#jobDetail-unit {
    display: table-cell;
    padding-left: 6px;
    font-size: 19px;
    vertical-align: middle;
}
#jobDetail-complete {
    display: inline-table; 
    margin: 8px;
}