* {
    margin: 0;
    padding: 0
}

body {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: white;
}

/*input {font-family:inherit;}*/

/* not needed now as devexpress combos font set in code */

/* textarea, input etc do not inherit default font by default */

.hidden { display: none; }

img { border: 0; }

.userphoto { border: 0 }

form label.required:before {
    margin-left: -10px;
    color: red;
    content: "* ";
}

.btnOK {
    color: white;
    width: 100px;
    background-color: #f07d00;
    border: 0;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

#topnav {
    background-color: black;
    overflow: hidden;
}

#subtopnav {
    width: 960px;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

#rightListTopNav {
    float: right;
    width: auto;
}

#leftListTopNav {
    float: left;
    width: auto;
}

#subtopnav ul {
    margin: auto;
    list-style-type: none;
    text-align: right;
}

#subtopnav ul li {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-right: 1px solid #323232;
    border-left: 1px solid #636363;
    height: 20px;
}

#subtopnav ul li:first-child { border-right: 0 }

#subtopnav a {
    color: white;
    text-decoration: none;
    font-size: 12px
}

#CurrentLanguage {
    float: none;
    padding-bottom: 2px;
    color: White;
    font-family: Tahoma, Arial; /*width:inherit;*/
    padding-right: 340px;
    margin-bottom: 3px;
}

#CurrentLanguageWrapper {
    padding: 0px;
    background-color: transparent
}

#CurrentLanguageWrapper td {
    padding: 0px;
    background-color: transparent;
    border-style: none;
}

#CurrentLanguageWrapper table {
    border-style: none;
}

#CurrentLanguageWrapper table td img {
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
    border-style: none;
}

/*.dxgv td {background-color: transparent;}*/

#topnav .dxm-item li {
    float: none;
    padding: 0px;
    margin-bottom: 0px;
}

#btnDisplayInfo {
    float: none;
    padding: 0px;
    margin-bottom: 0px;
    border-style: none;
}

#btnDisplayHelp {
    float: none;
    padding: 0px;
    margin-bottom: 0px;
    border-style: none;
}

#btnDisplayHomePage {
    float: none;
    padding: 0px;
    margin-bottom: 0px;
    border-style: none;
}

.StatusInfoWrapper {
    padding-top: 3px;
    padding-bottom: 3px;
    width: 100%;
}

#subtopnav ul .dxm-gutter { width: 100px; }

#logobar {
    display: block;
    background-color: #e87800;
    padding-top: 5px;
    padding-bottom: 5px;
}

#logobar h1 {
    width: 1000px;
    text-indent: -999em;
    font-size: 0em;
    color: #e87800;
    height: 60px;
    margin: auto;
    background-repeat: no-repeat
}

#logobar td {
    background-color: #E87800;
    color: White;
    font-family: Tahoma, Arial;
    font-style: normal;
}

#logobar h3 {
    font-family: Tahoma, Arial;
    font-size: 20px;
}

table.logobar {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#dock {
    display: block;
    position: static;
    margin: 0;
    top: 0;
    left: auto;
    margin-left: auto;
    margin-right: auto;
}

#dock {
    z-index: 100;
    position: fixed;
    bottom: auto;
    top: 100%;
    height: 60px;
    width: 980px;
    left: 50%;
    margin-left: -495px;
    margin-right: auto;
    margin-top: -60px;
    background-image: url('../img/nav/dockgrad.png');
    background-repeat: repeat-x;
    background-color: #323232;
}

#dock > ul > li:first-child { border-left: 0 }

#dock ul { list-style-type: none; }

#dock > ul > li {
    float: left;
    margin-top: 10px;
    padding-left: 31px;
    padding-right: 31px;
    border-left: 1px solid #636363;
    border-right: 1px solid #323232;
    height: 45px;
    display: block;
    overflow: hidden;
    width: 55px;
}

#dock img {
    height: 45px;
    width: 55px;
}

#dock a:hover .on { display: block; }

#dock a:hover .off { display: none; }

#dock .toggle img {
    width: 14px;
    height: 45px;
    float: right;
    margin-top: 5px;
}


