﻿body > * { /*I am trying hard to get rid of some stuff being set by bootstrap and reboot that
               might be messing up our menu.*/
    text-size-adjust: none;
    box-sizing: initial;
}

.eimsbackground {
    display: block;
    min-width: 960px;
    height: 70px;
    /*width: 100%;*/
    /*background-size: cover;*/ /*I think this looks better, but we must match EIMS web page header background graphic.*/
    background-image: url("./images/earth70.png");
    background-position: top;
    background-repeat: no-repeat;
    border-bottom: transparent !important;
    background-color: #10234E;
    margin: 0;
    padding: 0;
}

/* EIMS Menu CSS below: */

#nav_menu {
    display: inline-block;
    vertical-align: bottom; /*This does nothing*/
    margin: 0px;
    /*padding-top: 25px;*/
    padding-left: 10px;
    padding-bottom: 0px; /*20.05px;*/
    border: none;
    background-color: /*transparent;*/ #10234E;
    line-height: normal;
}

#logotxtOuter { /*Has EIMS logotxt Logo in it.*/
    display: inline-block;
    vertical-align: bottom; /*Why does adding this cause #menu-toggle to go up?*/
    margin: 0px;
    margin-top: -0.5px;
    border: none;
}

#logotxt { /*EIMS Logo*/
    font-family: Walkway-Condensed !important;
    font-size: 65px !important;
    color: white !important;
    padding-left: 18.5px;
    margin: 0px;
    border: none;
    display: block;
    margin-top: 1px;
}

#logotxtLink {
    text-decoration: none;
}



/* We have line-height: normal many places because bootstrap is changing it to 1.5! */
/* Hamburger menu */

#menu-toggle {
    display: inline-block;
    vertical-align: middle; /*This does nothing.*/
    margin: 0px;
    padding-top: 15px;
    padding-left: 20.05px;
    padding-bottom: 0px; /*20.05px;*/
    border: none;
    background-color: transparent; /*#10234E;*/
    line-height: normal;
}


#menuItem {
    /*height: 35px;*/
    /*top: 35px;*/
}

#nav_menu li {
    display: inline-block;
    /*height: 70px;*/
    left: 10px;
    list-style-type: none;
    /*position: absolute;*/
    text-decoration: none;
    vertical-align: top;
}

#menuImg {
    width: 92.4px; 
}

.nav_menu_link {
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 18px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: calc();
}

.nav_menu_link:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #FFF;
    transition: all .2s;
}

.nav_menu_link:hover .arrow.down {
    border-top-color: #FFF;
}

#menuContent:hover {
    display: block !important;
    width: 100%;
    height: auto !important;
    position: absolute;
}

#menuContent {
    width: 100%;
    height: auto;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 70px;
    border-top-color: #ccc;
    border-top-width: 3px;
    border-top-style: solid;
    background-color: #10234E;
    font-family: Calibri;
}

#menuContent ul {
    padding: 20px;
    height: auto;
    margin-top: 13px;
}

#menuContent ul a {
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 12pt;
    width: inherit;
}

#menuContent ul span {
    text-decoration: none;
    color: white;
    font-size: 14pt;
    font-weight: normal;
    width: inherit;
}

#menuContent ul a:hover {
    /*background: rgba(0, 0, 0, 0.1);
    color: #FFF;
    transition: all .2s;*/
    text-decoration: underline;
}

#menuContent p {
    /*display: block;*/
}

#menuImg { /*The Menu Hamburger to click on:*/
    cursor: pointer;
}

/*JF put in these table.tableSpacing to take out stuff that is not in EIMS.Web Master.Master  */

.tableSpacing { /*JF added 7/6/2023*/
    border-collapse: separate;
}

.tableSpacing > * { /*JF added 7/6/2023*/
    border-collapse: separate;
}

table.tableSpacing ::after, ::before {
    box-sizing: initial;
}

table.tableSpacing > * ::after, ::before {
    box-sizing: initial;
}


.tableSpacing tbody {
    display: unset;
    vertical-align: top;
}



.tableSpacing td p {
    margin-top: 0px;
    margin-bottom: 5px;

    display: inline-block;
    margin-block-end: 5px;
    margin-block-start: 0px;
    /*margin-bottom: 5px*/; 
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    /*margin-top: 0px;*/
    text-indent: 0px;
}

/* header and top horizontal menu bar - This is no used in EIM.Service I think. */
/* I proved that this is what ws used for the dashboard.aspx 
    Menu / Home thick underline - it had class="current" in it.
    This is not curently used.
*/
.current {
    border-bottom-width: 2px;
    border-bottom-color: #ccc;
    border-bottom-style: groove;
    border-bottom-style: solid;  
    font-weight: normal;
}



#logoOuter { /*Has USFF_Logo inside of it.*/
    display: inline-block;
    float: right;
    padding-top: 2px;
    padding-left: 17px;
    padding-right: 10px;
}

#logoBarOuter {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
}

#logoBar { /*Page Title */
    height: 31px !important;
    background-color: #343A40;
    color: white;
    display: block;
    font-size: x-large;
    padding-left: 75px !important;
    margin: 0px;
    padding-top: 0px; /*Changed 7/6/2023 to make the logobar text work the same as EIMS.Web*/
    /*padding-top: 3.5px;*/
}


/*Search Bar CSS*/
.searchPanelMini {
    display: block;
    float: right;
    background-color: Transparent;
    /*min-width: 175px;*/
    top: 0px;
}

#searchPanel {

}

.miniSearchBarAndButtons {

}
#searchBarAndButtonsPnl {
    height: 35px;
    /*width: 175px;*/
    margin-top: 15px;
    margin-right: 11.6px; /*Things are reversed from left to right because of float*/
    /*margin-top: 13.4997px;*/ /*13.4997px;*/
    /*margin-bottom: 5px;
    margin-left: 27px;*/
    border-radius: 0px;
}

.SearchPanelSearchText {
    display: inline-block;
    height: 18px; /*18px;*/
    width: 130px; /*132px;*/
    font-size: 13.3333pt;
    font-family: Arial;
    font-weight: 400;
    margin-top: 0px; /*Either does nothing or it does too much and pushed hourglass down too*/
    margin-right: 0px;
    border-radius: 0px;
    border: thin;
    border-color: rgb(133, 133, 133); /*-internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));*/
    border-style: inset;
    padding-top: 0px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 4px;
}

