/*#region CSS Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ol, ul { list-style:none; }
caption, th { text-align:left; }
abbr, acronym { border:0; }

/*#endregion*/

/*#region Standard HTML Tags */

body {
    background-color: #FFF; 
    color: #333;
    font-family: Helvetica, Calibri, Arial, Sans-Serif;
    font-size: 0.9em;
    min-width: 900px; 
}

h1 { font-size:1.6em; font-weight:bold; }
h2 { font-size:1.4em; font-weight:bold; }
h3 { font-size:1.2em; font-weight:bold; }
h4 { font-size:1em; font-weight:bold; }

/*p {}*/

/*a {}*/
a:link, a:visited { text-decoration:none; }
a[disabled='disabled']:hover { 
    cursor: default; 
}

pre { font-family: 'Consolas', 'Courier New', monospace; }

textarea { border: 1px solid #aaaaaa; }
textarea[disabled] { resize: none; }

table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
} /* cellspacing="0" */

caption { display:none; }
thead, tbody, tfoot { vertical-align:middle; }
tr, td, th { vertical-align:inherit; padding: 0; } /* cellpadding="0" */
td { height: 24px; }

thead th.HideHeader { color: transparent !important; }

input[type='button'] { -webkit-appearance: none; }

input[type='checkbox'] { vertical-align: middle; }

input[type='text'], input[type='password'] {
    border: 1px solid #AAAAAA;
    padding: 1px 2px;
    border-radius: 1px;
}

input[readonly='readonly'] {
    background-color: #DDD;
}

input[type='submit']:disabled, input[type='submit']:disabled:hover {
    background-color: #C0C2C2;
    border: 1px solid #DDD;
    color: #FFF;
    cursor: default;
}

input[type=text]::-ms-clear { display:none; width:0; height:0; }

button:hover, input[type='submit']:hover {
    background-color: #888C33;
    border: 1px solid #DDD;
    color: #FFF;
}

/*#endregion*/

/*#region General Layout */

.pageHeader {
    text-transform:uppercase;
    font-size:1.6em;
    font-weight:bold;
    /*margin-top: 20px;*/
}

#HeaderContent {
    height: 48px;
    padding: 0;
}

#HeaderContent h1 {
    color: #333;
    font-size: 2em;
    margin: 1px 6px;
}

#BodyContent {
    margin-top: auto;
    margin-bottom: auto;
    padding: 12px 8px;
}

td.Spacer {
    width: 6px;
}

#BodyContentHeader, 
.BodyContentHeader, 
#LeftPanelHeader, 
#RightPanelHeader {
    background-color: #F4F4F4;
    border: 1px solid #DDD;
    margin: 6px 0 12px;
    min-height: 2em;
    line-height: 2em;
    padding: 6px;
}

#NavigationContent {
    background-color: #4C5250;
}

#SubNavigationContent {
    background-color: Transparent;
}

#SubNavigationBar li:first-child a {
    min-width:180px;
}

#NavigationBar {
    background-color: Transparent;
    padding: 0;
    width: 100%;
}

#NavigationBar a { 
    background-color: #4C5250;
    color: #FFF;
    display: block;
    float: left; 
    margin: 0 1px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    /* min-width: 96px; */
    text-align: center;
}

#NavigationBar a:hover {
    background-color: #888C33;
    color: #FFF;
}

#NavigationBar a.DevelopmentLink {
    background-color: #633;
}

#NavigationBar a.DevelopmentLink:hover {
    background-color: #E33;
}

#NavigationBar #Current a {
    font-weight: bold;
}

#SubNavigationBar {
    background-color: #FFF;
    padding: 0;
    width: 100%;
}

#SubNavigationBar a { 
    background-color: #7B7572;
    color: #FFF;
    display: block;
    float: left; 
    margin: 2px 0 0 0;
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    /* min-width: 96px; */
    text-align: center;
}

#SubNavigationBar li:last-child a { 
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#SubNavigationBar a:hover {
    background-color: #888C33;
    color: #FFF !important; /* The jQuery animate() function inserts a hard-coded style which we must work-around */
}

#SubNavigationBar a.DevelopmentLink {
    background-color: #633;
}

#SubNavigationBar a.DevelopmentLink:hover  {
    background-color: #E33;
}

#SubNavigationBar #Current a {
    font-weight: bold;
}

#CurrentUser {
    background-color: #F4F4F4;
    border: 1px solid #DDD;
    position: absolute;
    padding: 6px 12px;
    right: 6px;
    min-width: 256px;
    top: 5px;
}

#CurrentUser p, #CurrentUser a {
    float: left;
    margin: 0;
    padding: 2px 6px;
}

#CurrentUserDetails{ clear:both; }

#CurrentUserDetails p, #CurrentUserDetails a {
    background-color: Transparent;
    /*color: #FFF;*/
    line-height: 1.4em;
}

#CurrentUserDetails input[type='submit'] {
    float: right;
    margin-top: 2px;
    /*padding: 1px 6px;*/
}

body.ManagementArea img#HeaderLogo {
    -webkit-filter: hue-rotate(280deg);
    -ms-filter: hue-rotate(280deg);
}

.ClearAll { clear: both; }

#LoginButton {
    float: right;
    font-size: 1em;
    margin-right: 10px;
    width: 166px;
}