.submenu {
    z-index: -100 !important;
    display: none;
    background-color: #3f3f3f;
    padding-left: 31px;
    padding-right: 31px;
    position: fixed;
    margin-left: -32px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.submenu li {
    border-bottom: 1px solid #636363;
    border-top: 1px solid #323232;
    height: 45px;
    width: 55px;
    overflow: hidden;
}

.submenu.items { margin-top: -198px; }

/*.submenu.groups {margin-top: -57px;}*/

.submenu.software { margin-top: -384px; }


.rskyheader {
    background-image: url(../img/nav/Gradient_Navigation_Bar.png);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 935px;
    height: 46px;
    display: block;
    margin: auto;
    background-color: #ddd9d3;
    margin-top: 5px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    color: #323232;
}

.rskyheader div img { float: left; }

.rskyheader h2 {
    margin-top: 8px;
    font-weight: normal;
    font-size: 150%;
    position: relative;
    float: left;
}

div.rskyheader table.dxeButtonEdit_SoftOrange, 
div.rskyheader .dxeEditArea_SoftOrange, 
div.rskyheader .dxeButtonLeft.dxeButtonEditButton_SoftOrange {
    background-color: transparent;
    background: transparent;
    border: none;
}

div.rskyheader table.dxeButtonEdit_SoftOrange input.dxeEditArea_SoftOrange {
    color: #808080;
}

div.rskyheader .dxeDateEditTimeEditCell_SoftOrange table.dxeButtonEdit_SoftOrange {
    border: 1px solid #a0a0a0;
}
div.rskyheader div.dxde-time table.dxeButtonEdit_SoftOrange input.dxeEditArea_SoftOrange {
    color: #000000;
}

div.rskyheader .groupTitle {
    color: #969696;
    text-align: center;
}

div.rskyheader .filtersSection_main {
    width: 100%;
}

div.rskyheader .filtersSection_sub {
    vertical-align: middle;
    padding-left: 3px;
    white-space: nowrap;
}

.toolbarsection table td {
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;
    background-color: transparent;
    color: #969696;
}

.toolbarbtn {
    text-align: center;
}

.rskyheader input[type=image] {
    border: none;
    background-color: transparent
}

/* remove border from buttons */

#main {
    padding: 0px;
    margin-top: 5px;
    width: 940px;
    margin-left: auto;
    margin-right: auto; /*margin-bottom: 100px;*/
    overflow: hidden;
    min-height:500px;
}

#contextmain { /*background-color: #f4f2ef;*/
    padding: 10px;
    margin-top: 10px;
    width: 910px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    overflow: hidden;
}

#rightList {
    float: right;
    text-align: right;
    width: auto;
    min-width: 375px
}

#leftList {
    float: left;
    width: auto;
}

#reportFilterMain {
    padding: 0px;
    margin-top: 5px;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
    overflow-y: visible;
    min-height: 500px;
}

a {
    text-decoration: none;
    color: #e87800;
}

.dxgvControl_SoftOrange a {
     color: #5555FF !important;
}

table {
    border-collapse: collapse;
    border: 0;
    color: #323232;
}

table td.dxpc { background-color: transparent; }

table td.dxpcContent_BlackGlass { background-color: #D1D1D1; }

table td.dxpcHeader_BlackGlass { border-bottom: medium solid #E87800; }

table td.dxpcControl_BlackGlass { padding: 0; }

.dxtcLite_SoftOrange .dxtc-sbWrapper { height: 24px; }


.dxtc-wrapper { height: 24px; }

.dxtcLite_SoftOrange .dxtc-activeTab { height: 24px; }

.dxtcLite_SoftOrange .dxtc-tab, .dxtcLite_SoftOrange .dxtc-activeTab {
    background-color: White !important;
    background-image: none !important;
}

.dxmSubMenuItemHover_SoftOrange {
    background-color: #e87800;
    border: 1px solid #e87800;
}
 
 
.CellsEllipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

table td.darkCell { background-color: #ddd9d3; }

table td.checkbox {
    padding: 3px;
    background-color: transparent;
}

table td.listboxfrom {
    background-color: transparent;
    overflow: hidden;
    width: 1%;
    padding: 0
}

table td.listboxbuttons {
    background-color: transparent;
    overflow: hidden;
    width: 10%
}

table td.listboxto {
    background-color: transparent;
    overflow: hidden;
    padding: 0
}

table td input.Reports {
    color: white;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

table th {
    background-color: #998f84;
    color: white;
    padding: 3px;
    text-align: left;
    font-weight: normal;
}

#tabNav, #tabs > ul {
    list-style-type: none;
    clear: both;
}

#tabNav li, #tabs > ul li {
    min-width: 40px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    background-color: #cecbc4;
    color: #93897c;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#tabs > ul li:hover {
    max-width: none;
}

#tabNav li a, #tabs > ul li a { color: #93897c; }

#tabNav .active, #tabs .ui-state-active {
    background-color: #e87800;
    color: white;
}

#tabNav .active a, #tabs .ui-state-active a { color: white; }

#tabs > ul li {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#tabs > ul {
    clear: both;
    display: block;
    width: auto;
}

#tabs form, .tablessform {
    display: block;
    clear: both;
    padding: 20px;
    border: 1px solid #ddd9d3;
    background-color: #ece8e4;
}


/* System Viewer */

/* common to all systems */

#imagePanel { float: left; }

#systemViewerGrid {
    float: left;
    width: 400px;
    max-width: 400px;
    overflow: Auto;
}

#systemPanel {
    clear: both; /*overflow: auto */
    margin-bottom: 5px;
}

/* tabsPanel is for L-Series display, tabsPanel_Standard is for all other system types! */

#tabsPanel {
    float: right;
    width: 525px/*margin-right: 20px;*//*margin-bottom:400px*/
}

#tabsPanel.withItems {
    float: right; /*margin-right: 20px;*//*margin-bottom:400px*/
}

/* If items, reduces margin to cater for extra tab! */

.tabsPanel_Standard {
    margin-bottom: 400px;
    width: 500px
}