.SearchPanelSearchBtn {
    display: inline-block;
    color: rgb(0, 0, 0);
    width: 25px;
    height: 25px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
}

.SearchPanelSearchText::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: Calibri;
    font-size: 11.76pt;
    font-weight: 400;
    /*line-height: normal;*/
    /*color: black; Doesnt change the color to black*/
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    opacity: 1; /* Firefox */
}
.SearchPanelSearchText:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: Calibri;
    font-size: 11.76pt;
    font-weight: 400;
    /*line-height: normal;*/
    color: black;
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}
.SearchPanelSearchText::-ms-input-placeholder { /* Microsoft Edge */
    font-family: Calibri;
    font-size: 11.76pt;
    font-weight: 400;
    /*line-height: normal;*/
    color: black; 
    padding-top: 10px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}


#welcomeTextArea {
    display: inline-block;
    float: right;
    padding-top: 25px;
    padding-right: 18px;
    padding-left: 0px; /*DOES NOTHING no matter what it is set to. Why?*/
    /*margin-left: 0px;
    margin-right: 0px; DOES NOTHING no matter what it is set to. Why?*/
    width: 276.375px; /*256.375px;*/
    color: white;
    text-align: center;
    font-family: Calibri;
    font-size: 14.6667px;
    font-weight: 400;
    box-sizing: initial;
    line-height: initial;
}

#welcomeUser {
    /*display: flex;*/
}

#welcomeUserNameMessage {
    /*display: inline;*/
}

#loginDateTime {
}

#lastLogOnDateTimeMessage {
}


/*This was related to some code that was commented out 
    in 2/21/2023 in Master.master. So we do not need this anymore.
    "2/21/23 since we no longer offer citrix"
*/
/*
.miniLineItem {
    padding: 10px;
}

.miniLineItem a {
}

.miniLineItem span {
    color: Red;
}
*/




/* Bootstrap nav */
body {
    font-family: Calibri;
    font-size: 11pt;
    width: 100%;

    background-color: unset; /*Added to take out setting that was here but o in EIMS.Web Body*/
    
    /*The Below Brought over from EIMS.Web EimsStyles.css:*/
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat;
}





#page-content-wrapper {
    width: 100%;
    font-family: Calibri;
    font-size: 11pt;
    line-height: normal;

    /*Added 7/6/2023 to make it match EIMS.Web Master.Master first <div style="height: 70px; min-width: 960p"x> */
    height: 70px;
    min-width: 960px;
}


#main {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
}


@font-face {
    font-family: "Agrandir-Narrow";
    src: url('../Content/fonts/Agrandir-Narrow.otf');
}

@font-face {
    font-family: "Walkway-Condensed";
    src: url('../Content/fonts/Walkway%20Condensed%20SemiBold.ttf');
}


@font-face {
    font-family: "Font-Awesome-Brands";
    src: url('../Content/fontawesome/6.1.1/webfonts/fa-brands-400.woff2');
}

@font-face {
    font-family: "Font-Awesome-Regular";
    src: url('../Content/fontawesome/6.1.1/webfonts/fa-regular-400.woff2');
}

@font-face {
    font-family: "Font-Awesome-Solid";
    src: url('../Content/fontawesome/6.1.1/webfonts/fa-solid-900.woff2');
}


/* FeedbackLog CSS*/
#MainContent {
    width: 1400px;
}

.ui-accordion {
    /*background-color: blue;*/
    /*width: 50%;*/
    /*width: 50%;*/
}

/*If I put a class inside the div element used for the accordion it is removed.
    So I use what the class that the accordion jquery ui fct put in it = ui-accordion
*/
.ui-accordion h3 {
    /*JQueryUI is now using the Cupertino Theme - so the commented out css is not needed now*/
    /*background-color: lightblue;*/
    /*color: dimgrey;*/
    /*font-size: large;*/
    /*margin-top: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;*/
    /*margin-bottom: 10px;*/
    /*margin-bottom: 5px;*/
    /*width: 50%;*/
}

#Accordion {
    width: 1230px;
}

#Accordion h3 {
    /*margin-bottom: 5px;*/
    margin-top: 10px;
}

#Accordion div {
    /*width: 50%;*/
    height: 10.5em;
}


#divExistingFeedback {
    /*padding-top: 15px;*/
}

#ExistingFeedback {
    display: block;
    font-weight: bold;
    font-size: large;
}


#divSearchCriteriaBlock {
    
}

#divSearchCriteria {
    padding-top: 10px;
    padding-bottom: 15px
}

#Search {
    display: block;
    font-weight: bold;
    font-size: 11pt;
    width: 50px;
}


#divSearchCriteria {
    display: block;
}

#SearchBy {
    display: inline-block;
    font-weight: bold;
    font-size: 11pt;
    width: 178px;
    /*height: 24px;*/
    margin-right: 5px;
}

#divSearchCriteria {
    width: 100%;
}

#divSearchCriteriaMiddle {
    display: inline-block;
}


#SearchText {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 275px;
    /*height: 24px;*/
    border-top-style: solid;
    padding-top: 2px;
    padding-bottom: 2px;
    border-width: thin;
}

#divSearchCriteriaBlock #Feature {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 275px;
    /*height: 24px;*/
}

#divSearchCriteriaBlock #divDateSubmitted {
    display: inline-block;
}

#divSearchCriteriaBlock #DateSubmittedStart {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 120px;
    /*height: 24px;*/
    border-width: thin;
}
#divSearchCriteriaBlock #DateSubmittedToLabel {
    display: inline-block;
    font-weight: bold;
    font-size: 11pt;
}
#divSearchCriteriaBlock #DateSubmittedEnd {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 120px;
    /*height: 24px;*/
    border-width: thin;
}

/*
#FeedbackOpenClosed {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 70px;
    height: 24px;
}*/

#divSearchCriteriaBlock #divAdminStatus {
    display: inline-block;
}
#divSearchCriteriaBlock #AdminStatusLabel {
    display: inline-block;
    font-weight: bold;
    font-size: 11pt;
    /*width: 70px;*/
    padding-left: 6px;
    padding-right: 3px;
}
#divSearchCriteriaBlock #AdminStatus {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 110px;
    /*height: 24px;*/
    margin-right: 3px;
}


#divSearchCriteriaBlock #divRequestType {
    display: inline-block;
}