#AutoLogin, #WebService {
    margin: 20px 0px 0px 57px;
    text-align: center;
}

#AutoLogin input[type='submit'], #WebService input[type='submit'] {
    margin-left: -9px;
    width: 166px;
}

#VersionHistory h1 {
    padding: 4px 10px;
}

#VersionHistory h2 {
    padding: 2px 16px;
}

#VersionHistory h3 {
    padding: 2px 16px;
}

#VersionHistory p {
    padding: 4px 20px;
}

.LoadHidden {
    display: none;
}

.gatewayTable,
#GatewayLatestInfoContainer table {
    width:100%;
}

.gatewayTable td,
#GatewayLatestInfoContainer table td {
    width: 240px;
}

.PrevNext {
    float: right;
    line-height: 1em;
    padding-top: 2px;
}

.PrevNext input[type='button']:first-child {
    margin-left: 20px;
}

#ViaTLargeLogo {
    text-align:center; 
    width:100%; 
    margin-top:50px;
}

#LoginControls {
    text-align:center; 
    margin:auto; 
    width:280px; 
    margin-top:30px;
}

#LoginControls #UsernameControlLabel {
    width:80px;
}

#LoginControls #PasswordControlLabel {
    height:45px;
}

#LoginControls #LoginFailure {
    margin-top:10px;
}

.Dialog .Confirmation {
    margin-top: 6px;
}

#AssignApplicationsDialog .TableContainer,
#AssignStoreFilesDialog .TableContainer {
    min-height:300px;
}

#SMSWaitMessage .ui-progressbar-value {
    width: 100%;
}

#Gateways a, #Gateways a:link, #Gateways a:visited {
    color: #000;
}

#Gateways a:hover {
    text-decoration: underline;
}

#ProfileGatewayList a, #ProfileGatewayList a:link, #ProfileGatewayList a:visited,
#ProfileList a, #ProfileList a:link, #ProfileList a:visited {
    color: #000;
}

#ProfileList a:hover, #ProfileGatewayList a:hover {
    color: #000;
    text-decoration: underline;
}

.ui-dialog-content input[type='text'],
.ui-dialog-content input[type='password'],
.ui-dialog-content select {
    width: 100%;
    margin-bottom: 16px;
    box-sizing: border-box;
}

#NetworkOperatorKeyContainer {
    display: none;
}

table#NetworkOperatorKey {
    border: 1px solid #999;
    margin: 0 auto;
}

td.NetworkOperatorKey {
    min-width: 100px;
    text-align: center;
}

#VersionHistory.TextContainer {
    text-align: center;
    margin-bottom: 256px;
    min-height: 0;
    max-height: 512px;
    overflow-y: auto;
    width: 50%;
}

#VersionHistory div.Changes ul {
    text-align: left;
}

#VersionHistory div.Day {
    margin-top: 14px;
}

#GlobalSearch {
    display:none;
    background-color: #4C5250;
    border: 1px solid #666;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 0 0 2px 2px #DDD;
    padding: 7px 12px;    
    left: -75px;
    margin-left: 50%;
    position: absolute;
    top: 0;
}

#GlobalSearchText {
    border-radius: 2px;
    width: 150px;
}

#ExceptionList {
    height: 430px;
}

#ExceptionList #Exceptions tr {
    height: 34px;
}

.DashboardViewSelector {
    margin-bottom: 32px;
}

.DashboardSummaries {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.DashboardSummary {
    border: 1px solid #DDD;
    border-radius: 4px;
    display: inline-block;
    margin: 0 6px 12px 6px;
    padding: 10px;
    min-height: 256px;
    min-width: 768px;
    width: 90%;
}

.DashboardSummary h1 {
    border-bottom: 1px solid #999;
    font-size: small;
    padding-bottom: 4px;
    width: 100%;
}

.DashboardSummary .TableContainer {
    border: none;
    background-color: Transparent;
    background-image: none;
    float: left;
    overflow: inherit;
}

.DashboardSummary .TableContainer.Wide {
}

.DashboardSummary .ChartContainer.Narrow {
}

.DashboardSummary .TableContainer .dataTables_wrapper .ui-toolbar {
    padding: 0;
}

.DashboardSummary .TableContainer .ActivityTable th {
    font-weight: normal;
}

.DashboardSummary .TableContainer .ActivityTable td {
    height: 30px;
    padding: 0 2px;
}

.DashboardSummary .ChartContainer .SummaryChart {
}

.DashboardSummary .ChartContainer #UDPChart.SummaryChart {
}

.DashboardSummary .TableContainer table.dataTable tr.odd,
.DashboardSummary .TableContainer table.dataTable tr.even,
.DashboardSummary .TableContainer table.dataTable tr.odd td.sorting_1,
.DashboardSummary .TableContainer table.dataTable tr.even td.sorting_1 {
    background-color: #FFF;
}

.DashboardSummary .TableContainer .ActivityTable td.Green {
    background-color: #DFF0D8;
    border: 2px solid #FFF;
    border-top: none;
    border-radius: 4px;
    color: #040;
}
.DashboardSummary .TableContainer .ActivityTable td.Amber {
    background-color: #FCF8E3;
    border: 2px solid #FFF;
    border-top: none;
    border-radius: 4px;
    color: #540;
}
.DashboardSummary .TableContainer .ActivityTable td.Red {
    background-color: #F2DEDE;
    border: 2px solid #FFF;
    border-top: none;
    border-radius: 4px;
    color: #500;
}
.DashboardSummary .TableContainer .ActivityTable td.Black {
    background-color: #666;
    border: 2px solid #FFF;
    border-radius: 4px;
    color: #EEE;
}