/* adds large margin to bottom of tabs to prevent Status Info panel from moving to right!!!*/

#eventsPanel {
    clear: both;
    width: 480px
}

#gvSystemViewer_ItemActivity { width: 480px }

#gvSystemViewer_SystemActivity { width: 480px }

#gvSystemViewer_PositionAccess { width: 480px }

#gvSystemViewer_Items { width: 480px }

#ui-datepicker-div { display: none; }

#ui-datepicker-div .ui-widget-content {
    background: #ffffff url(../jquery-ui/themes/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

/*380*/

#SystemInfoOuterWrapper {
    background-color: #ddd9d3;
    background-image: url(../img/nav/Gradient_System_Card.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 5px 5px 5px 5px; /*margin-top:20px;*/
    float: none;
}

#SystemInfoOuterWrapperLarge {
    width: 515px;
    background-color: #ddd9d3;
    background-image: url(../img/nav/Gradient_System_Card.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 5px 5px 5px 5px; /*margin-top:20px;*/
    float: none;
}

#SystemInfoNewEvents {
    font-size: 11pt;
    background-color: transparent;
    padding-left: 10px;
    float: left;
}

#statusPanel {
    background-color: #ddd9d3;
    background-image: url(../img/nav/Gradient_System_Card.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding: 5px 5px 5px 5px;
    float: none;
    margin-top: 5px;
}

/************************ STATUS CONTROL CSS **************************/

.innerWrapper {
    width: 100%;
    font-size: 11pt;
}

div.photo {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
}

div.photo img {
    width: 70px;
    height: 75px;
}

.innerWrapper .header {
    font-size: 12pt;
    line-height: 19px;
    color: #737373;
    margin-bottom: 10px;
    display: block;
    height: 25px;
    margin-top: 5px;
}

.innerWrapper .header img {
    float: left;
    padding-right: 5px;
}

.innerWrapper .header span {
    padding-right: 5px;
    display: inline;
    float: left;
}

.innerWrapper .header a {
    display: inline;
    float: left;
    padding-right: 5px;
}

.innerWrapper .body {
    font-size: 11pt;
    line-height: 14px;
    color: #737373;
}

.innerWrapper .body #LastSyncDateTime { width: auto !important; }

.innerWrapper .body .form-group { margin-bottom: 10px; }

.innerWrapper .body .form-group a {
    float: left;
    text-decoration: none;
    margin-right: 5px;
}

.innerWrapper .body .form-group a.link, a.link {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 16px;
    width: 250px;
    line-height: 14px;
}

#PositionCommsStatusImg {
    width: 16px;
    height: 16px;
}

.innerWrapper .commsStatus {
    padding: 5px 0px;
    font-size: 11pt;
    color: #ED2626;
}

/* L Series */

.SystemImage { overflow: hidden; }

/* this was auto */

/* if frame type = "L Series" then set height:389px */

.SystemImage_LargeScrolling {
    max-width: 398px;
    overflow: scroll
}

/* 2 less for IE */

/*.LargeFrame { height:300px; width:380px;  overflow: auto;}*/

.StatusInfoWrapper_StandardFrame {
    float: left;
    max-width: 400px;
}

.StatusInfoWrapper_LargeFrame {
    float: right;
    width: 525px;
}

/*margin-right:130px}*/

/* controls */

#SystemsDXPopup_SelectedSystemName {
    padding-right: 10px;
    width: 100px;
    float: none
}

/* float none needed to keep combo cursor on left hand side!*/

.PopupPadding {
    padding-top: 10px;
    display: block;
    clear: both;
}

#SystemViewer_headerpaddingdivider { padding-left: 40px }


#DXSelectFobAccessUsers td { background-color: transparent; }

/*#statusPanel p {width: 280px;}*/

.range {
    margin-top: 10px;
    float: right;
}

.range a {
    color: #998f84;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #cecbc4;
}

.range a:first-child { border: 0; }

fieldset {
    border: 0;
    clear: both;
    display: block;
}

fieldset div.editor {
    float: left;
    width: 235px;
}

fieldset div.form-group {
    clear: both;
    display: block;
}

fieldset div.form-group span.field-validation-error {
    margin: 3px 0px 1px 0px;
}

fieldset div.form-group div.row-group {
    margin-left: auto;
    position: inherit;
}

fieldset span { vertical-align: middle; }

fieldset legend, .heading {
    color: #e87800;
    margin-bottom: 10px;
    font-size: 11pt;
    font-weight:normal;
}

fieldset label {
    float: left;
    width: 218px;
    margin-bottom: 2px;
}

fieldset div.sr-email label {
    float: left;
    width: 150px;
    margin-bottom: 2px;
}

fieldset label.checkbox {
    margin-bottom: 5px;
    padding: 10px;
    float: none;
    background-color: transparent;
    width: 100px;
    height: 50px
}

fieldset label.UserDetailField { width: 120px; }

fieldset input, fieldset textarea {
    margin-bottom: 0px;
    border: 1px solid white;
    background-color: #ddd9d3;
    padding: 2px;
    font-size: 13px;
}