#divSearchCriteriaBlock #RequestTypeLabel {
    display: inline-block;
    font-weight: bold;
    font-size: 11pt;
    /*width: 70px;*/
    padding-left: 12px;
    padding-right: 3px;
}

#divSearchCriteriaBlock #RequestType {
    display: inline-block;
    font-weight: normal;
    font-size: 11pt;
    width: 110px;
    /*height: 24px;*/
    margin-right: 3px;
}

#NoMatchingRecordsFound {
    font-weight: bold;
}



input {
    border-radius: 4px;
    border-width: thin;
    height: 24px;
    /*color: midnightblue;*/
}

select {
    border-radius: 4px;
    /*color: midnightblue;*/
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 11pt; /*With all other settings makes computed font-size: 13.333px*/
    height: 24px;
}

textarea {
    border-radius: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*color: midnightblue;*/
}

button {
    /*display: inline-flex;*/
    /*font-weight: bold;*/
    font-size: 11pt;
    border-radius: 4px;
    border-color: darkgray; /*#2779aa*/
    /*color: #2779aa;*/
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    /*margin: 2px;*/

    /*Vertically  Center Text*/
    /*height: 0;
    line-height: 0;*/
    /*justify-content: center;
    align-items: center;*/

   /* height: 20px;*/  /*AdminStatus height was 27px and other ddl probably - so why do I have to set this to 24px to get it to match their 27px?*/
}


#SearchButton {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px;
    width: 70px;
}

#ClearButton {
    display: inline-block;
    margin-left: 6px;
    padding-left: 2px;
    padding-right: 2px;
    width: 70px;
}

#AddButton {
    display: inline-block;
    margin-left: 6px;
    /*padding-left: 2px;*/
    width: 70px;
}

#ExportButton {
    display: inline-block;
    margin-left: 6px;
    width: 70px;
}


.IconAndColumn {
    display: inline-block !important; /*If !important is removed this will not work, because something else was matching and taking presidence.*/
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.ColumnData {
    display: block !important;
}



/*Tickets table thead th classes used in*/
#firstborder {
}

#lastborder {
}

#sorting {
}



#dataTables_sizing {
}

table.dataTable.no-footer {
    /*border-bottom: none;*/ /*This gets rid of the bottom border*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.3);*/
}
/*It controls the overall grid / table*/



/*tickets_table_wrapper is added by DataTable I think around tickets_table.*/
/*By default DataTable's width is set by DataTable and if the
    browser is maximized the header portion is not expanded, just the
    tr data rows - because I have scrollY set and it is split out.
    By setting the width here that keeps it looking good, although
    it wont resize to fit the container - but at least it is consistent.
*/
.FeedbackLogList #tickets_table_wrapper {
    /*width: 1500px;*/
    /*width: 100%;*/
}
.FeedbackLogList #tickets_table_admin_wrapper {
    /*width: 1800px;*/
    /*width: 100%;*/
}
/*@media (width: 1920px) {
}*/
.FeedbackLogList #divTickets_Table_Admin {
    /*width: 100%*/;
}

.FeedbackLogList #tickets_table {
    /*  overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    height: 530px;*/
    /*border: none;
    border-width: 0px;*/
}

.FeedbackLogList #tickets_table_admin {
    /*overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    height: 730px;*/
}

.FeedbackLogList #tickets_table thead tr {
    /*height: 0px;*/
    background-color: #d7ebf9; /*lightgrey;*/
}

.FeedbackLogList #tickets_table thead tr th {
    /*padding-top: 4px; 
    padding-bottom: 4px; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    height: 0px;
    padding-left: 2px;
    padding-right: 2px;*/
 }

.FeedbackLogList #tickets_table thead tr th div {

}

.FeedbackLogList #tickets_table td {
}


/*This is to reverse the box-shadow settings which are messing the color of the table grid rows!*/
table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
    box-shadow: unset; /*inset 0 0 0 9999px rgba(0, 0, 0, 0.023);*/
}



/*div.divSearchCriteria */
.FeedbackLogList div.dataTables_scrollBody {
    /*border: none;*/ /*Why doesnt that work? It works when I do that in Google Debugger.*/
    padding-bottom: 10px;
    /*display: none;*/
    /*border-width: 0px;*/
}


.FeedbackLogList .Feature {
    /*width: 295.266px;*/
}
.FeedbackLogList .Description {
    /*width: 295.266px;*/
}
.FeedbackLogList .Submitter {
    /*width: 130.922px;*/
}

.FeedbackLogList #tickets_table_admin .Description {
    /*width: 500px;*/
}
.FeedbackLogList .CreateDate {
    /*width: 74.6406px;*/
}
.FeedbackLogList .AdminStatus {
    /*width: 54.4062px;*/
}

.FeedbackLogList #RequestTypeValue .RequestType {
}

.FeedbackLogList .EimsId {
}

.FeedbackLogList .DeleteTicketButton {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.FeedbackLogList .HelpDeskId {
}
.FeedbackLogList .ForgeArtifact {
}

table#tickets_table_admin td {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    /*padding: 0px;*/
    /*background-color: black;*/
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-family: unset; /*This is needed to allow it to be set below.*/
    /*font-size: unset;*/
}

/*For jquery-confirm DialogBox*/
.jconfirm-title {
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
}
/*To Hide or alter the jconfirm content area - Currently I dont need it.*/
.jconfirm-content-pane {
    display: none !important; /*This and !important are needed to get rid of extra space!*/
}
.jconfirm-title-c {
    padding: 0px !important; /*This and !important are needed to get rid of extra space!*/
}
.jfonfirm-content {
    display: none !important; /*This and !important was needed to get rid of extra space, but not now*/
}
#jconfirm-box81239 { /*I shouldn't have to hide all of these here and above. Why is that not working? I should be able to hide the parent only!*/
    display: none !important;
}

/* End FeedbackLog CSS*/
/* Start FeedbackLogEdit */
#MainForm {
    margin-top: 5px;
}


/* Enc FeedbackLogEdit */
.sidebox {
    position: absolute;
    float: right;
    right: 10px;
    top: 115px;
    background-color: #dadde5;
    width: 200px;
    padding: 10px 20px;
    box-shadow: 5px 5px 2px #999f
}

.sidebox > .header {
    font-weight: bold;
    color: #11244f;
    text-align: center;
    font-size: 14pt;
}

