/* CSS Document */
html,body{
	position: absolute;
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%;
}
.bodyContainer{
	min-height: 100%;
	position: relative;
	z-index: 1;
}

th{
	font-weight: normal;
}
input[type=text]:read-only{

	color:#ccc;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	cursor: pointer;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    width: 99%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}
.inputfile2 + label {
    color: #d3394c;
}

.inputfile2 + label {
    border: 1px solid #d3394c;
    background-color: #f1e5e6;
    padding: 0;
}

.inputfile2:focus + label,
.inputfile2.has-focus + label,
.inputfile2 + label:hover {
    border-color: #722040;
}

.inputfile2 + label strong {
    padding: 0.625rem 2.5rem;
    /* 10px 20px */
}

.inputfile2 + label span {
    width: 200px;
    height: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	padding: 0.625rem 4rem;
}

.inputfile2 + label strong {
    height: 100%;
    color: #f1e5e6;
    background-color: #d3394c;
    display: inline-block;
}

.inputfile2:focus + label strong,
.inputfile2.has-focus + label strong,
.inputfile2 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 40em) {
	.inputfile2 + label strong {
		display: block;
	}
}


.general_listing{
	
	background: #fff; 
	min-height: 100px;   
	border-radius: 3px;
	
}
.editTypeTextField{
	width:90%; 
	margin-top:-8px;
	border:0px solid; 
	box-shadow:inset 0 0px 0px #ddd; 
	background:transparent; 
	padding:0px;
	
}
.general_selector{
	display:none;
	position: absolute;
	width: 100%;
	left:-1%;
	background:#FFF;
	border:2px solid #CBCBCB;
	border-top:0;
	box-shadow: 3px 3px 20px 0px #E5E5E5;
	z-index: 3;
}

.blackDiv
{
	top:-1%;
	left:-1%;
	width: 101%;
	height: 101%;
	background-color:rgba(0,0,0,0.85);
	position: fixed;
	z-index: 3;
}
.PromptMessage
{
	background: #FFF;
	max-width: 50%;
	height: 50%;
	position:relative;
	top:25%;
	border-radius: 8px; 
	flex-wrap: wrap;
	min-width: 300px;
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropDownList{
	position: absolute; 
	top:100%; 
	left:0;  
	display: none; 
	align-items: center; 
	justify-content: center; 
	background:#464646; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; 
	z-index: 2;
}

#listing {
    border:none;
	border-spacing: 0;
	}

#listing tbody tr:nth-child(odd){
			background-color:#f0f8ff;
		}
#listing tbody tr:nth-child(even) {
			background-color:#fff;
		}
#listing tbody tr:hover:nth-child(odd){
			background-color:#DCEEFF;
		}
#listing tbody tr:hover:nth-child(even) {
			background-color:#FFFCED;
		}
#listing tbody tr:nth-child(odd) td:hover {
			background-color:#C5E3FF;
		}
#listing tbody tr:nth-child(even) td:hover {
			background-color:lightgoldenrodyellow;
		}
.header td:hover{
			background-color:#5F5F5F;
		}
@media only screen and (min-width: 800px) {
	tbody tr{
		height: 50px;
	}
	.priv_row
	{
		max-width: 200px;
		padding: 2px 0 2px 4px; 
		cursor: pointer; 
		position: relative; 
		border-right: 1px solid transparent;
	}
	.options_row
	{
		max-width: 60px;
		cursor: pointer; 
		position: relative; 
		border-right: 1px solid transparent;
	}
	.ellipsis {
    position: relative;
	padding: 2px 0 2px 0px; 
	cursor: pointer;
	}
	.ellipsis:before {
		content: ' ';
		visibility: hidden;
	}
	.ellipsis span {
		position: absolute;
		left: 0;
		right: 0;
		white-space: nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
		padding-left: 1px;
	}
}
.resize {
	box-sizing: border-box;
	max-width: 1;
	min-width: 1;
	cursor: col-resize; 
	background-color: #fff;
	white-space:nowrap;
	overflow:hidden;

}
.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	cursor:default;
}
.general_container{
background-color: #6D8EA0;
	border-color: #6D8EA0;
	display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    border: 1px solid transparent;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
	font-size: 15px;
    line-height: 1.42857143;
    vertical-align: middle;
	color: #FFF;
	border-radius: 4px;
	width:100%;
}
.general_container:before
{
	content: "";
	position: absolute;
    margin-left: -20px;
	margin-top:2px;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #007bff;
	border-bottom: 5px solid #007bff;
	z-index:0;
}
.nextPrevButton {
	cursor: pointer;
}
.search_record{
background: url("images/icons/if_icon-111-search_314478.png") top right     no-repeat;
padding-left:25px;   
}
.generalForm{
	border-left:1px solid rgba(191,191,191,.5);
	border-right:1px solid rgba(191,191,191,.5);
	box-shadow: 1px 3px 20px #D0D0D0;   
}
.filtering:hover{
			background-color:#81ABC1;
}
.ui-datepicker { width: 250px;}
.ui-datepicker table {width: 100%; margin: 0;}
.ui-datepicker th {
	padding: .7em .3em;
}
.ui-datepicker tr {
	border: 0;
	height: auto;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}