fieldset select {
    margin-bottom: 2px;
    border: 1px solid white;
    background-color: #ddd9d3;
    padding: 2px;
}

fieldset input[type="checkbox"] {
    margin-bottom: 4px;
    margin-top: 2px;
    text-align: left;
    border: none;
    background-color: transparent;
    padding: 2px;
    width: 15px;
    min-width: 15px
}

fieldset input.Search {
    margin-bottom: 10px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border: 0px;
    background-color: #ddd9d3;
    padding: 2px;
    background-image: url(../img/nav/Search.png);
    background-repeat: no-repeat;
}

fieldset input.ApplyToAllSystems {
    color: white;
    min-width: 150px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

fieldset input.Reports {
    color: white;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

fieldset input.ReportsPDF {
    color: #e87800;
    min-width: 150px;
    background-color: #ddd9d3;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

/*fieldset input.btnSystemStatus {float: right; margin-bottom: 10px; width: 30px; min-width: 49px; height: 41px; border: 0px; background-color: #ddd9d3; padding: 2px; background-image: url(../img/nav/systems-yes.png); background-repeat: no-repeat;}
fieldset input.btnFobOptions {float: right; margin-bottom: 10px; width: 30px; min-width: 41px; height: 32px; border: 0px; background-color: #ddd9d3; padding: 2px; background-image: url(../img/nav/ifob-list.png); background-repeat: no-repeat;}
*/

fieldset input.btnSystemStatus {
    width: 50px;
    min-width: 50px;
    height: 50px;
    border: none;
    background-image: url(../img/nav/systems-yes.png);
    background-repeat: no-repeat;
}

fieldset input.btnFobOptions {
    width: 45px;
    text-align: right;
    min-width: 45px;
    height: 40px;
    border: none;
    background-image: url(../img/nav/ifob-list.png);
    background-repeat: no-repeat;
}

fieldset textarea {
    clear: both;
    max-width: 692px;
    width: 98%;
    height: 150px;
}

/* fieldset input, fieldset select {min-width: 150px;} */

fieldset select[name="UserSystemStatus"] { min-width: 100px; }

fieldset select[name="ChartType"] { min-width: 100px; }

/*
fieldset #Password {width: 150px;}
fieldset #UserName {width: 150px;}

fieldset #CardID {width: 143px;}
fieldset #KeypadID {width: 143px;}
fieldset #PIN {width: 143px;}
fieldset #EnrollID {width: 143px;}
/*fieldset #EmailPIN {width: 143px;}
fieldset #PINExpiryDate {width: 143px;}
fieldset #ContractExpiry {width: 143px;}
*/

fieldset #SWLoginWindowsUserName { width: 175px; }

fieldset #SWLoginBasicUserName { width: 175px; }

fieldset #SWLoginBasicPassword { width: 175px; }

fieldset #SoftwareAccessGroupName { width: 175px; }

fieldset #OpenIdUserName { width: 175px; }

fieldset input[name="CurfewDays"] { width: 40px; }

fieldset input[name="CurfewHours"] { width: 40px; }

fieldset input[name="CurfewMinutes"] { width: 40px; }

fieldset input[type="file"] { width: 200px; }

fieldset #SoftwareCode { width: 200px; }

fieldset #UnlockCode { width: 200px; }


/*fieldset select {width: 155px;}*/

fieldset select.listbox { width: 110px; }

fieldset table {
    border: none;
    background-color: transparent;
}

fieldset infoButton {
    color: #000000;
    padding: 0px;
    border: none;
}

fieldset #CurrentLocation {
    width: 204px;
    height: 40px;
}

#LogonLink { color: white }

.formBtn {
    color: white;
    min-width: 100px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

.formBtn:disabled {
    color: #93897c;
    min-width: 100px;
    background-color: #cecbc4;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

.formBtnAddRemove {
    color: white;
    width: 100px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.formBtnAddRemoveRegion {
    color: white;
    width: 100px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 5px;
}

.formBtnResetPassword {
    color: white;
    min-width: 50px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px
}

.formBtnRandomPin {
    color: white;
    min-width: 80px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}

.formBtnRandomEnrollmentID {
    color: white;
    min-width: 80px;
    background-color: #f07d00;
    border: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}

#right, #notes {
    float: right;
    width: 45%;
}

#UserPhotoMain {
    text-align: center;
    float: right;
}

#dialog { font-size: 11pt; }

/* Command Progress */

#CommandProgress td {
    padding: 5px;
    background-color: #DDD9D3;
}

#CommandPopup {
    background: none repeat scroll 0 0 #D1D1D1;
    border: 0.5px solid #323232;
    overflow: hidden;
}

#CommandPopup .ui-widget-header .ui-icon { background: none repeat scroll 0 0 #D1D1D1; }

#CommandPopup .rskyheader { width: 425px; }

.CommandDetails fieldset input {
    min-width: 180px;
    background-color: transparent;
}

fieldset select { min-width: 100px; }

.CommandDetails fieldset label { width: 170px; }

#DXSelectFobAccessUsersWrapper td { padding: 0px; }

#WaitingForProgress { font-weight: 500 }

#CommandProgressError {
    color: #ED2626;
    font-size: 10pt
}

