html, body {
height:100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.page {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -20px;
}
.footer {
height:20px;
/*margin-top: 20px;*/
}

.garant {
height:0px;
}

.footerdiv{
display: inline-table;
height:20px;
}

.footerdiv1{
text-align:center;
width:250px;
background: black;
color:#00FF00;
}
.footerdiv2{
text-align:center;
width:600px;
background: white;
}

input#prependedInput {
position: static;
width: 170px;
}
input#datepicker {
position: static;
}

#vniz {
position: static;
}
.content{
margin: 15px 0 0 10px;
    padding-bottom: 20px;
}
.messages{
margin-left:10px;

}

.tabedd{
	/*width:min-content;*/
    min-width: 900px;
}
th {
    background-color: #212529;
    font-weight: normal;
    font-size: 15px;
    padding: 0 10px;
    color: #fff;
    text-shadow:#414141 0 1px 0px;
    line-height: 40px;
}
hr {
	margin: unset;
    border: unset;
}

.ui-auto {
position: absolute;
//bottom: 100%;
margin: 0 0 .4em;
//border-color:#ccc;
    //margin: -1px 0 0 -15px;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.li-item {
    padding: 5 2 5 2;
    line-height: 14px;
    font-size: 16px;
    list-style-type: none;
    border: 1px solid #ccc;
    cursor: pointer;
}


.dropzonech {
width: 300px;
height: 60px;
border: 2px dashed #aaa;
color: #aaa;
line-height: 30px;
text-align: center;
cursor: pointer;
}

.dropzone {
width: 300px;
height: 60px;
border: 2px dashed #aaa;
color: #aaa;
line-height: 30px;
text-align: center;
cursor: pointer;
/*position: absolute;
#left: 50%;
#margin-left: -150px;
#top: 50%;
#margin-top: -150px;
*/
}

.newfiledialog {
/*display: none;*/
width: 300px;
height: 300px;
border: 2px dashed #aaa;
color: #aaa;
background-color: #d3d364;
//line-height: 30px;
//text-align: center;
position: fixed;
left: 50%;
margin-left: -150px;
top: 50%;
margin-top: -150px;
z-index:500;
}

.dropzone.dragover {
color: green;
border: 2px dashed #000;
}



.nf-count {
    position: absolute;
    top: 4px;
    right: 0;
    color: white;
    background-color: red;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 18px;
    font-size: 10px;
    text-align: center;
}


.notif-content {
   position: relative;
}

.nf-icon-button-div {
    display: inline-block;
    box-sizing: border-box;
    font-size: 0;
    line-height: 1;
    padding: 8px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    fill: wheat;
    outline: none;
    background: none;
    margin: 0;
    border: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;

}
#nf-tooltip {
    display: none;
    outline: none;
    font-family: 'Roboto', 'Noto', sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #616161;
    opacity: 0.9;
    color: white;
    padding: 8px;
    border-radius: 2px;
    margin: 8px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.8rem;
    text-transform: none;
    position: absolute;
    z-index: 1002;
    user-select: none;
}

.nf-icon-button-div:hover #nf-tooltip{
    display: block;
}

#nf-main {
    margin-left: -400px;
    position: absolute;
    width: 400px;
    height: 500px;
    border: 2px solid black;
    z-index: 50;
    background: #d3d3d3 ;
    padding: 5px;
	
}

.nf-main-head {
    font-size: 1.3rem;
    height:25px;
    //margin-top: -6px;
    //text-align-last:center;
}