.DashboardSummary .ChartContainer {
    border: none;
    background-color: Transparent;
    float: left;
}

.DashboardCategories {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.DashboardCategory, 
.DashboardServerCategory,
.DashboardOptions {
    border: 2px solid #DDD;
    border-radius: 3px;
    display: inline-block;
    margin: 0 12px 64px 12px; 
    height: 160px;
    width: 224px;
}

.DashboardOptions { 
    background-color: #333;
    color: #EEE;
    display:none; 
    text-align:center; 
    
}

.DashboardOptions h1, .DashboardOptions h2 { color:#000; }
.DashboardOptions input:not(.SmallValue) { width:140px; }

.DashboardCategory:hover,
.DashboardCategory.Red:hover,
.DashboardCategory.Amber:hover,
.DashboardServerCategory:hover,
.DashboardServerCategory.Red:hover,
.DashboardServerCategory.Amber:hover {
    background-color: #C2C46B;
    border: 2px solid #888C33;
    cursor: pointer;
}

.DashboardCategory.Green:hover,
.DashboardServerCategory.Green:hover {
    cursor: inherit;
}

.DashboardCategory.Red,
.DashboardServerCategory.Red { 
    background-color:#F2DEDE; 
    border: 2px solid #B94A48;
}

.DashboardCategory.Amber,
.DashboardServerCategory.Amber { 
    background-color:#FCF8E3; 
    border: 2px solid #C09853;
}

.DashboardCategory.Green,
.DashboardServerCategory.Green { 
    background-color:#DFF0D8; 
    border: 2px solid #468847;
}

.DashboardCategory.Black,
.DashboardServerCategory.Black { 
    background-color:#DFDFDF; 
    border: 2px solid #464646;
}

.DashboardCategory img,
.DashboardServerCategory img { 
    height:140px; 
    width:140px; 
    padding:0; 
    margin:10px;
}

.DashboardOptions .Options { height:143px; width:140px; padding:0; margin:10px; margin-left:auto; margin-right:auto; }
.DashboardCategory.Green h2, .DashboardServerCategory.Green h2 { color:#468847; }
.DashboardCategory.Amber h2, .DashboardServerCategory.Amber h2 { color:#C09853; }
.DashboardCategory.Red h2, .DashboardServerCategory.Red h2 { color:#B94A48; }

.DashboardSeperator { width:90%; margin:auto; height:0; }

.ProtectedLabel { color: #4C5250;
}

#ToggleOptions { 
    background-color: #F4F4F4;
    background-image: url('../Content/images/Dashboard/gear-gray.png');
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #DDD;
    border-left: none;
    border-top-right-radius: 5%;
    border-bottom-right-radius: 5%;
    height: 48px;
    left: 0;
    /*top: 200px;*/
    position: absolute;
    width: 48px;
}

#ToggleOptions.Active { 
    background-color: #333;
    background-image: url('../Content/images/Dashboard/gear-white.png');
    border-color: #666;
}

#ToggleOptions:hover { 
    background-color: #C2C46B;
    background-image: url('../Content/images/Dashboard/gear-gray.png');
    border-color: #888C33;
    cursor: pointer;
}

.PleaseWait {
    float: none;
    border: 2px solid #3D5;
    border-radius: 4px;
    background-color: #1A2;
    color: #FFF;
    clear: both;
    margin: 6px 2px;
    text-align: center;
    max-height: 200px;
}

#SMSWaitMessage .ui-progressbar-value {
    background-color: #1A2;
}

#SMSWaitMessage #WaitMessage {
    color: #FFF;
    padding-top: 4px;
}

#SMSWaitMessage .ui-progressbar-overlay {
    background-image: url('../Content/images/progress-overlay.gif');
    height: 100%;
    opacity: 0.25;
}

.ErrorDetails {
    float: none;
    border: 2px solid #D53;
    border-radius: 4px;
    background-color: #A21;
    color: #FFF;
    clear: both;
    margin: 6px 2px;
    padding: 2px 4px;
    text-align: center;
    max-height: 200px;
    overflow: auto;
}

.ButtonList {
    text-align: center;
}

.ButtonList input[type="submit"],
.ButtonList input[type="submit"].ui-widget.ui-button {
    font-size: large;
    margin: 24px auto;
    min-height: 24px;
    width: 90%
}

.DialogBottomPanel.GatewayViewer table {
    height: 200px;
}

.DialogHeader {
    border-bottom: 1px solid #333;
    margin-bottom: 12px;
}

#FileContentsContainer, #DialogsContainer {
    display: none;
}

.LoadingOverlay {
    background-color: #F4F4F4;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
}

.DetailsContainer {
    position: relative;
    width: 100%;
    margin: 12px auto;
}

.TextContainer {
    background-color: #DDD;
    border: 1px solid #999;
    border-radius: 2px;
    min-height: 128px;
    width: 100%;
    margin: 12px auto;
}