.sidebox p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.Label {
    font-weight: bold;
    /*color: #2779aa;*/
    /*vertical-align: middle;*/
    /*vertical-align: top;*/
}

.LabelTextArea {
    vertical-align: top;
}

.Field {
    /*color: midnightblue;*/
}


.RightColumn select {
    /*color: midnightblue;*/
}

.RightColumn input {
    /*color: midnightblue;*/
}

.RightColumn textarea {
    /*color: midnightblue;*/
}

.FourColumn2 select {
    /*color: midnightblue;*/
}

.FourColumn4 select {
    /*color: midnightblue;*/
}

.FourColumn2 textarea {
    /*color: midnightblue;*/
}

.FourColumn4 textarea {
    /*color: midnightblue;*/
}


.SixColumn2 select {
    /*color: midnightblue;*/
}

.SixColumn4 select {
    /*color: midnightblue;*/
}

.SixColumn6 select {
    /*color: midnightblue;*/
}


.SixColumn2 textarea {
    /*color: midnightblue;*/
}

.SixColumn4 textarea {
    /*color: midnightblue;*/
}

.SixColumn6 textarea {
    /*color: midnightblue;*/
}




.LeftColumn {
    display: inline-block;
    /*vertical-align: middle;*/
    /*vertical-align: top;*/
    width: 150px;
}
.LeftColumnTextArea {
    display: inline-block;

    vertical-align: top;
    width: 150px;
}

.RightColumn {
    display: inline-block;
    /*vertical-align: middle;*/
    /*vertical-align: top;*/
    width: 360px;
}


.FourColumn1 {
    display: inline-block;
    /*vertical-align: top;*/
    width: 150px;
}

.FourColumn2 {
    display: inline-block;
    /*vertical-align: top;*/
    width: 245px;
}

.FourColumn3 {
    display: inline-block;
    /*vertical-align: top;*/
    width: 100px;
}

.FourColumn4 {
    display: inline-block;
    /*vertical-align: top;*/
    width: 175px;
}



.SixColumn1 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.SixColumn2 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.SixColumn3 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.SixColumn4 {
    display: inline-block;
    vertical-align: top;
    width: 100px;
}

.SixColumn5 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}

.SixColumn6 {
    display: inline-block;
    vertical-align: top;
    width: 200px;
}


#divDirections {
    width:800px;
    margin:0px auto;
}

/*#Ticket {
    display: block;
    width: 1230px;
    padding-top: 10px;
}*/
/*#TicketCHD {
    display: block;
    width: 1230px;
    padding-top: 10px;
    margin-bottom: 0px;
}*/
/*#TicketFLEdit {
    display: block;
    width: 1000px;
    padding-top: 10px;
    margin-bottom: 55px;
}
*/
/*#TicketAFLEdit {
    display: block;
    width: 1000px;
    padding-top: 10px;
    margin-bottom: 70px;
}*/
#TicketEdit {
    display: block;
    width: 1000px;
    padding-top: 10px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
}

#ContactHelpDesk {
    display: block;
    width: 100%;
    /*padding-top: 10px;*/
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
}
#CDTFields {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.ButtonPanel {
    display: block;
    /*width: 100%;*/
    /*width: 930px;*/
    padding-top: 0px;
    padding-right: 0px; /*6px;*/
    float: unset;
}

#SubmitButton {
    display: inline-block;
    width: 60px;
    /*float: right;*/
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 5px;
    padding-right: 5px;
    float: unset;
    /*margin-left: auto;
    margin-right: 0;*/
}

#CancelButton {
    display: inline-block;
    width: 60px;
    float: unset;
    /*height: 30px; Please take the height for Button element already set instead of setting it here.*/
}


#TicketEdit .ButtonPanel {
    float: right;    
}
#TicketEdit #SubmittButton {
    margin-left: auto;
    margin-right: auto;
    float: unset;
}
#TicketEdit #CancelButton {
    /*width: 60px;*/
    float: unset;
    /*height: 30px; Please take the height for Button element already set instead of setting it here.*/
}

#ContactHelpDesk .ButtonPanel {
    /*margin-left: auto;
    margin-right: auto;*/
    padding-top: 20px;
}
#ContactHelpDesk #SubmittButton {
    margin-left: auto;
    margin-right: auto;
    float: unset;
}
#ContactHelpDesk #CancelButton {
    /*width: 60px;*/
    float: unset;
    /*height: 30px; Please take the height for Button element already set instead of setting it here.*/
}



/* Accordion not used anymore */
.ui-accordion a {
    color: #007bff;
    text-decoration: underline;
}

#SuggestionToImproveEIMS {
    width: 55%;
}

.SuggestionHeader {
    font: Calibri;
    font-size: 13pt; /*Will make computed font-size: 17.3333px*/
    font-weight: bold;
    /*padding-top: 20px;*/
}
.DirectionsForSubmittingTicketHeader {
    font-weight: bold;
}

.user-support {
}

.user-support.feedback-log {
    width: 79%;
}


.user-support.feedback-log a {
    color: #007bff;
    text-decoration: underline;
}


.ReturnLink {
    /*background-color: lightgray;*/
    font-weight: bold;
   /* padding-bottom: 18px;*/
    /*border-radius: 4px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
    width: fit-content;*/
    /*width: 230px;*/
}
.ReturnLink a {
    /*color: black;*/
    color: #007bff;
    text-decoration: underline;
}
.ReturnIcon {
    font-family: Font-Awesome-Solid;
    font-size: 12pt;
}
.ReturnLabel {
    /*padding-left: 2px;*/
    display: inline-block;
    padding-bottom: 20px;
}
#ContactHelpDeskReturnLink {
    /*padding-left: 2px;*/
    display: inline-block;
    padding-bottom: 0px;
}
#ContactHelpDeskReturnLabel {
    padding-bottom: 5px;
}

.Table {
    /*display: table;*/ /*Actually I don't really want table, table-column or table-cell.*/
    display: block;
}

.TableRowEdit {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    /* width: 100%;*/
}

/*.TableRowCHD {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}*/

/*.TableRowAFEdit {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}*/

/*.TableRowAFLEdit {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}*/

/*.TableRowCHD {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}*/


