.singleline th {
	border-bottom : 1px solid #e7e7e7;
	font-size:14px;
	background-color:#AA0114; /* #8Bb238; */
	/* background-color:#428BCA; */
	color:#fff;
	height:33px;
}

.singleline td { 
	border-bottom: 1px solid #e5e5e5 !important; 
	font-size:14px;
	height:33px;
	padding : 0 15px 0 0;
	border: 1px #efefef;
} 

.singleline tbody tr {
    background-color:#fff; 
    border-bottom: 1px solid #e7e7e7;
    font-size:10px;
}


.singleline2 th {
	border-bottom : 1px solid #e7e7e7;
	font-size:14px;
	background-color:#AA0114; /* #8Bb238; */
	color:#fff;
	height:33px;
	padding 4px;
	align:center !important;
	font-weight:normal !important;
}

.singleline2 td { 
	border-bottom: 0px solid #e5e5e5 !important; 
	font-size:14px !important;
	height:19px;
 	border: 0px #efefef;
} 

.singleline2 tbody tr {
    background-color:#fff; 
    border-bottom: 0px solid #e7e7e7;
    font-size:12px;
}


/*  THIS IS FOR THE PAGINATION THAT COMES IN ALL PAGES START */	
div.paginates {
    padding: 3px;
    margin: 3px;
	    font-size:10px;
	    font-family: arial;
}

div.paginates a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
	    font-size:10px;
	    font-family: arial;

    text-decoration: none; /* no underline */
    color: #000099;
}
div.paginates a:hover, div.paginates a:active {
    border: 1px solid #000099;
	    font-size:10px;
	    font-family: arial;

    color: #000;
}
div.paginates span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px #000099;

    font-weight: bold;
    font-size:11px;
    font-family: arial;
    color: #000099;
}
div.paginates span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    font-size:10px;
    font-family: arial;

    color: #DDD;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }





/*   full width model */


.modalnotinuse-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* border: 2px solid #3c7dcf; */
  border-radius: 0;
  box-shadow: none;
  width:100%;
  height:100%;
  overflow:auto;
}

.modalnotinuse-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 66px;
  padding: 10px;
  background: #8bb238/* 995599 /* 6598d9 */;
  border: 0;
}

.modalnotinuse-title {
  position:absolute;	
  font-weight: 300;
  font-size: 2em;
  color: #fff;
  top:30px;
  line-height: 30px;
}

.modalnotinuse-body {
  position: absolute;
  top: 97px;
  bottom: 0px;
  left : 0px;
  width: 100%;
  font-weight: 300;
  padding: 0 0 0 15px;
  /* overflow: auto; */
}

.modalnotinuse-footer {
  /*
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0px;
  padding: 0px;
  background: #f1f3f5;
  */
}


.rightalign {

	float: right !important;
}


.hrline {
	border-top: 0.5px solid #995599;
	width:99.5%;
}	





/* Custom container */
.container-full {
  margin: 0 auto;
  width: 97%;
}

.container-semi {
  margin: 0 auto;
  margin-top :10;
  padding:0 24px 0 	24px;
  width: 100%;
}

/* Custom navbar */
.navbar-brand ,.navbar-nav>li>a {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
} 
.navbar-nav>.active>a {
	opacity:.6;
}




/*  THIS IS FOR THE PAGINATION THAT COMES IN ALL PAGES START */	
div.paginates {
    padding: 3px;
    margin: 3px;
	    font-size:10px;
	    font-family: arial;
}

div.paginates a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
	    font-size:10px;
	    font-family: arial;

    text-decoration: none; /* no underline */
    color: #000099;
}
div.paginates a:hover, div.paginates a:active {
    border: 1px solid #000099;
	    font-size:10px;
	    font-family: arial;

    color: #000;
}
div.paginates span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px #000099;

    font-weight: bold;
    font-size:11px;
    font-family: arial;
    color: #000099;
}
div.paginates span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    font-size:10px;
    font-family: arial;

    color: #DDD;
}

.thead-default {
	background-color:#8Bb238;  /* 995599; *//* 9c8aa5 */;
	font-weight:normal !important;
	color:white;
	font-size :13px;

}



.input-text {

    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 3px;
    height:24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;



}

.input-text-small {

    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 3px;
    height:19px;


}


.input-select {
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 2px;
}


.label-select {
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 2px;
}


.label-text {

    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font: 96.25% arial, helvetica, sans-serif;
    font-weight:bold;
    margin: 0 0 .5em;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;


}



.sp_message {
	font-size: 14px;
	background-color:white;
	color:red;
	font-weight : bold;

}