.SystemStatusRed { color: #ED2626 }

#progressFobError {
    color: #ED2626;
    font-size: 10pt
}

#progressTagError {
    color: #ED2626;
    font-size: 10pt
}

#progressTypeError {
    color: #ED2626;
    font-size: 10pt
}

/* this is the banner which appears when the user session is about to expire */

#sessiontimeoutresume { text-decoration: underline }

/* Banner for session expired and Cookie not enabled */

div.banner {
    position: relative;
    top: 0;
    left: 0;
    background-color: #CC5100;
    border: 3px solid #FF6500;
    width: 100%;
}

div.banner-content {
    width: 800px;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

div.banner-content a {
    color: #fff;
    font-weight: bold
}

div.banner-content span { font-weight: bold }

/* UserListTransferFobOwnership control */

#CommandUserListPopupTitle { font-size: 12pt }

#ConfirmationText {
    background-color: #FFFFFF;
    font-size: 11pt;
}

.commandUserListPopupSetting {
    height: 100%;
    min-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.commandPopupButtonArea {
    height: 30px;
    padding-top: 10px;
}

.commandButton {
    font-size: 10pt;
    padding-right: 5px
}

#CloseCmdReadLastCardSwipeWrapper {
    float: right;
    padding: 90px 0 0 0
}

#CloseCmdReadLastCardSwipe { font-size: 10pt }

.dxpPageNumber_SoftOrange { font-size: 12px; }

#ShowFilteredUsers { font-size: 10pt }

#UserConfirmationText { padding: 2px }

#FobPositionText { font-size: 11pt; }

#ConfirmFTO a:hover { cursor: pointer }

#gvTFOUsers_DXMainTable a { color: #E87800 }

.syncerror {
    background-image: url('../img/generic/red.png');
    background-repeat: no-repeat;
}

.syncupdate {
    background-image: url('../img/generic/update2.gif');
    background-repeat: no-repeat;
}

.syncok {
    background-image: url('../img/generic/green.png');
    background-repeat: no-repeat;
}



/*#LanguagesPopupMenu_DXI0_ {float:none; padding:0px; margin-bottom:0px; }*/

/* language popup menu*/

#LanguagesPopupMenu ul {
    /*background-color: White;*//*#DDD9D3;*/
}

#LanguagesPopupMenu ul li {
    background-color: white;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none;
    border-left: none;
    width: 100px;
    height: 12px;
    /*padding-bottom:2px;*/
}

/* blank out top strip*/

#LanguagesPopupMenu ul .dxm-item {
    background-color: white;
    /*height: 10px;*/
    border-right: none;
    border-left: none;
    border-color: White;
}

#LanguagesPopupMenu .dxm-content .dxm-hasText {
    /*background-color: transparent;*/
    /*height: 10px;*/
    /*background-color: #E87800;*/
    border-right: none;
    border-left: none;
}

#LanguagesPopupMenu ul li.dxm-item.dxm-hovered div { background-color: #E87800; }

#RegionsPopupMenu ul li {
    background-color: white;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none;
    border-left: none;
    width: 100px;
    height: 12px;
}

/* blank out top strip*/

#RegionsPopupMenu ul .dxm-item {
    background-color: white;
    border-right: none;
    border-left: none;
    border-color: White;
}

#RegionsPopupMenu .dxm-content .dxm-hasText {
    border-right: none;
    border-left: none;
}

#RegionsPopupMenu ul li.dxm-item.dxm-hovered div { background-color: #E87800; }

#SystemsPopupMenu ul li {
    background-color: white;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none;
    border-left: none;
    width: 100px;
    height: 12px;
}

/* blank out top strip*/

#SystemsPopupMenu ul .dxm-item {
    background-color: white;
    border-right: none;
    border-left: none;
    border-color: White;
}

#SystemsPopupMenu .dxm-content .dxm-hasText {
    border-right: none;
    border-left: none;
}

#SystemsPopupMenu ul li.dxm-item.dxm-hovered div { background-color: #E87800; }

#SystemStatusPopupMenu ul li {
    background-color: white;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none;
    border-left: none;
    width: 100px;
    height: 12px;
}

/* blank out top strip*/

#SystemStatusPopupMenu ul .dxm-item {
    background-color: white;
    border-right: none;
    border-left: none;
    border-color: White;
}

#SystemStatusPopupMenu .dxm-content .dxm-hasText {
    border-right: none;
    border-left: none;
}

#SystemStatusPopupMenu ul li.dxm-item.dxm-hovered div { background-color: #E87800; }

#TimescalesPopupMenu ul li {
    background-color: white;
    float: none;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-right: none;
    border-left: none;
    width: 100px;
    height: 12px;
}

/* blank out top strip*/

#TimescalesPopupMenu ul .dxm-item {
    background-color: white;
    border-right: none;
    border-left: none;
    border-color: White;
}