.help-icon-small {
    /*display: inline-block;*/
    background: url('../Content/images/Help_Icon_Small.png') no-repeat left center;
    padding-left: 15px;
   /* width: 14px;*/
    height: 14px;
    margin-bottom: 3px;
   /*padding-top: 0px;
    padding-bottom: 0px;*/
   /*vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;*/
}
.help-icon-small-spacer {
    /*The purpose of this is to provide the space used by elements/rows 
      using class help-icon-small to put the help icon on - this helps 
      the columns in rows line up because this makes the columns the same 
      width with or without the small-help-icon.*/
    padding-left: 15px;
    /* width: 14px;*/
    height: 14px;
    margin-bottom: 3px;
}
.newhelp-icon-small{
    padding-left:10px;
    height:15px;
    background: url("~/Content/images/mark.png");
}

.ui-tooltip-content {
    position: relative;
    display: inline-block;
}

.ui-tooltip-content .ui-tooltip-text {
    visibility: hidden;
    font-size: 13px;
    position: absolute;
    z-index: 1;
    border: none;
}

.ui-tooltip-content:hover .ui-tooltip-text {
    visibility: visible;
    font-size: 13px;
    border: 1px dotted black;
    border-radius: 4px;
    box-shadow: -8px -8px 8px lightgrey;
    opacity: 1;
    background: white; 
    padding: 5px;
    color: black;
}
.FakeBold { /*Hover will not display most bold elements or styling inside of nested blocks except this FakeBold*/
    text-shadow: 0 0 .65px #333, 0 0 .65px #333;
}

#SummaryLabelToolTip {
    width: 250px;
}
#DetailedDescriptionLabelToolTip {
    width: 250px;
}
#RequestTypeLabelToolTip {
    width: 250px;
}
#UrgencyLabelToolTip {
    width: 250px;
}
#AttachmentsToolTip {
    width: 250px;
}


#TicketEdit #Ticket select {
    width: 340px;
}

.TicketLine {
    display: block;
    padding-bottom: 5px;
}

#TicketLine1 {
    display: block;
    padding-bottom: 5px;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*width: 1230px;*/
}

#TicketEdit #TicketLineSubmitter {
    /*display: block;*/
}


#TicketEdit #SubmittedBy {
    font-weight: bold;
}
#TicketEdit #Ticket_SubmitterId {
    margin-left: 3px;
}

#TicketEdit #labelAnonymousUser {
    display: block;
}


#TicketEdit #divCreateDate {
    display: inline-block;
    padding-left: 40px;
    /*align-items: center;*/
    /*padding-left: 40px;*/
    /*float: right;*/
    /*display: none;*/
    /*display: flex;
    justify-content: center;*/
}
#TicketEdit #divCreateDateLabel {
    display: inline-block;
}
#TicketEdit #CreateDateLabel {
    display: inline-block;
}
#TicketEdit #CreateDate {
    display: inline-block;
    padding-left: 5px;
    /*padding-right: 5px;*/
    /*width: 180px;*/
    /*padding-right: 20px;*/
}
#TicketEdit #divEditedDate {
    display: inline-block;
    margin-left: 5px;
}
#TicketEdit #divEditedDateLabel {
    display: inline-block;
}
#TicketEdit #EditedDateLabel {
    display: inline-block;
}
#TicketEdit #EditedDate {
    display: inline-block;
}


#TicketEdit #TicketLineSummary {
    display: block;
}

#TicketEdit #SummaryValue {
    display: block;
    /*width: 100%;*/
}
#TicketEdit #Ticket_Summary {
    display: block;
    width: 994px;
    border-width: thin;
}
#TicketEdit #Ticket_Description {
    width: 994px;
}
#TicketEdit #DetailedDescriptionValue {
    display: block;
}


#TicketEdit #TicketLineFeature {
    display: inline-block;
    float: right;
    /*padding-right: 8px;*/
    margin-top: -5px;
}
.AdminFeedbackLogEdit #TicketLineFeature {
    display: inline-block;
    float: right;
    /*padding-right: 8px;*/
    margin-top: 0px !important;
    
}


/* #TicketAFLEdit .divFeatureLabel -- works. */
/* .FeedbackLogEdit doesnt work. */
#TicketEdit .divFeatureLabel {
    display: inline-block;
    padding-right: 5px;
}
#TicketEdit #FeatureValue {
    /*width: 80px;*/
    display: inline-block;
}
#divEditListBoxData {
    display: inline-block;
}
#EditListBoxDataLabel {
}
#EditListBoxDataTooltipLabel {
    width: 138px;
    margin-top: 32px;
    margin-left: -125px;
    /*float: right;*/
}
#aEditListBoxData { /*For AdminFeedbackLogEdit*/
}
#imgEditListBoxData { /*For AdminFeedbackLogEdit*/
    width: 16px;
    height: 16px;
    margin-left: 3px;
}

#TicketEdit #TicketFeature {
    /*width: 255px; doesnt work*/
}
#TicketEdit #Ticket_FeatureId {
    width: 240px;
}


#TicketEdit #TicketLineDetailedDescription {
}

#TicketEdit #DetailedDescriptionLabel {
    display: block;
}

#TicketEdit #DetailedDescriptionValue {
}


#TicketEdit #TicketLineHelpDeskJira { /*Delete?*/
}

#TicketEdit #TicketLineHelpDeskJiraEimsId {
}

#TicketEdit #HelpDeskIdLabel {
    padding-right: 40px;
}

#TicketEdit #HelpDeskIdValue {
    /*width: 320px;*/ /*Does not work*/
    display: inline-block;
}

#TicketEdit #Ticket_HelpDeskId {
}

#TicketEdit .divJiraIdLabel {
    display: inline-block;
    padding-left: 16px;
    padding-right: 56px;
}

#TicketEdit #JiraIdLabel {
}
/*Ticket_ForgeArtifact*/
#TicketEdit #ForgeArtifactValue {
    display: inline-block;
}

#Ticket_ForgeArtifact {
    margin-left: 19px;
}

#TicketEdit #divEimsId {
    display: inline-block;
    /*display: flex;*/
    /*margin-left: 0;*/
    /*align-items: center;*/
    padding-left: 116px;
}

#TicketEdit #divEimsIdLabel {
    display: inline-block;
    padding-right: 20px;
}

#TicketEdit #TicketId {
    display: inline-block;
    /*padding-right: 20px;*/
    width: 60px;
    /*display: flex;*/
    /* padding-right: 5px*/
}