.FileContainer {
    background-color: #DDD;
    border: 1px solid #999;
    border-radius: 2px;
    min-height: 128px;
    width: 100%;
    margin: 12px auto;
}

.FileContainer .CommandContainer {
    float: right;
    padding: 6px;
}

.FileContainer td.CommandContainer {
    float: left;
    padding: 0;
}

.ChartContainer {
    background-color: #F4F4F4;
    background-image: url('../Content/images/stats.png');
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #DDD;
    border-radius: 2px;
    min-height: 384px;
    width: 100%;
    margin: 12px auto;
}

.ChartContainer.ReducedHeight {
    min-height: 256px;
}

#FindGatewaySerialNo {
     margin-top: -2px;
}

#ExplorerLayout {
    height: 600px;
    margin: auto;
    min-width: 768px;
    width: 98%;
}

.TreeContainer {
    background-color: #DDD;
    background-image: url('../Content/images/bullets.png') ;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 2px;
    float: left;
    overflow: auto;
    width: 288px;
    height: 100%;
    margin-right: 4px;
}

.TreeItemContainer {
    background-color: #DDD;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #999;
    border-radius: 2px;
    overflow: auto;
    height: 100%;
    margin-left: 288px;
}

#Step2ManualInputControls {
    float: left;
}

#Step2GatewayOptions {
    float: right;
}

.TableContainer {
    background-image: url('../Content/images/table.png');
    background-position: center;
    background-repeat: no-repeat;
    overflow: auto;
    width: 100%;
    min-height:40px;
    margin: 12px auto;
}

.TableContainer.InfiniteScroll {
    overflow: hidden;
}

.TableContainer .Report {
    white-space: nowrap;
}

.TreeItemContainer .TableContainer {
    border-left: 0;
    border-right: 0;
    margin-top: 0;
}

.TreeItemContainer .TableContainer .ui-toolbar {
    display: none;
}

.TreeItemContainer .FileManagerToolbar, .TreeItemContainer .FileViewerToolbar {
    margin-top: 2px;
}

.Permission {
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

.PermissionList {
    margin-left: auto;
    margin-right: auto;    
    width: 98%;
}

.PermissionGroup {
    padding: 6px;
    width: 46%;
}

.PermissionGroup.Left {
    float:left;
}

.PermissionGroup.Right {
    float:right;
}

.PermissionGroup p {
    margin-top: 4px;
    margin-bottom: 12px;
    padding-left: 17px;
}

.PermissionGroup .pageHeader {
    margin-bottom: 6px;
}

.SplitView {
    margin:auto;
    padding-left:0.5%;
    padding-top: 1px; /* Chrome triggers a layout bug if this is not set to non-zero */
}

.SplitView .LeftPanel {
    float:left;
    width:49%;
}

.SplitView .RightPanel {
    margin-left:50%;
    width:49%;
}

.SplitView .LeftPanel.FullWidth,
.SplitView .RightPanel.FullWidth {
    margin-left: inherit;
    width: 100%;
}

#Step2LoadFile {
    bottom: 8px;
}

.LabelledControlCheckBox {
    float: left;
    vertical-align: middle;
}

.LabelledControlCheckBox input[type='checkbox'] {
    height: 16px;
    margin: 7px 6px;
    min-width:0px;
}

.LabelledControlRadio {
    /* border: 1px solid #999; */
    float: left;
    vertical-align: middle;
}

.LabelledControlRadio input {
    margin: 3px 6px;
    min-width: 64px;
}

.LabelledControlRadio input[type='radio'] {
    margin: 7px 6px;
    min-width:0px;
}

.LabelledControlRadio * {
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    padding: 0 6px;
    float: right;
}

.DialogEditText {
    min-height: 300px;
    width: 100%;
}

.WarningHighlight {
    padding: 0 4px; 
    background-color: #F44; 
    color: #fff; 
    border-radius: 4px;
}
.FileDetails .DevelopersOnly {
    display:none;
}

.LabelledControl {
    /* border: 1px solid #999; */
    float: left;
    vertical-align: middle;
}

.LabelledControl h1 {
    float: left;
}

.LabelledControl input {
    margin: 3px 6px;
    min-width: 64px;
}

.LabelledControl input[type='text'] {
    margin: 4px 6px;
    min-width: 12px;
}

.LabelledControl input[type='checkbox'] {
    margin: 7px 6px;
    min-width: 64px;
}

.LabelledControl input[type='radio'] {
    margin: 7px 6px;
    min-width:0px;
}

.LabelledControl button {
    display: block;
    margin: 3px 6px;
    min-width: 64px;
}

.LabelledControl select {
    margin: 4px 6px;
    min-width: 64px;
    padding: 0;
}

.LabelledControl * {
    font-size: 1em;
    font-weight: normal;
    padding: 0 6px;
    float: right;
}

.Dialog .LabelledControl {
    width: 100%;
}

.Dialog .LabelledControl input[type='text'] {
    float: right;
    width: 95%;
}

.SideBySide .LabelledControl *,
.SideBySide .LabelledControl h1 {
    float: none;
}

.ActionsSource {
    display: none;
}

.DetailsContainer {
    margin: 6px 0;
}

.DetailsContainer table {
    width: 100%;
    margin: 2px;
}

.DetailsContainer table tr {
    height: 35px;
}

.DetailsContainer select {
    width: 256px;
}

