.selectedPage{
    border:1px solid lightblue;
}
.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
	text-decoration: none;
}
.none{
    width:20px !important;
}
.commentBtn{
    background-image: url(../icons/speech_1.png)!important;
    width: 20px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.viewBtn{
    background-image: url(../icons/view.png)!important;
    width: 20px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
.deleteBtn{
    background-image: url(../icons/delete.png)!important;
    width: 20px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#outerContainer{
    overflow-x:scroll;
}
#jsGrid{
    width:2000px !important;
}
.hyperLink,
.logout:hover {
    text-decoration: underline
}

.hide {
    display: none!important
}

body {
    margin: auto;
    background-color: #EDF2F6;
    width:98%;
}
nav {
   margin: auto;max-width: 100%;padding-top:5px;
}

.main-section{
	max-width: 100%; margin: auto;min-height: 80%;clear:both;padding-top:10px;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
    font-family: 'Segoe UI'
}

.flex-container>* {
    padding-top: 0;
    padding-bottom: 3px;
    -webkit-flex: 1 100%;
    flex: 1 100%
}

.mainHeader {
    height: 80px;
    width: 1200px;
    background-color: #fff;
    color: #5E5D5F;
    text-align: left;
    display: inline-block
}

.overlayPage {
    width: 100%;
    height: 100%;
    opacity: .7;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 999
}

nav {
    margin-top: 5px
}

.nav ul {
    list-style-type: none;
    padding-left: 0
}

nav ul li {
    float: left
}

nav ul li div {
    display: block;
    padding: 8px 1px;
    text-align: left;
    font-size: 14px
}

.sectionHeader {
    text-align: left;
    vertical-align: middle;
    line-height: 40px;
    color: #4c4c4c;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-bottom: 2px solid #DFDFDF;
    height: 45px;
    width: 100%
}

.issuesContent,
.sectionContent,
.sectionContentHeader {
    width: 100%;
    min-height: 60px;
    border: 1px solid #f2f2f2;
    background-color: #fff
}

.issuesContent, 
.sectionContent {
    overflow-x: auto
}

.sectionContentHeader {
    padding-top: 10px;
    overflow: hidden
}

.sectionContent ul {
    list-style-type: none;
    padding: 0;
    margin-left: 26%;
}

.recordsList:hover {
    opacity: .8
}

.sectionuserName {
    text-align: left;   
    overflow: hidden;
    vertical-align: middle;
    font-size: 10pt;
    height: 25px;
    line-height: 20px;
    padding: 5px 15px;
    white-space: nowrap
}

.sectionFormButtons {
    float: right;
    margin-left: 10px;
    width: 10%
}

.sectionFormButtons0 input {
    height: 18px;
    width: 18px
}

.sectionFormButtons0,
.sectionFormButtons1,
.sectionFormButtons2,
.sectionFormButtons3 {
    text-align: center;
    cursor: pointer;
    padding: 0 5px
}

.sectionFormButtons3 {
    padding-right: 10px
}

.filters input {
    margin: 5px 10px;
    padding: 5px;
    width: calc(100% - 34px);
    max-width: 200px;
    float: left
}

.analyzeFilters select {
    height: 31px;
    width: 215px;
    padding-left: 5px;
    font-size: 12px
}

.analyzeFilters .textbox {
    height: 25px;
    width: 130px;
    padding-left: 8px;
    font-size: 12px
}

.btnShow {
    text-align: center;
    padding: 0;
    color: #FFF;
    cursor: pointer;
    line-height: 13px
}

.btnHeaders,
.closeButton {
    color: #fff;
    cursor: pointer
}

.btnRefresh {
    background-color: #fff;
    text-align: center;
    width: 130px;
    float: right;
    cursor: pointer;
    font-size: 14px
}
.btnMap {
    background-color: #fff;
    text-align: center;
    width: 70px;
    float: right;
    cursor: pointer;
    font-size: 14px
}
.btnMapNode {
    background-color: #fff;
    text-align: center;
    width: 70px;
    float: right;
    cursor: pointer;
    font-size: 14px
}
.logoMap {
    height:30px;
    width: 30px;
    
}

.logoMapNode {
    height:30px;
    width: 30px;
    
}
.headerLogo {
    width: 79px;
    position: absolute;
    padding-right: 15px
}

.headertitle {
    display: inline-block;
    padding-left: 90px;
    font-size: 25pt;
    line-height: 74px
}

.welcomeMessgae {
    font-size: 11pt;
    float: right;
    padding-left: 38px;
    padding-top: 25px;
    padding-right: 10px;
    display: block;
    font-weight: 700
}

.logout {
    font-size: 10pt;
    text-align: right;
    padding: 0 80px 0 15px;
    display: block
}

.logout:hover {
    cursor: pointer;
    opacity: .5
}

.btnSection {
    float: right;
    line-height: 80px;
    padding-right: 50px
}

.btnHeaders {
    height: 35px;
    width: 150px;
    background-color: #29ABE2;
    border: none
}


.MatrixRecord,
.commentRecord,
.viewRecord {
    width: 90%;
    min-width: 340px;
    height: auto;
    padding: 10px;
    background-color: #fff;
    opacity: 1;
    text-align: center;
    left: 5%;
    top: 80px;
    position: absolute;
    z-index: 9999
}

.commentRecord {
    width: 30%;
    left: 35%;
    min-width: 0;
}

.commentRecord textarea {
    height: 100px;
    resize: none;
    padding: 5px;
    width: calc(100% - 20px)
}

.recordContent {
    max-height: 450px;
    overflow-y: scroll
}

.recordContent::-webkit-scrollbar {
    width: 5px
}

.recordContent::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: #708090 solid 1px
}

.recordName,
.recordValue {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    width: 47%;
    line-height: 32px;
    min-height: 32px
}

.recordName0,
.recordName1 {
    width: 100%;
    min-height: 32px;
    display: inline-block
}

.recordName {
    float: left;
    text-align: left;
    padding-left: 10px;
}

.recordName0 {
    background-color: #ececec
}

.recordName1 {
    background-color: #fff
}

.recordValue {
    float: right;
    text-align: left;
    padding-right: 10px;
}

.closeButton {
    width: 40%;
    display: inline-block;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
    background-color: #0071bc;
    height: 36px;
    font-size: 15px;
    line-height: 36px
}

.borderright {
    border-right: 1px solid # e9e9e9
}

.borderbottom {
    border-bottom: 1px solid #e9e9e9
}

.exporticon {
    float: right;
    padding-top: 9px;
    margin-right: -10px;
    cursor: pointer
}

.hyperLink {
    cursor: pointer;
    color: #00f
}
.btnDiag {
    margin-top: -7px;
    width: 38px;
    margin-right: -12px;
}
#pagination a {
display:inline-block;
margin-right:5px;

}
.hidden {
display:none;
}
#loadingDiv {
    z-index: 2;
    position: absolute;
    background-color: gray;
    height: 770px;
    width:100%;
    opacity: .4;
}
	
.loadingImg {
	margin-top: 200px;
}
#myProgress {
	width: 100%;
	background-color: grey;
}
#myBar {
    width: 1%;
    height: 30px;
    background-color: green;
}
select.selectpicker {
      display: block;
      margin: 0 auto;
      padding-left: 20px;
}
.btn-new {
      background-color: #2A3F54;
}


.footer-div{	
   
    display: inline-block;
	width:100%;
	height:40px;
}



.mySlides {display:none;}