#TicketEdit #TicketLineStatusRequestTypeUrgency {
    display: block;
}
#TicketEdit #TicketLineSource {
    display: block;
}
#TicketEidt #TicketLineRequestTypeUrgency {
    display: block;
}

#TicketEdit #divStatus { /*Used in FeedbackLogEdit.cshmtl*/
    display: inline-block;
    /*margin-left: 26px;*/
    /*padding: 0px;*/
    /*align-items: center;*/
    /*padding-left: 40px;*/
    /*float: right;*/
    /*justify-content: center;
    padding-right: 80px;*/
}
#TicketEdit #divStatusLabel {
    display: inline-block;
    width: 122px;
}
#TicketEdit #StatusLabel {
    /*display: inline-block;*/
}
#TicketEdit #AdminStatus {
    display: inline-block;
}
#TicketEdit #Ticket_AdminStatusId {
    width: 90px;
}
#TicketEdit #AdminStatus {
    display: inline-block;
    width: 115px;
    /* font-size: 10pt; */ /*Looks beter looks more of the right size w/o this. W/O this: Computed size: font-size 14.6667px*/
}


#TicketEdit #TicketLineRequestType { 
}

#TicketEdit #divRequestType {
    display: inline-block;
    padding-left: 50px;
}
#TicketEdit #RequestTypeLabel {
    display: inline-block;
    padding-left: 17px;
    padding-right: 2px;
}
#TicketEdit #RequestTypeValue {
    display: inline-block;
}
#TicketEdit #Ticket_RequestTypeId {
    width: 247px;
}
#TicketEdit #divSource {
    display: inline-block;
    padding-left: 0px;
}
#TicketEdit #SourceLabel {
    display: inline-block;
    padding-left: 0px;
    padding-right: 2px;
}
#TicketEdit #SourceValue {
    display: inline-block;
    padding-left: 37px;
}
#TicketEdit #divCCBAssessment {
    display: inline-block;
    padding-left: 55px;
}

#TicketEdit #CCBAssessmentLabel {
    display: inline-block;
    padding-left: 0px;
    padding-right: 2px;
}

#TicketEdit #CCBAssessmentValue {
    display: inline-block;
    padding-left: 0px;
}

#TicketEdit #divFlagFollowUp {
    display: inline-block;
    padding-left: 70px;
}

#TicketEdit #FlagForFollowupLabel {
    display: inline-block;
    padding-left: 0px;
    padding-right: 2px;
}

#TicketEdit #FlagForFollowupValue {
    vertical-align: middle;
    display: inline-block;
    padding-left: 0px;
}

#TicketEdit #divUrgency {
    display: inline-block;
    padding-left: 20px;
}
#TicketEdit #UrgencyLabel {
    display: inline-block;
    padding-left: 17px;
    padding-right: 2px;
}
#TicketEdit #UrgencyValue {
    display: inline-block;
}
#TicketEdit #Ticket_UrgencyId {
    width: 247px;
}
#TicketEdit #Ticket_Urgency {
    width: 247px;
}


#TicketEdit #TicketLinePMAssssment {
}
#TicketEdit #PMAssessmentLabel {
    display: inline-block;
    width: 122px;
}
#TicketEdit #PmAssessmentId {
    display: inline-block;
}
#TicketEdit #PmAssessmentDate {
}
#TicketEdit #PMAssessmentLastUpdatedLabel {
    padding-left: 10px;
}
#TicketEdit #Ticket_PmAssessmentId {
    width: 320px;
}

#TicketEdit .divGISDataRequests {
    /*padding-top: 30px;*/
}
#TicketEdit .GISDataRequests {
}
#TicketEdit #GisDataRequestsLabel {
    font-size: medium;
    width: initial; /* To fix the top Fieldset Legend border being hidden by Bootstrap */
}


#TicketEdit #TicketLineEimsModule {
}
#TicketEdit #EimsModuleLabel {
    padding-right: 5px;
}
#TicketEdit #EimsModuleValue {
    display: inline-block;
    /*vertical-align: top;*/
    width: 245px;
}
#TicketEdit #Ticket_EimsModule {
    width: 220px;
}

#TicketEdit #AssignedToLabel {
    display: inline-block;
}

#TicketEdit #AssignedToValue {
    display: inline-block;
    padding-left: 45px;
}
#TicketEdit #Ticket_AssignedToId {
    width: 300px;
}


#TicketEdit .fieldset {
    border: solid thin;
    border-top: solid thin;
    border-top-color: black;
    border-color: black;
    margin: 0;
    padding: 6px;
    padding-left: 12px;
    padding-bottom: 16px;
    margin-right: 6px;
    margin-top: 25px;
    margin-bottom: 15px;
    width: 979px;
}

/*ContactHelpDesk.cshtml section*/
.ContactHelpDesk .LeftColumn {
    width: 150px;
}
.ContactHelpDesk .RightColumn {
    width: 247px;
}
.ContactAnonymousLastName {
    width: 247px;
}
.ContactAnonymousFirstName {
    width: 247px;
}
#Ticket_AnonymousEmail {
    width: 247px;
}
.ContactHelpDeskRightColumnDDL {
    width: 251px;
}
.ContactHelpDeskRightColumn {
    width: 247px;
}
#divCHDTicketLineDetailedDescription {
    display: block;
}
/*#TicketEdit #DetailedDescriptionValue {
    display: block;
}*/
.ContactHelpDesk #Ticket_Description {
    width: 415px;
}
#CHDDetailedDescriptionValue {
    display: block;
}
#ContactInformationCorrectionNotice {
    
}
#ContactHelpDeskPhoneNumberAndEmail {
    padding-top: 20px;
}
#ContactHelpDeskBottomNotices {
    padding-top: 20px;
}

/*End ContactHelpDesk.cshtml section*/



.divAttachments #fileupload {
    padding-bottom: 10px;
    padding-left: 20px;
    color: transparent; /*This hides the default: "No file chosen" message.*/
}

.divAttachments {
    background: white;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 5px;
    /*width: 100%;*/
    /*padding-left: 10px;
    padding-right: 10px;*/
}

.divAttachment {
    padding-left: 20px;
}

#AttachmentsLabelContainer {
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#AttachmentsLabel {
    display: inline-block;
    padding-bottom: 0px;
}

#divAttachmentsMedian {
}


#divAttachmentsInner {
    display: block;
    height: 120px;
    overflow-y: auto;
    overflow-x: auto;
    /*margin-top: 5px;*/
}