#TimescalesPopupMenu .dxm-content .dxm-hasText {
    border-right: none;
    border-left: none;
}

#TimescalesPopupMenu ul li.dxm-item.dxm-hovered div { background-color: #E87800; }

/* Devexpress grids */

.dxgvHeader_SoftOrange table td {
    background-color: #969696;
    height: 23px;
}

.dxgvFocusedRow_SoftOrange td.dxgv { background-color: #E87800 }

.dxgvFocusedRow_SoftOrange a.dxeHyperlink {
    color: #FFFFFF !important
}

.dxgvFocusedGroupRow_SoftOrange td.dxgv { background-color: #E87800 }

.dxpButton_SoftOrange { color: #E87800 }

td.dxeListBoxItemHover_SoftOrange { background-color: #E87800; }

td.dxeCalendarToday_SoftOrange { background-color: #E87800; }

td.dxeCalendarWeekend_SoftOrange { color: #E87800; }

td.dxgv {
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.dxeCalendarFooter_SoftOrange { background: none; }

/* System Access grid*/

#gvSystemAccess_DXMainTable tbody tr td label {
    font-size: 9pt;
    text-align: center;
    font-weight: bold
}

#gvSystemAccess_DXMainTable tbody tr td input { background-color: transparent }

.dxeButtonEditButton[id^="DevXGV_Systems_Allowance_id_"] {
    background-image: url('devxcombo.jpg');
    background-repeat: no-repeat;
    width: 100px;
    background-color: transparent;
}

.dxeHyperlink {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: initial;
    color: #e87800;
}


.ErrorText { color: Red }

#gvSystemAccess_DXMainTable tbody tr td label {
    font-size: 9pt;
    text-align: center;
    font-weight: bold;
    width: 80px
}

#gvSystemAccess_DXMainTable tbody tr td input {
    background-color: transparent; /*width: 95px;*//*padding: 0px*/
}

#gvSystemAccess_DXMainTable label[id^="CurfewDays"] { float: none }

#gvSystemAccess_DXMainTable label[id^="CurfewHours"] { float: none }

#gvSystemAccess_DXMainTable label[id^="CurfewMins"] { float: none }

#gvSystemAccess_DXMainTable fieldset label[id^="CurfewDays"] { float: none }

#gvSystemAccess_DXMainTable fieldset label[id^="CurfewHours"] { float: none }

#gvSystemAccess_DXMainTable fieldset label[id^="CurfewMins"] { float: none }

label.CurfewDaysLabel { float: none }

label.CurfewHoursLabel { float: none }

label.CurfewMinsLabel { float: none }

.dxlbd[id^="DevXGV_Systems_Allowance"] table tbody tr.dxeListBoxItemRow { background-color: #ECE8E4 }

#gvSystemAccess_DXMainTable tbody tr td input[id^="DevXGV_Systems_Allowance"] { min-width: 100px; }

#gvSystemAccess_DXMainTable tbody tr td div[id^="DevXGV_Systems_Allowance"] table td { /*background-color: white;*/
    padding: 1px;
}

#gvSystemAccess_DXMainTable tbody tr td div[id^="DevXGV_Systems_Allowance"] table td .dxeListBoxItemHover_SoftOrange {
    background-color: #E87800;
    color: white
}

.CurfewTypeGrid {
    min-width: 90px;
    background-color: transparent
}

/* start accordion control */

.ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    background-color: #cecbc4;
    font-size: 12px;
}

.ui-accordion .ui-accordion-header a {
    color: #93897c;
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
    margin-left: 20px;
    margin-right: 10px
}

.ui-accordion .ui-state-active {
    background-color: #f07d00;
    color: White;
}

.ui-accordion .ui-state-active a {
    background-color: #f07d00;
    color: White;
}

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    background-color: #ECE8E4;
    padding: 1em 2.2em;
    border-top: 0;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active { display: block; }

.ui-accordion .ui-accordion-content p { color: #737373 }

/* end accordion control */

#timepickercurfew {
    width: 16px;
    height: 14px; /*background: url(scheduled.gif) -80px, -96px;*/
    background-image: url('scheduled.gif');
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #222222;
    margin-top: 3px;
    cursor: pointer;
}


/* For font size changer */

.smallFont {
    background: url(../img/nav/TextSmallerIcon.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    float: left;
    width: 21px;
    height: 20px;
    border-width: 2px;
    padding-right: 10px;
}

.defaultFont {
    /*to hide the default font button, use display:none */
    background: url(../img/nav/font-default.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: none;
    float: left;
    width: 21px;
    height: 20px;
    border-width: 2px;
}

.largeFont {
    background: url(../img/nav/TextLargerIcon.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
    float: right;
    width: 21px;
    height: 20px;
    border-width: 2px;
}

.ldisabled, .sdisabled { /*Styles for disabled buttons*/
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*This is for IE8 */
    filter: alpha(opacity = 30);
}

/* End font size changer */

.ui-dialog .ui-dialog-content {
    border: solid 2px #ea7;
    padding: .1em 1em;
    background: #ffffff;
    overflow: auto;
}

.ui-dialog .ui-dialog-titlebar { height: 40px; }

pre {
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

table.infoPanel td {
    font-size: 8pt;
    color: Gray;
    padding-left: 8pt;
}

table.generalInfoPanel { margin-bottom: 8pt; }

table.generalInfoPanel td {
    font-size: 10pt;
    color: Gray;
    padding-right: 8pt;
}

table.readOnlyInfoPanel { margin-bottom: 4pt; }

table.readOnlyInfoPanel td {
    font-size: 10pt;
    color: Red;
    padding-right: 8pt;
}

.ItemBookingHeader {
    padding-bottom: 5px;
    padding-top: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16pt;
}

#tblScheduleIntervals tr .chkScheduleDay { padding: 0px 20px 10px 5px; }

/* Use this for headings - it will arrange the image and the page title without the use of a table */

.pageTitle img {
    float: left;
    margin-right: 15px;
    margin-left: 23px;
}

.pageTitle H3 {
    float: left;
    margin-top: 10px;
}

.generalInfo img {
    float: left;
    margin-top: -2px;
    margin-right: 4px;
}

.pickerGroupContainer, .pickerFormLayout > .dxflGroupSys { padding-left: 0 !important; }

.filterInfoBox, .filter {
    border: 1px solid #f07d00;
    color: #222222;
    min-height: 20px;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

    .filterInfoBox div.recordCount {
        font-size: 40px;
        color: #f07d00;
        font-weight: bold;
        position: relative;
        top: -10px;
        float: right;
    }

.pickerGroupContainer, .pickerFormLayout > .dxflGroupSys {
    padding-left: 0 !important;
}

.filterInfoBox div.subText {
    position: relative;
    font-size: 22px;
    margin-right: 15px;
    float: right;
    white-space: nowrap;
    margin-right: 10px;
}

.pair {
    float: left;
    width: 25%;
}

    .pair:last {
        clear: left;
    }

.pair .label {
    font-weight: bold;
}

.hidden { display: none !important; }

.form-group {
    display: block;
    margin-bottom: 5px;
}

a.formBtn {
    text-decoration: none;
    text-transform: none;
    padding: 6px;
    min-width: 88px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

a.formBtn:hover {
    color: white;
}

div.popupMessage {
    padding-left: 5px;
    border: 0px solid #ddd9d3;
    height:auto;
}

div.contextMenuPopup {
    padding-left: 5px;
    border: 0px solid #ddd9d3;
    height: 100px;
}
div.popupMessage h3 {
    color: #e87800;
    margin-bottom: 10px;
    margin-left:0px;
}

div.popupMessage p { line-height: 120%; }

div.popupButtons {
    position: relative;
    text-align: center;
}

div.popupMessage ul { margin-left: 5px; }

div.popupMessage ul li { margin-left: 2px; }

div.popupMessage.licence p { font-size: 12px; }

div.popupMessage.licence { height: 50%; }

.PopupDialogLine {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
    color: #737373;
}

.ContextPopupDialogLine {
    padding: .3em 0em;
    text-align: left;
    color: #737373;
}

.PopupBold {
    font-weight: bold;
}

.PopupDialogContent {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
}

.ContextPopupDialogContent {
    padding-top: .5em;
    padding-bottom: 0px;
    text-align: left;
}

.PopupDialogButtons {
    height: 25px;
    text-align: center;
    padding: 0.2em;
}

.NoBorder {
    border: 0;
}

table.NoBorder tbody tr td label {
    color: black;
}

.PopupDialogCheckboxes {
    padding-left: 10px;
    text-align: center;
    padding-bottom: 20px;
}

.PopupDialogMax {
    max-height: 600px;
    max-width: 950px;
    overflow-y: auto;
}

.ProgressPartial {
    padding: 0.7em;
    font-weight: bold;
}

div.popupModalMessage {
    padding-left: 5px;
    border: 0px solid #ddd9d3;
    height: auto;
}

div.popupModalMessage h3 {
    color: #e87800;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-bottom: 5px;
    font-size: 20px;
}

div.popupModalMessage p {
    line-height: 120%;
}

div.popupModalButtons {
    position: absolute;
    text-align: center;
    bottom: 1px;
    margin: 6px auto;
    width: 100%;
}

/** Code added until boostrap v4 is implemented across website **/
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    clear: both;
    position: relative;
}

.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
}

div.warning {
    color: #f07d00;
    padding: 6px 0px;
    font-size: 14px;
}

.pull-left { float: left; }

label.pull-left {
    font-weight: bold;
    margin-left: 5px;
}

label.status {
    width: auto;
    margin-right: 5px;
}

.infoBox {
    background-image: url('../img/nav/general-info.png');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 26px;
    text-align: justify;
    vertical-align: middle;
    color: #737373;
    line-height: 20px;
    font-size: 12px;
}

.clearfix { clear: both; }

.margin-20 { margin-top: 20px; }
.margin-bottom-10 {
    margin-bottom: 10px;
}

.infoBox.pull-left {
    float: left;
    height: 35px;
    width: auto;
    margin: 0px;
}

.nopadding { padding: 0px !important; }

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
    float: left;
}

.col-md-12 { width: 100%; }

.col-md-11 { width: 91.66666666666666%; }

.col-md-10 { width: 83.33333333333334%; }

.col-md-9 { width: 75%; }

.col-md-8 { width: 66.66666666666666%; }

.col-md-7 { width: 58.333333333333336%; }

.col-md-6 { width: 50%; }

.col-md-5 { width: 41.66666666666667%; }

.col-md-4 { width: 33.33333333333333%; }

.col-md-3 { width: 25%; }

.col-md-2 { width: 16.666666666666664%; }

.col-md-1 { width: 8.333333333333332%; }

#SecurityGroups label {
    width: 170px;
    display: inline-block;
    float: left;
}

/***Sync Popup Classes*/

#SyncStatusPopupTitle { font-size: 12pt; }

.syncErrors {
    overflow: auto;
    height: 150px;
    width: 100%;
}

#Curfew .dxeCaption_SoftOrange {
    width: auto;
    margin-left: 5px;
}

td[id^=CurfewDays_] {
    min-width: 0px;
}

td[id^=CurfewHours_] {
    min-width: 0px;
}

td[id^=CurfewMins_] {
    min-width: 0px;
}

.syncErrors ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 11pt;
}

.syncErrors > p { font-size: 12pt; }

.pull-right {float:right;}

td.dxeButtonEditButton {
    background: transparent;
    border-style: none;
}

table.dxeButtonEdit {
    border-style: none;
}

.whiteText {
    color: #fff;
    display: block;
    line-height: 150%;
    text-align: left;
}

/* Fix for devExpress popup alignment in 19.2 */

#AccessScheduleRegionsPopup_PW-1 .dxpc-contentWrapper,
#SecurityGroupRegionsPopup_PW-1 .dxpc-contentWrapper,
#ContextMenugvUsersListPopup_PW-1 .dxpc-contentWrapper {
    display: table !important;
}

#AccessScheduleRegionsPopup_PW-1 .dxpc-content,
#SecurityGroupRegionsPopup_PW-1 .dxpc-content,
#ContextMenugvUsersListPopup_PW-1 .dxpc-content {
    display: table-cell !important;
}