.DetailsContainer input[type='button'] {
    float: right;
    margin-top: 4px;
}

.DetailsContainer .Editable {
    border: 1px solid #CCC;
    padding-left: 4px;
}

.DetailsContainer .Editable .EditTextEntry {
    height: 100%;
    width: 75%;
    border: 0;
}

.DetailsContainer .Editable .EditImage {
    float: right;
    padding-right: 8px;
}

.DetailsContainer .Editable .EditImage.EditAction {
    padding-top: 10px;
}

.ReasonsSelector.Warning {
    background-color: #FDD;
    border: 1px solid #F99;
    color: #500;	
}

.ReasonsSelector.Warning button {
    background-color: #500;
}

td#AccessLevels {
    color: #AAA;
}

td#AccessLevels span.Selected {
    color: #333;
}

.Enabled,
.Disabled {
    color: #AAA;
}

.Enabled.Selected,
.Disabled.Selected {
    color: inherit;
}

.Warning {
    background-color: #FDD;
    border: 1px solid #F99;
    color: #500;
}

.SMSMessage textarea {
    height: 6em;
    width: 100%;
}

#FileLimitReached, 
#NetworkReportNotAvailable, 
#ImportantNotice, 
#UnsavedWarning {
    background-color: #FDD;
    border: 1px solid #F99;
    color: #500;
    display: none;
    text-align: center;
    padding: 2px;
}

#OuterContainer #FileLimitReached {
    margin-top: 12px;
}

#NetworkReportNotAvailable {
    margin-bottom: 16px;
}

.Dialog { display:none; }

#CreateListDialog {
    line-height: 2em;
}

#CreateListDialog .validateTips { 
    border: 1px solid transparent; 
    padding: 0.3em; 
}

.GroupActions, .FilterActions {
    display: none;
    float: right;
}

Table.RowsAreLinks tr:hover {
    cursor: pointer;
    background-color: #C2C46B;
}

Table.RowsAreLinks tr:hover td.sorting_1,
Table.RowsAreLinks tr:hover td.sorting_2,
Table.RowsAreLinks tr:hover td.sorting_3 {
    cursor: pointer;
    background-color: #888C33; 
    color: #FFF;   
}

td.dataTables_empty:hover {
    background-color: #FFF;
}

img.ToggleDetails:hover {
    cursor: pointer;
}

table.dataTable td.details {
    height: 0;
    min-height: 0;
    padding: 0;
}

.InRowDetailsView, div.InRowDetailsView {
    border-bottom: 2px solid #666;
    background-color: #AAA;
    background-image: url('../Content/images/GlyphIconsInverted/glyphicons_195_circle_info.png');
    background-repeat: no-repeat;
    background-position: 9px center;
    color: #000;
    display: none;
    padding-left: 48px;
    margin: 0;
}

table.InRowDetailsView {
    width: 100%;
}

.TableContainer .TableOptions {
    float: right;
    padding: 0 2px;
}

.TableContainer .TableOptions input[type='button'] {
    font-size: 0.8em;
}

.TableContainer .OptionColumns {
    background-color: #333;
    color: #eee;
}

.TableContainer .OptionColumns .LabelledControl {
    padding-right: 12px;
}

.TableContainer .OptionColumns .ResetButton {
    float: right;
    margin-right: 24px;
}

.TableContainer .OptionColumns h1 {
    float: right;
    padding-top: 5px;
}

.TableContainer .OptionColumns input[type='checkbox'] {
    min-width: 24px;
}

.InRowDetailsView td, .InRowDetailsView p {
    line-height: 2em;
}

.InRowDetailsView td.Header {
    font-weight: bold;
}

.Dialogs .ui-icon-alert,
.Dialogs .ui-icon-info {
    float:left; 
    margin:0 7px 22px 0;
}

td.FileUpList { }

th.FileUpHeader {
    text-align: center;
}

td.FileModified { background-color: #84B4DD; color: #000; text-align: center; }
td.FileModifiedOutOfDate { background-color: #D4AAFF; color: #000; text-align: center; }
td.FilePrivate { background-color: #F2DEDE; color: #000; text-align: center; }
td.FileShared { background-color: #DFF0D8; color: #000; text-align: center; }
td.FileSystem { background-color: #D7D7D7; color: #000; text-align: center; }

td.FileUsed { background-color: #DFF0D8; color: #000; text-align: center; }
td.FileNotUsed { background-color: #F2DEDE; color: #000; text-align: center; }

.FileDetails .LabelledControl {
    border: none;
}

.FileDetails .LabelledControl * {
    line-height: 1em;
    padding: 6px;
}

.FileDetails .LabelledControl h1 {
    font-weight: bold;
    text-align: right;
    padding: inherit 24px inherit 6px;
}

.FileDetails input, .FileDetails button {
    margin: 1px;
}

.FileDetails input.DownloadFile, .FileDetails button.DownloadFile, .FileDetails input.Decode, .FileDetails button.Decode {
    float: right;
    width: 80px;
}

.FileDetails input.View, .FileDetails button.View {
    float: right;
    margin: 1px;
    width: 80px;
}

.FileDetail {
    margin: 6px 0;
}

.File {
    width: 100%;
}

.FileContent {
    overflow: auto; 
}

#FileContent.ASCIIView,
#FileContent.BinaryView {
    min-height:128px;
    max-height:640px;
    width: 100%;
    box-sizing: border-box;
}

#FilesContainer {
    float: left;
    margin-right: 12px;
    width: 32%;
}

#FilesContainer #FileList {
    font-size: smaller;
}

#FileContentsContainer {
    float: right;
    width: 66.5%
}

#FileContentsContainer .ui-button-text-only .ui-button-text {
    padding: 0.1em 1em;
}

#TabularContainer .TableContainer.FileDetail {
    min-height: 0;
}

.BinaryView {
    background-color: #CCC;
    text-align: center;
}

.BinaryView[readonly] {
    color: #666;
}

.ASCIIView {
    background-color: #FFF;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 1em;
    font-weight: normal;
    line-height: 1em;
    padding: 2px 4px;
}

.ASCIIView p {
    padding: 6px 0 6px;
    white-space: pre; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
}
#ContentDiff {
    margin: 6px 0 0 0;
    border-bottom: 6px solid #4C5250;
    width:100%; 
    overflow:auto;
}