#nf-main-count {
    margin-top: 3px;
    width: 100%;
    height: 94%;
    border: 1px solid black;
    background: #ccc;
	overflow-x: auto;
}


 .nmtable {display: table;width:100%;/*height:100%;*/border:0px solid black;border-collapse:collapse}
 .nmtablenh {display: table;width:100%;border:0px solid black;border-collapse:collapse}
 .nmrowb {display: table-row;border:0px solid black; }
 .nmrowh {display: table-row;border:0px solid black; background-color: #212529; color:white  }
 .nmrowhb {display: table-row;border:0px solid black; background-color: #dceaf6;  }
 .nmrow {display: table-row;border:0px solid black; }
 .nmrow:hover{ background-color: #dfe5f0 !important; }
 .ncell {height:100%;display: table-cell;border:1px solid black;}
 
 .cell_btn {box-shadow: inset 0px 0px 4px rgba(0,0,0,0.5);cursor:pointer; border-radius: 10px; background-color: #04ccf9;text-align: center;}
 .cell_btn:hover {background-color: aqua;}
 
 .selord {color: black;}
 .selord:hover {background-color: aqua;}
 
 
#for_load{
    position: absolute;
    width:80%;
    height:500px;
    border:2px solid black;
    z-index: 99999;
    background: #ccc; 
    padding: 5px; 
    top: 20%; 
    left: 10%; 
    display: none;
}
#content_load{
    margin-top: 3px;
    width:100%;
    height:95%;
    border:1px solid black;
    background: #ccc; 
}

.bldone {
  background-color: #e6e8e6;
  border-radius: 10px;
  box-shadow: 0 1px 3px 4px;
  text-indent: 30px;
  padding: 10px 30px 10px 0px;
  backface-visibility: hidden;
  position: absolute;
  z-index: 500;
  top: 40%; 
  left: 20%; 
  font-size: 30px;
  color: #5fbe5f;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 5s linear 2s;
}
.bldoneadd {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}


.caption-shadow {
  width: 280px;
  margin: 10px auto 0;
  position: relative;
  border: 5px solid #ddd;
  box-sizing: border-box;
}
.caption-shadow img {
  max-width: 100%;
  height: auto;
  //display: block;
  box-sizing: border-box;
}
.caption-shadow figcaption {
  width: 100%;
  padding: 10px;
 // color: black;
  //text-align: center;
  text-transform: uppercase;
  background: #ddd;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  box-shadow: 0 -10px 20px -5px hsla(0, 0%, 0%, .4);
  box-sizing: border-box;
}

.myform {
	background-color: #ebebeb;
	position: absolute;
	z-index: 120;
	border: 1px solid black;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	cursor: auto;
	color: black;
}
.myform-head {
	width:100%; 
	border: 1px solid black;
	height: 30px; 
	background-color: #212529;
	color: white;
	text-align: center;
}

.addagform {
	position: fixed;
    width: 100%;
	height: 100%;
    z-index: 115;
	top: 0;
	background-color: #131212a3;
}

.addagform_con {
    max-width: 500px;
	margin: 20px auto;
	/*height: 80%;
    padding: 20px;*/
    border-radius: 4px;
    background-color: #D5D4D5;
    box-shadow: 0 0 3px #666;
	overflow-y: auto;
    height: max-content;
    max-height: -webkit-fill-available;
}


.input_dtl {
padding: unset !important; 
margin-bottom: unset !important;
}

.input_chbx {
font-size: 40px;
    /* display: inline; */
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    margin: 9px 10px 0 !important;
}

.link_hov {
cursor: pointer;
}
.link_hov:hover {
	color: aqua;
}


.context-menu-open {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.54);
    background-color: white;
    border-radius: 4px;
    padding: 4px;
}
.context-menu-open ul {
    padding: 0;
    margin: 0;
}
.context-menu-open ul li {
    cursor: pointer;
    list-style: none;
    padding: 10px 12px;
    margin: 0;
    border-bottom: 1px solid #BFE2FF;
}
.context-menu-open ul li:last-child {
    border-bottom: 1px solid transparent;
}
.context-menu-open ul li:hover {
    background-color: #BFE2FF;
}

.LockOff { 
	display: none; 
	visibility: hidden; 
} 

.LockOn { 
	display: block; 
	visibility: visible; 
	position: fixed; 
	z-index: 999; 
	top: 0px; 
	left: 0px; 
	width: 105%; 
	height: 105%; 
	background-color: #ccc; 
	background-color: #e6e8e6;
	border-radius: 10px;
	text-align: center; 
	padding-top: 20%; 
	filter: alpha(opacity=75); 
	opacity: 0.75; 
} 


.loadData {
	background: linear-gradient(90deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
	transform: translate3d(0, 0, 0);
	color: white;
	text-align: center;
}

@keyframes gradient {
	0% { background-position: 0% 50%;}
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}
.dragsp {
	display: block;
}

.dragbord {
	background-color: deeppink;
    color: white;
}

.SearchHelpDiv {
	position: absolute;
    background: beige;
    border: 1px solid black;
    width: 500px;
	-webkit-box-shadow: 0 10px 20px -5px rgb(0 0 0 / 30%);
    box-shadow: 0 10px 20px -5px rgb(0 0 0 / 30%);
}
.SearchHelpDiv ul {
    list-style: none;
    padding: 2px 5px;
    
}

.WaitData {
	background-image: url(/img/loader.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: left center;
	padding-left: 10px;
}