.Attachment {
    display: flex;
    /*padding-left: 140px;*/
    padding-top: 3px;
    padding-bottom: 3px;
    /*width: 100%;*//*Doesnt do anything.*/
    /*width: 1000px;*/
    /* height: 36px;*/
}

#DropFilesHereMessage {
    display: inline-block;
    font-weight: 200;
    color: lightgrey;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}


.divAttachmentThumbnail {
    display: flex;
    padding-right: 10px;
}

.imgAttachmentThumbnail {
    display: flex;
    width: 32px;
    height: 32px;
    /*margin: auto;*/
    justify-content: center;
    align-items: center;
}


.divAttachedFileName {
    display: flex;
    /*vertical-align: central;*/
    height: 32px;
    padding-right: 20px;
    justify-content: center;
    align-items: center;
}

.AttachedFileName {
    /*display: flex;*/
}

.divAttachedFileNameServer {
}
.AttachedFileNameServer {
}

.divAttachedFileSize {
    display: flex;
    margin-left: 20px;
    /*justify-content: center;
    align-items: center;*/
}
.AttachedFileSize {
    display: flex;
    margin: auto;
}

.divAttachedFileNameServer {
}
.AttachedFileNameServer {
}


.Errors {
    display: block;
    color: red;
    border: solid;
    border-color: red;
    /*padding: 20px*/;
    padding: 10px;
    width: 1230px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.ErrorItem {
    /*padding-left: 10px;
    padding-right: 10px;*/
    /*width: 1035px;*/
}

#ClientErrors {
    display: block;
    color: red;
    border: solid 1px;
    padding: 5px;
}


/*border-bottom-color*/
.HeaderLabel {
    display: block;
    /*padding-left: 5px;*/
    /*padding-top: 5px;*/
    /*padding-bottom: 5px; Was causing Label to be higher than bg image*/
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    width: 100%;
    /*background-color: white;*/
    /*background-position-x: 5px !important;*/
    /*padding-left: 20px;*/
}

#TicketEdit .HeaderLabel {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}



.progress {
    width: 25%;
}

.progress-bar {
    width: 0%;
}


#divCommentsPleaseSave {
    display: block;
    width: 1000px;
    margin-top: 25px;
    border-color: red;
    border-width: thin;
    background-color: lightgray;
}

#spanCommentsPleaseSave {
    display: table;
    margin: 0 auto;
    color: red;
    font-weight: bold;
    height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#TicketEdit .divComments {
    display: block;
    /*padding-left: 10px;
    padding-right: 10px;*/
    padding-top: 0px;
    background-color: white; /*ghostwhite;*/ /*linen;*/
    margin-top: 13px;
    margin-bottom: 20px;
}

/*.divCommentsInner {

}*/

.Comments {

}

.Comment {
    display: block;
    font-size: 10pt;
    padding-bottom: 5px;
    padding-top: 3px;
}

#CommentText {
    
}

/*.Comment textarea {
    display: block;
    width: 815px;
    height: 120px;
}*/


#SupportTicketComments {
    font-size: 10pt;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    /*color: #2779aa;*/
}

/*color: midnightblue;*/

table.dataTable {
    /*text-align: center;*/
}
table.dataTable thead {
    display: table-header-group;
    /*text-align: center;*/
}
table.dataTable thead tr th {
    /*text-align: center;*/
    /*padding: 10px;*/
}
table.dataTable thead .sorting {
    background-color: #D8D8D8;
}

/*This overrides datatables.min.css which I dont want here*/
table.dataTable tbody th, table.dataTable tbody td {
    /*padding: 10px;*/
    /*padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;*/
}
table.dataTable thead th, table.dataTable {
   /* padding-left: 0px;
    padding-right: 0px;*/
}
table.dataTable {
    border-color: gray;
    border-width: 1px;
}
table.dataTable tbody th, table.dataTable tbody td {
    /*padding: 0px 0px;*/ 
}
table.dataTable tbody tr {
    /*margin-top: 30px;*/
    background-color: #E0E0E0; /*This will end up being for Even rows only*/
    
}

table.dataTable tr.odd {
    background-color: rgba(255, 255, 255, 255); /*rgb(255, 255, 255);*/ /*white;*/
}

table.dataTable tr.even {
    
}



/*For some reason this is preventing the more specific td class selectors from working*/
/*table.dataTable tbody td {
    padding-left: 0px;
    padding-right: 0px;
}*/


.ThCommentDate {
    vertical-align: top;
    padding-left: 0px;
    padding-right: 0px;
    width: 80px;
}

.ThCommentUserName {
    vertical-align: top;
    padding-left: 0px;
    padding-right: 40px;
    width: 120px;
}

.ThCommentText {
    padding-left: 0px;
    padding-right: 0px;
    width: 500px;
}

#SupportTicketComments th {
    padding-left: 0px;
    padding-right: 3px;
}

/*  Setting this here was somehow being picked by the browser instead of the below td class selector. I don't know why?
#SupportTicketComments td {
    padding-left: 0px;
    padding-right: 0px;
}*/

.TdCommentDate {
    vertical-align: top;
    padding-left: 0px;
    padding-right: 3px;
}

.TdCommentUserName {
    vertical-align: top;
    padding-left: 3px;
    padding-right: 3px;
}

.TdCommentText {
    padding-left: 3px;
    padding-right: 5px;
}



.CommentDate {
    display: inline-block;
    vertical-align: top;
}

.CommentUserName {
    display: inline-block;
    vertical-align: top;
}

.CommentText {
    display: inline-block;
    vertical-align: top;
}


.CommentText textarea {
    /*color: #2779aa;*/
}


/*.EditComment {
    margin-left: 3px;
    margin-right: 3px;
}*/

.divNewComment {
    display: block;
    margin-top: 10px;
}

#NewCommentLabel {
    display: inline-block;
    width: 138px;
    margin-top: 6px;
    vertical-align: top;
}

#NewComment { /*textarrea element*/
    display: inline-block;
    font-size: 10pt;
    /* margin-bottom: 0px;*/
    margin-top: 6px;
    /*margin-left: 220px;*/ /*This was used when I wanted NewComment TextArea to line up on the left with the exiting textarea Comments above - but I am not putting exsting comments anymore as e */
    padding-bottom: 0px;
    /*color: #2779aa;*/
    margin-bottom: 0px;
    width: 98.99%;
}