.Notification {
    background-image: url('../Content/images/GlyphIcons/glyphicons_195_circle_info.png');
    background-position: 12px;
    background-repeat: no-repeat;    
    position: fixed;
    top: 0;
    right: 0;
    min-width: 160px;
    height: 48px;
    padding-left: 56px;
    border: 1px solid #999;
    border-top: 0;
    border-right: 0;
    border-radius: 1px;
    color: #4C5250;
    background-color: #DDD;
    display: none;
    z-index: 1000;
}

#AjaxLoadingIndicator.Notification {
    background-color: transparent;
    border: 0;
    left: -150px;
    margin-left: 50%;
    position: absolute;
    right: inherit;
    top: 0;
}

.DeveloperLog {
    background-image: url('../Content/images/GlyphIcons/glyphicons_195_circle_info.png');
    background-position: 12px;
    background-repeat: no-repeat;    
    position: fixed;
    top: 96px;
    right: 12px;
    width: 640px;
    overflow: auto;
    padding-left: 56px;
    border: 1px solid #999;
    border-radius: 1px;
    box-shadow: 0 0 2px 2px #DDD;
    color: #4C5250;
    background-color: #DDD;
    display: none;
    z-index: 1000;
}

.ToolbarTemplate {
    display: none;
}

span.NetworkName {
	white-space:nowrap;
}

#ViewFileDialog .FileContent {
    border: 1px solid #DDD;
    border-radius: 1px;
    overflow: auto;
    height: 300px;
}

table#FileAssignments tr input.ActionButton { min-width:56px; }
table#FileAssignments tr input.ActionButton:first-child { min-width:75px; }

table.ModifyAssignment > tbody > tr > td:first-child {
    padding-left: 32px;
}

table.ModifyAssignment > tbody > tr.row_selected > td:first-child {
    background-image: url('../Content/images/check-white.png');
    background-repeat: no-repeat;
    background-position: 4px 3px;
}

