body {
	padding-top: 0px;
	padding-bottom: 100px;
}

.body-content {
	padding-left: 0px;
	padding-right: 0px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
	/**/
}

/* Carousel */
.carousel-caption p {
	font-size: 20px;
	line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
	width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
	display: none
  }
}

.rwDisabledUser {
	font-style: italic;
	text-align: right;
	color: darkgray;
}

.filterBlink {
	animation-name:animBlink;
	animation-duration: 1s;
	animation-iteration-count: 15;
	background-color: lightgray;
}
.filterBlinkShort {
	animation-name:animBlink;
	animation-duration: 1s;
	animation-iteration-count: 3;
	background-color: lightgray;
}
@-webkit-keyframes animBlink {
	0%   {background-color: darkgray;}
	100% {background-color: white;}
}
@keyframes animBlink {
	0%   {background-color: darkgray;}
	100% {background-color: white;}
}


.listRowBlink {
	animation-name:animBlinkRow;
	animation-duration: 1s;
	animation-iteration-count: 1.5;
}
@-webkit-keyframes animBlinkRow {
	0%   {background-color: aqua;}
	100% {background-color: white;}
}
@keyframes animBlinkRow {
	0%   {background-color: aqua;}
	100% {background-color: white;}
}


.glyphicon.spinning {
	animation: spin 1s infinite linear;
	-webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
	from { transform: scale(1) rotate(0deg); }
	to { transform: scale(1) rotate(360deg); }
}
@-webkit-keyframes spin2 {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}

.tblListMain > tr {
	
}
.tblListMain  thead  th {
	padding: 20px 5px 20px 5px !important;
	/*border-top:2px double black !important;*/
	border-bottom:2px ridge black !important;
	border-top:2px ridge black !important;
	font-size:1.2em;
}
.listTitle {
	white-space: nowrap;
	background-color:#fafafa;
}

.listTitleAjax {
	text-wrap: none;
	text-align: left;
	font-size: 0.9em;
	font-style: italic;
	white-space: nowrap;
}
.listItemAjax {
	font-size: 0.9em;
}
.lnkAjax {
	font-size: 1.1em;
}
.listItemColorMark {
	font-size:1.25em;
}


.btnL-FS {
    border-radius: 5px 0px 0px 5px!important;
    border-left: 1px solid black !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-right: 0px !important;
    background-color: white !important;
}
    .btnL-FS:hover {
        border-radius: 5px 0px 0px 5px !important;
        border-left: 1px solid black !important;
        border-top: 1px solid black !important;
        border-bottom: 1px solid black !important;
        border-right: 0px !important;
        background-color: white !important;
    }
.btnM-FS {
	background-color: white;
	border: 1px solid black !important;
	border-right: 0px !important;
	border-left: 0px !important;
	background-color: white !important;
}
.btnM-FS:hover {
	background-color: white;
	border: 1px solid black !important;
	border-right: 0px !important;
	border-left: 0px !important;
	background-color: white !important;
}
.btnR-FS {
    border-radius: 0px 5px 5px 0px!important;
    border-right: 1px solid black !important;
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
    border-left: 0px !important;
    background-color: white !important;
}
.btnR-FS:hover {
	border-radius: 0px 5px 5px 0px;
	border-right: 1px solid black !important;
	background-color: white !important;
}


.frmElemCompulsory {
	font-size: 1.25em;
	color: red;
	padding: 0px 5px 0px 0px;
}


.FSSoloBox {
	border: 1px solid black;
	border-radius: 5px !important;
	color:black;
}
.FSSoloBox > .dropdown-toggle {
	background-color:white !important;
	border: 1px solid black;
	border-radius: 5px !important;
}
.clsHasVal > .dropdown-toggle {
	color:black !important;
	background-color: aliceblue	 !important;
	font-weight: bold !important;
	border: 1px solid black;
}
.clsHasVal > button {
    background-color: aliceblue !important;
}
.clsHasVal {
    color: black !important;
    background-color: aliceblue !important;
    font-weight: bold !important;
}
.clsHasVal:hover {
	color:black !important;
	background-color: aliceblue	 !important;
	font-weight: bold !important;
}
#sw.clsHasVal > .dropdown-toggle {
    color: black !important;
    background-color: aliceblue !important;
    font-weight: bold !important;
    border: 0px solid black;
}


/*
.clsHasVal {
	background-color:#428BCA; 
	color:white;
}*/
.clsAddPgItm {
	width: 25%;
}
.clsAddPgItmTitle {
	padding-top:20px;
	width: 25%;
}
.clsHLFld {
	background-color:#428BCA; 
	color:white;
}

.ajxList {
	position: absolute; 
	overflow: auto; 
	max-height:10em; 
	width:91%;
	background-color: whitesmoke; 
	border-style: outset; 
	padding: 0px; 
	box-shadow: rgb(170, 170, 170) 3px 3px 3px 3px;
	z-index: 3;
}
.ajxListHidden {
	display:none;
	visibility:hidden;
}
.ajxListShown {
	display:block;
	visibility:visible;
}
.ajxListItem {
	width:100%;
	padding-left: 0.4em;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-bottom: 0.2em;
	display: block;
	text-decoration: none;
	max-width: 100em;
	min-height: 1.5em;
}
.ajxListItem:hover {
	padding: 0.5em;
	display: block;
	text-decoration: none;
	background-color: #ffffff;
	width: 100%;
	min-height: 2em;
}	


.clearable{
  background: #fff url(/images/zgen_frm_cross_tiny.gif) no-repeat right -15px center;
  color:black;
  content:" X ";
  transition: background 1.5s;
}
.clearable.x  { background-position: right 9px center; cursor:pointer !important; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */




.searcharea{
	position:relative;
}
.searcharea > .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	left:0px;
	color:black;

}
.searcharea input  { padding-left:  30px; padding-right:30px; }

.datearea{
	position:relative;
}
.datearea > .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	right:5px;
	color:black;

}
.datearea input  { padding-left:  20px; padding-right:30px; }

.prefixarea{
	position:relative;
}
.prefixarea > .fa {
	position: absolute;
	padding: 10px;
	pointer-events: none;
	left:5px;
	color:black;

}
.prefixarea input  { padding-left:  30px; padding-right:10px; }





.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: azure;
}
.tblListMain tbody {
    cursor: pointer;
}
.tblListMain thead th {
    padding: 20px 5px 20px 5px !important;
    /*border-top:2px double black !important;*/
    border-bottom: 2px ridge black !important;
}
.tblListMain tbody td {
    vertical-align: top !important;
}
.rwLnk {
    vertical-align: top !important;
}







.panel-merp-fs {
    /*border-bottom: 1px solid gray;*/
    /*border-radius:10px;*/
}

.panel-merp-lst {
    /*border:2px solid #BBDEFB;*/
    /*border-radius:10px;*/
}

.panel-merp-op {
    border: 3px solid #BBDEFB;
    border-radius: 15px;
    padding:0.5em;
}

.panel-merp-op-head {
    background: linear-gradient(#BBDEFB,white);
    border-radius: 10px 10px 0px 0px;
    padding: 1em;
    font-size: 1.75em;
    text-decoration: none !important;
}

    .panel-merp-op-head > .fa-close {
        font-size: 2em !important;
    }

.panel-merp-op-body {
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    padding: 15px;
}