.divCommentButtons {
    display: block;
    padding-bottom: 40px;
    margin-top: 4px;
    float: right;
}


.CommentButtons {
    display: inline-block;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
    float: left;
}

.NewCommentButtonEmail {
    margin-right: 8px;
}

.NoComments {
    padding-bottom: 10px;
}

#TicketEdit #CommentsLabelContainer {
    padding-bottom: 6px;
}

#TicketEdit #CommentsLabel {
    
}


/* ListBoxData.cshtml: */
/*Search Criteria*/
#ListBoxTypes {
    display: inline-block;
    vertical-align: middle;
}
#divActionCriteria {
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    vertical-align: middle;
}
#divActionCriteriaInner {
    display: table;
    margin-left: 5px;
}
#SearchCriteria_SearchActive {
    display: table-cell;
    margin: auto;
    vertical-align: middle;
    margin-right: 4px;
}
label[for="SearchCriteria.SearchActive"] {
    display: table-cell;
    vertical-align: middle;
}
#SearchCriteria_SearchInActive {
    display: table-cell;
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 4px;
}
label[for="SearchCriteria.SearchInActive"] {
    display: table-cell;
    vertical-align: middle;
}
.MainContent.divListBoxData button#AddButton {
    display: inline-block;
    vertical-align: middle;
    /*display: none; #divListBoxData */
}
.MainContent.divListBoxData button#SaveButton {
    display: inline-block;
    vertical-align: middle;
    width: 70px;
    margin-left: 6px;
}
.MainContent.divListBoxData button#RefreshButton {
    /*display: inline-block;*/
    vertical-align: middle;
    width: 70px;
    margin-left: 6px;
    display: none;
}


#ListBoxData_SelectedListBoxTypeId {
}
#ListBoxData_SearchActive {
}
#ListBoxData_SearchInActive {
}


/*Table Area*/
#divListBoxData_Table_Admin {
    /*width: 70vw;*/
}

#ListBoxData_table_admin {
    table-layout: fixed;
    width: 65vw;
}

/*Wrappers arround elements*/
.LbdId {
    /*width: 30px;*/
}
#lbdSelectedListBoxTypeId {

}
.LbdListBoxText {
    width: 300px;
}
.LbdTypeDefaultFlag {
    /*width: 30px;*/
}
.LbdActive {
    /*width: 30px;*/
}
.LbdForFeedbackLog {
    /*width: 30px;*/
}
.LbdForAdminFeedbackLog {
    /*width: 30px;*/
}

/*Classes for data entry fields*/
.lbdId {
    /*width: 30px;*/
}

.lbdListBoxText {
    width: 330px;
}

.lbdTypeDefaultFlag {
    /*width: 30px;*/
}

.lbdActive {
    /*width: 30px;*/
}

.lbdForFeedbackLog {
    /*width: 30px;*/
}

.lbdForAdminFeedbackLog {
    /*width: 30px;*/
}
.lbdIsDirty {
}


.DeleteItemButton {
}


.CheckBox {
    
}


@media (max-width:740px) {
    /*    
    img #eims {
        display: none;
    }

    img#logo {
        display: none;
    }*/
}

.pointer {
    cursor: pointer;
}

.pointer:hover {
    text-decoration: underline;
}

.gridHighlight {
    background-color: #ffff99;
    color: black !important;
}

.gridBold {
    font-weight: bold;
}

.warning {
    background-color: yellow;
}



/* For wait modal */
.modal {
    display: none;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('./images/ajax-loadercircle.gif') 50% 50% no-repeat;
}

body.loading .modal {
    /*overflow: hidden;*/
}

body.loading .modal {
    display: block;
}

body.pageLoad .modal {
    /*overflow: hidden;*/
    display: block;
}


.denied {
    text-decoration: line-through solid red;
}


/*.navbar-left {
    float: left;
    margin-left: 15px;
}

.topnav a {
    color: black;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
}

.topnav a.icon {
    background: white;
    display: block;*/
    /*position: relative;*/
    /*right: 0;
    top: 0;
}

.topnav a:hover {
    background-color: #eae8e8;
    width: 200px;
    color: black;
}

.topnav #myLinks {
    display: none;
}


#myLinks {
    width: 200px;
    border-color: #d5d5d5;
    border: solid #d5d5d5;
}*/

/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/templates/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */


/*#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
    width: 15rem;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}*/


/*#page-content-wrapper {
    min-width: 100vw;
}*/

/*@media (min-width: 768px) {*/
    /*#sidebar-wrapper {
        margin-left: 0;
    }*/

    /*#page-content-wrapper {
        min-width: 0;
        width: 100%;
    }*/

    /*#wrapper.toggled #sidebar-wrapper {*/
        /*margin-left: -15rem;*/
    /*}*/
/*}*/

/*.divWrapper {
    display: flex;
    overflow: hidden;
}*/

.title {
    text-align: center;
}



/*.grid-item {
    margin-left: 20px;
    margin-top: 5px;
}

.gridLayout {
    display: inline-block;
}*/

/*_subordinate styling*/
/*#subordinateTitle{
    font-weight:bold;
    padding-left: 25px;
    font-size:16px;
}*/

/*#list-boxes {
    max-width: none;
    width: 1200px;
    padding-left: 0px;
}

#list-boxes .k-listbox {
    width: 450px;
    height: 350px;
}*/

/*Modal stuff*/
.center-modal {
    position: absolute;
    float: left;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding-top:250px;
}

.modal-header {
    border-bottom: 0 none;
}

.modal-footer {
    border-top: 0 none;
}


.highlight {
    background-color: yellow !important;
}



/* for svg elements */
.invisible {
    visibility: hidden;
}


/*Generic Styling */
.float-center{
    margin:0px auto;
}

.bold-600{
    font-weight:600;
}


/*New menu stuff. */
#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

    #sidebar-wrapper .sidebar-heading {
        padding: 0.875rem 1.25rem;
        font-size: 1.2rem;
    }

    #sidebar-wrapper .list-group {
        width: 15rem;
    }

#page-content-wrapper {
    min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

@media (min-width: 768px) {
    #sidebar-wrapper {
        margin-left: 0;
    }

    #page-content-wrapper {
        min-width: 0;
        width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
        margin-left: -15rem;
    }
}