.Key { border: 1px solid #DDD; border-radius: 4px; margin: 2px; }
.Key .KeyTitle { background-color: #555; color: #FFF; font-weight: bold; padding: 2px; }
.Key .KeyItem { min-width: 140px; float: left; }
.Key .KeyItem .KeyColour { height: 24px; width: 24px; float: left; }
.Key .KeyItem .KeyDescription { padding: 4px 12px 0 52px; }

.Key .SharedFile .KeyColour.Odd { background-color: #FFF; }
.Key .SharedFile .KeyColour.Even { background-color: #DDD; }
table.ShowFileStatus > tbody > tr.odd.SharedFile { background-color: #FFF; }
table.ShowFileStatus > tbody > tr.even.SharedFile { background-color: #DDD; }

.Key .ModifiedFile .KeyColour.Odd { background-color: #7FC9FF; }
.Key .ModifiedFile .KeyColour.Even { background-color: #0094FF; }
table.ShowFileStatus > tbody > tr.odd.ModifiedFile { background-color: #7FC9FF; }
table.ShowFileStatus > tbody > tr.even.ModifiedFile { background-color: #0094FF; color: #FFF; }

.Key .PrivateFile .KeyColour.Odd { background-color: #DAFF7F; }
.Key .PrivateFile .KeyColour.Even { background-color: #B6FF00; }
table.ShowFileStatus > tbody > tr.odd.PrivateFile { background-color: #DAFF7F; }
table.ShowFileStatus > tbody > tr.even.PrivateFile { background-color: #B6FF00; }

table.ModifyAssignment > tbody > tr.odd.row_selected td,
table.ModifyAssignment > tbody > tr.even.row_selected td {
    background-color: inherit;
}

.FileManagerToolbar,
.FileViewerToolbar {
    padding: 1px;
}

.FileManagerToolbar input[type='image'],
.FileViewerToolbar input[type='image'] {
    background-color: #EEE;
    border: 1px solid #AAA;
    border-radius: 4px;
    margin: 0 2px;
    padding: 4px;
    border-collapse: collapse;
}

.FileManagerToolbar input[type='image'].NoMargins,
.FileViewerToolbar input[type='image'].NoMargins {
    border-radius: 0;
    margin: 0;
}

.FileManagerToolbar input[type='image'].NoLeftMargin,
.FileViewerToolbar input[type='image'].NoLeftMargin {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 0;
}

.FileManagerToolbar input[type='image'].NoRightMargin,
.FileViewerToolbar input[type='image'].NoRightMargin {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}

.FileManagerToolbar input[type='image']:hover,
.FileViewerToolbar input[type='image']:hover {
    background-color: #FC0;
}

.FileManagerToolbar input[type='image'].Disabled,
.FileManagerToolbar input[type='image'].Disabled:hover,
.FileViewerToolbar input[type='image'].Disabled,
.FileViewerToolbar input[type='image'].Disabled:hover {
    background-color: #CCC;
    cursor: default;
    opacity: 0.6; /* non-IE */
    filter: alpha(opacity=60); /* IE only */
    -webkit-filter: grayscale(100%); /* Safari/Chrome */
    filter: grayscale(100%); /* Not widely supported yet */
}

.FileManagerToolbar span.ToolbarMessage,
.FileViewerToolbar span.ToolbarMessage {
    float: right;
    font-weight: normal;
    margin: 5px 48px 0 0;
}

.Notification p {
    font-weight: bold;
    line-height: 48px;
}

.Slider {
    margin-top: 7px;
    min-width: 120px;
}

.SmallValue {
    text-align: center;
    width: 20px;
}

.MediumValue {
    text-align: center;
    width: 60px;
}

.WizardGatewayCount {
    float: right;
    margin: 10px;
}

.ValidationError {
    border: 1px solid #fb3500 !important;
}

#AjaxLoadingIndicator {
    background-image: url('../Content/Images/ajax-loader-transparent.gif');
}

#AjaxErrorIndicator {
    background-image: url('../Content/Images/bomb.png');
}

#AjaxResponseLog {
    background-image: url('../Content/Images/warning-sign.png');
}

input.ui-button-search {
    background-image: url('../Content/Images/search-white.png');
    background-position: 2px;
    background-repeat: no-repeat;
}

.FileTypeColour {
    float:left;
    margin: -3px 10px 0 -10px;
    background-color:#333;
    height:120%;
    width:10px
}

#AjaxLoadingIndicatorCustomMessage { display:none; }

img#AjaxResponseDismiss {
    float: right;
    background-color: #4C5250;
    border: 1px solid #666;
    border-top: 0;
    border-right: 0;
    border-bottom-left-radius: 1px;
    margin-left: 4px;
    padding: 2px;
}

img#AjaxResponseDismiss:hover {
    background-color: #FFF;
    cursor: pointer;
}

p#AjaxResponseStatus {
    font-size: 11px;
    font-weight: bold;
    height: 1em;
    padding: 2px;
}

p#AjaxResponseText {
    font-family: Consolas, Courier New, Courier, Monospace;
    font-size: 12px;
    min-height: 13em;
    margin-right: 6px;
    padding: 6px 2px 2px 2px;
    overflow: auto;
}

.DeveloperLog p#AjaxResponseText {
    /* height: 40em; */
}

.EditImage {
    cursor:pointer;
    margin-left: 4px;
    height:14px;
    width:14px;
}

#viewSelector {
    margin-right: 0;
    text-align: center;
}

.DialogFooter {
    float: left;
    margin-top: 12px;
}

/*#endregion*/

/*#region ViaTDataTable */

.Sortable { }
.TableExport { }
.TotalHeader { }

tr.even.row_selected td { background-color: #C3C469; }
tr.odd.row_selected td { background-color: #C3C469; }

tr.even td.GreenBackground, tr.even td.Rank3, tr.even td.Rank0 { background-color:#DFF0D8; color:#000; }
tr.even td.AmberBackground, tr.even td.Rank2, tr.even td.YellowBackground { background-color:#FCF8E3; color:#000; }
tr.even td.RedBackground, tr.even td.Rank1, tr.even td.Rank-1 { background-color:#F2DEDE; color:#000; }

tr.odd td.GreenBackground, tr.odd td.Rank3, tr.odd td.Rank0 { background-color:#DFF0D8; color:#000; }
tr.odd td.AmberBackground, tr.odd td.Rank2, tr.odd td.YellowBackground { background-color:#FCF8E3; color:#000; }
tr.odd td.RedBackground, tr.odd td.Rank1, tr.odd td.Rank-1 { background-color:#F2DEDE; color:#000; }

.Invisible, th.Invisible, td.Invisible { background-color:transparent; opacity:0; }

/*#endregion*/

/*#region MultiSelect */
.ui-multiselect { padding:2px 0 2px 4px; text-align:left; }
.ui-multiselect span.ui-icon { float:right; width:16px; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important; }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; }
.ui-multiselect-header ul { font-size:0.9em; }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0; }
.ui-multiselect-header a { text-decoration:none; }
.ui-widget-header.ui-multiselect-header a { color:#000; }
.ui-multiselect-header a:hover { text-decoration:underline; }
.ui-multiselect-header span.ui-icon { float:left; }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0; }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto; }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; bottom:1px; margin-right: 6px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid; }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none; }
/*#endregion*/

/*#region jQuery.dataTables */

table.dataTable tr.even.row_selected td.sorting_1 { background-color: #898A34; color:#fff; }
table.dataTable tr.odd.row_selected td.sorting_1 { background-color: #898A34; color:#fff; }

.DTTT_container { }

.DTTT_print_info {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    background-color: #3f3f3f;
    color: white;
    padding: 10px 30px;
    opacity: 0.9;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}

/* DataTables */
.dataTables_wrapper .ui-widget-header { font-weight: bold; font-size: small; border: none; }

/* DataTables TableTools */
.DTTT_container .DTTT_button:first-of-type { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.DTTT_container .DTTT_button:last-of-type { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.DTTT_button.ui-button { padding: 2.5px 6px; margin-top: 0; margin-right: -.3em; }

/*#endregion*/

/*#endregion*/

/*#region Target Printers */

@media print {
    HeaderContent { display:none; }
    FooterContent { display:none; }
}

/*#endregion*/

/*#region Target Smartphones */

@media only screen and (min-device-width: 480px) {
    HeaderContent { background-color:PaleVioletRed; }
    FooterContent { display:none; }
}

/*#endregion*/

/*#region Target Tablets */

@media only screen and (min-device-width: 768px) {
    HeaderContent { background-color:PaleVioletRed; }
    FooterContent { background-color:DeepSkyBlue; }
}

/*#endregion*/

/*#region Hex Viewer */
table.HexView { 
    background-color: #FFF; 
    caption-side:bottom; 
    font-family: 'Consolas', 'Courier New', monospace; 
    font-size: 12px;
    width: 100%;
}

table.HexView pre {
    margin-left: auto; 
    margin-right: auto;
}

table.HexView td.HexOffset,
table.HexView td.HexText {
    background: #F4F4F4; 
    text-align: center;
    padding: 0px 20px;
}

table.HexView td.HexCode {
    padding-left: 4px; 
    padding-right: 4px; 
    width: 672px;
}

table.HexView td.HexText {
    text-align: left; 
}

table.HexView td.HexText pre {
    width: 9.4em;
}
/*#endregion*/

/*#region Overrides */

/* jsTree */
/*
.jstree-diagnostics a { font-family: 'Consolas', 'Courier New', monospace; }
.jstree-diagnostics a .jstree-icon.ServerIcon { background-position:0; background-image: url('../Content/images/Silk/computer.png'); }
.jstree-diagnostics a .jstree-icon.FileStoreIcon { background-position:0; background-image: url('../Content/images/Silk/folder_page.png'); }
.jstree-diagnostics a .jstree-icon.HostFileStoreIcon { background-position:0; background-image: url('../Content/images/Silk/folder_heart.png'); }
.jstree-diagnostics a .jstree-icon.ListIcon { background-position:0; background-image: url('../Content/images/Silk/text_list_bullets.png'); }
.jstree-diagnostics a .jstree-icon.FileIcon { background-position:0; background-image: url('../Content/images/Silk/page.png'); }
.jstree-diagnostics a .jstree-icon.GatewayIcon { background-position:0; background-image: url('../Content/images/Silk/brick.png'); }
*/

/* jQuery UI */
.ui-widget { font-family: inherit; font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; }
.ui-widget button, .ui-widget input[type='submit'], .ui-widget input[type='button'] { font-size: 0.7em; }
.ui-widget button.ui-widget span.ui-button-text { font-size: 0.7em; font-weight: bold; padding: .3em 1em; }
.ui-widget-content { color: #000; }
.ui-widget-content a { color: #000; }
.ui-widget-header { background: #FFF; color: #000; border: 1px solid #999; }
.ui-widget-header a { color: #F4F4F4; }
/*.ui-state-default .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); }*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666; background: #4C5250; font-weight: bold; color: #FFF; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin-left: -8px; margin-top: -8px; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #F4F4F4; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #666; background: #ffffff url(../Content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #4A6491; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; }
/*.ui-widget-header .ui-icon {background-image: url(images/ui-icons_6ba8fd_256x240.png); }*/
/*.ui-accordion .ui-accordion-content { overflow: hidden; }*/
.ui-buttonset .ui-button { margin-right: 0; font-size: 0.7em; margin-left: 0; margin-right:0; min-width: 64px; }
.fg-toolbar .ui-buttonset .ui-button { min-width: 0; padding: 4.5px 6px; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 2px; }

.ui-tooltip { 
    background: black; 
    border: 1px solid white; 
    padding: 2px 4px; 
    clear: both;
    color: white; 
    max-width: 200px; 
    border-radius: 4px; 
    box-shadow: 0 0 4px black; 
    text-align: center; 
    z-index: 1000; 
}

/* plain HTML table style */

.htmlTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
    border-collapse: collapse;
}

.htmlTable thead th {
    background-color: #666;
    border: none;
    padding: 3px 0px 3px 10px;
    cursor: pointer;
    color: #ffffff;
}

.htmlTable tfoot th {
    padding: 3px 10px;
}

.htmlTable td {
    padding: 3px 10px;
    vertical-align:top;
}

.htmlTable tbody tr:nth-child(odd) { background-color: #FFF; }
.htmlTable tbody tr:nth-child(even) { background-color: #F4F4F4; }

@media only screen and (max-device-width: 480px) {
    /* iPhone CSS rules here */
    table#LoginControl {
        zoom: 3;
    }
}

@media print {
    #HeaderContent,
    #NavigationContent,
    #SubNavigationContent,
    #BodyContentHeader,
    .BodyContentHeader,
    .Notification,
    .Filters {
        display: none;
    }
}