.csbold {
	font-weight:bold;
	color:maroon;
	padding:5px 0 0 0;
	font-weight:16px !important;
}



.ui-autocomplete  { height: 200px; overflow-y: scroll; overflow-x: hidden;}




.input-text {

    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 3px;
    height:24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;



}

.input-text-small {

    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    padding: 3px;
    height:19px;


}


.input-select {
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 2px;
}


.label-select {
    border: 1px solid #BDC7D8;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 13px;
    padding: 2px;
}


.label-text {

    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font: 96.25% arial, helvetica, sans-serif;
    font-weight:bold;
    margin: 0 0 .5em;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;


}



.navbar-header2 {

	color:white;
	font-size:18px;
	align:right;
	width:700px;
	float:left;
	margin-top:10px;

}


.modal-dialog {
    max-height: 100%;
    max-width:100%;
    width:1100px;
    height:88%;
 overflow-y: initial !important
 
 }


.modal-body1 {
    height: 250px;
    overflow-y: auto;
}

#div_action {
    position: fixed;
    bottom: 0;
    width: 100%;
    height:60px; 
    valign: middle;
    align:left;
    padding:5px;
    margin:0px;
    background-color:#eff0f1;
}



//==== top-tiles

.tile-stats.sparkline {
    padding: 10px;
    text-align: center
}
.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
    margin-bottom: 0
}
.tile {
    overflow: hidden
}
.top_tiles {
    margin-bottom: 0
}
.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: bold
}

.top_tiles {
    margin-bottom: 0
}
.top_tiles .tile h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 3px 0 7px;
    font-weight: bold
}
.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    transition: all 300ms ease-in-out
}
.tile-stats:hover .icon i {
    animation-name: transformAnimation;
    animation-duration: .5s;
    animation-iteration-count: 1;
    color: rgba(58, 58, 58, 0.41);
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: transformAnimation;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: transformAnimation;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards
}
.tile-stats .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 22px;
    z-index: 1
}
.tile-stats .icon i {
    margin: 0;
    font-size: 60px;
    line-height: 0;
    vertical-align: bottom;
    padding: 0
}
.tile-stats .count {
    font-size: 38px;
    font-weight: bold;
    line-height: 1.65857
}
.tile-stats .count,
.tile-stats h3,
.tile-stats p {
    position: relative;
    margin: 0;
    margin-left: 10px;
    z-index: 5;
    padding: 0
}
.tile-stats h3 {
    color: #BAB8B8
}
.tile-stats p {
    margin-top: 5px;
    font-size: 12px
}
.tile-stats>.dash-box-footer {
    position: relative;
    text-align: center;
    margin-top: 5px;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none
}
.tile-stats>.dash-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}
.tile-stats>.dash-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15)
}
table.tile_info {
    padding: 10px 15px
}
table.tile_info span.right {
    margin-right: 0;
    float: right;
    position: absolute;
    right: 4%
}
.tile:hover {
    text-decoration: none
}
.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7
}
.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px
}
.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, 0.3);
    text-align: left
}
.btnred {
    border: 1px solid #d14130;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: #D14130;
    color: white;
    font-weight: normal;
    text-align:center;
    font-size: 14px;
    height: 41px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #fff;
}

.mt50 {	margin-top:50px; }
.mt5 {	margin-top:5px; }
.mt10 {	margin-top:10px; }
.mt25 {	margin-top:25px; }


/*  chart table */

.tablesummary table {
    background: radial-gradient(ellipse at left,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 75%) 0 center,radial-gradient(ellipse at right,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 75%) 100% center;
    background-attachment: scroll,scroll;
    background-size: 10px 100%,10px 100%;
    background-repeat: no-repeat;
	display: inline-block;
    overflow-x: auto;
    margin: 0.5em 0 2.5em;
    max-width: 100%;
    width: auto;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
    font-display: swap;
    font-size: 1.6rem;
    white-space: nowrap;
    vertical-align: top;
    padding: 6px 12px;
    border: var(--gray10) 1px solid;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.tablesummary th {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2px;
    text-align: left;
    text-transform: uppercase;
    background-color: #ababab;
    padding: 12px 24px;
	color:white;
    border: var(--gray10) 1px solid;
    border: black 1px solid; /* #f3f3f3 */
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
}	
.tablesummary td {
	/* background-color:green; */
	padding: 6px 12px;
    border: black 1px solid; /* #b6b6b9 */
    font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
}

.tablesummary td {

}

@media print {
    .pageBreak {
        page-break-after: always;
    }
}

/* footer */
.content {
    min-height: 100vh;
    padding-bottom: 20px;
}
body {
    position: relative;
}
.footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 80px;
}