.long-label{width: 300px;}

/* Used in Fob & Item Curfew Data Gathering Popup Window */
p.spacedVisible {
    padding-bottom: 0.5em;
    visibility: visible;
}

p.spacedInvisible {
    visibility: hidden;
}

div.error ul {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 10pt;
    color: red;
    margin-bottom:10px;
}

/* Cron Controls in Scheduled Reports */
.formBtn.wide{
    width:195px;
}

.cron-select-period {
    padding: 5px 5px 0px 5px;
}

.cron-yearly-day, .cron-monthly-month-by-week, .cron-monthly-month, .cron-monthly-day,
.cron-clock-minute, .cron-clock-hour, .cron-clock-second, .cron-hourly-select,
.cron-hourly-hour, .cron-hourly-minute, .cron-daily-select {
    width: 70px;
    min-width: 50px;
}

.cron-yearly-nth-day, .cron-yearly-day-of-week, .cron-yearly-month-by-week,
.cron-monthly-nth-day, .cron-monthly-day-of-week {
    width: 100px;
}

.cron-input {
    padding: 5px 5px 0px 5px;
}

.cron-select-period select,
.cron-input select,
.cron-input input[type=radio],
.cron-input input[type=checkbox] {
        margin-left: 5px;
        margin-right: 5px;
    }

.alert {
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert > p, .alert > ul {
    margin-bottom: 0;
}
.srp-col-md-4 {
    padding-left: 0px;
    width: 33%;
}

.srp-col-md-5 {
    padding-left: 0px;
    margin-top: 2px;
}

fieldset div.form-group div.row-group span.field-validation-error {
    margin-left: 10px;
}

a.srp-formBtn {
    padding: 5px 6px 6px 6px;
}

fieldset div.srp-text-area textarea{
    height: 32px;
    width: 475px;
}

.ui-dialog {
    z-index: 1000;
    background-color: white;
    border: 4px solid #d3d3d3;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.34375);
    font-size: 12px;
}

.ui-dialog h3 {
    color: #e87800;
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-dialog-content {
    border: none;
}

.ui-widget-overlay {
    background: url('../img/generic/popup_back.gif') repeat;
    position: fixed;
    opacity: 1;
}

.row-spaced {
    margin-left: 10px;
}

.cron-yearly-nth-day.margin33 {
    margin-left: 33px;
}
.cron-hourly-select.margin14 {
    margin-left: 14px;
}
.cron-monthly-nth-day.margin24 {
    margin-left: 24px;
}

#ScheduleControl {
    position: relative;
    z-index: 99999;
}

#timeControl {
    margin-top: -41px;
    z-index: 99999;
    position: absolute;
    margin-left: 10px;
    color: #737373;
}

.gridCellNoWhiteSpaceTextWrap {
    word-break: break-word;
}
.rowsText {
    position: absolute;
    top: 0px;
    left: 74%;
}