.bodr-all, .bodr-t, .bodr-r, .bodr-b, .bodr-l, .bodr-tl, .bodr-trl, .bodr-trb, .bodr-tbl { 
	border-style: solid; 
	border-color: #000000; 
	border-width: 0;
}
.bodr-all { border-width: 1px; }
.bodr-t { border-top-width: 1px; }
.bodr-r { border-right-width: 1px; }
.bodr-b { border-bottom-width: 1px; }
.bodr-l { border-left-width: 1px; }							
.bodr-tl { border-top-width: 1px; border-left-width: 1px; }
.bodr-trl { border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; }
.bodr-trb { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; }
.bodr-tbl { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }

.thead-primary{ background-color:#f0efef }
.thead-secondary{ background-color:#CECECE }
.thead-gray{ 
	background: #f0efef;  /* fallback for old browsers */
	background: -webkit-linear-gradient(#f0efef, #dadde0); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#f0efef, #dadde0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.ajax-file-upload-error{ color: red; }

.rowClickLink { 
    cursor: pointer; 
}

.input-readonly { /* readonly input without gray background */
	background-color:transparent;
}

.btn-close{
    padding: .5rem !important;
}

.btn-close:hover{
    color:red !important;
}

textarea.form-control.readonly{
	background-color: #fff;
}

.accordion .right{
	float: right !important;
	transition: transform ease-in-out .3s,-webkit-transform ease-in-out .3s;
}

a.linkdefault{
    color: #007bff !important;
    text-decoration: none !important;
    background-color: transparent;
}

a.linkdefault:hover{
    color: #0056b3 !important;
    text-decoration: none !important;
}

.uploadFileListBox{
    padding: 0 !important;
    display: block;
    width: 100%;
    overflow-x: auto;
}    

.uploadFileListBox .content_list ul{
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}

.uploadFileListBox .content_list li{
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.uploadFileListBox .content_list li:hover{
    background: #FFFCDB;
}

.modal-fullscreen{
    max-width: 100%;
	min-height: 15em; 
    height: 96%;
    display: flex;
    margin: 10px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media print  { 
	.noprint{display:none;}
	.PageBreak { page-break-before: always; } 
	.pageSizeA4{height: 11in; width:8in; border:0px solid #000000;}
}

@media screen { 
   .pageSizeA4{width:8in;}
}

/*----------------------------------------------------------*/
    
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #FBFAD6;
}

.padding2 td, .padding2 th{padding: 2px;}
.padding3 td, .padding3 th{padding: 3px;}
.padding5 td, .padding5 th{padding: 5px;}

.badge-darkgreen { 
	background-color: #337033; 
}
.badge-color1 { 
	background-color: #3B39AC; /*#0C0A83*/
}

.subtext-lang{
	font-style: italic; 
	font-size: 0.85em;
}

.form-control-plain{
	border: 1px solid #ced4da; 
	background-color: #fff; 
	border-radius: 0.25rem;
	padding: 0.375rem 0.75rem;
}

.custom-select.input-plain{
    padding: 0.2em 0.3em; 
    height: 2em;
}

.alert a {
    color: blue !important;
    text-decoration: none !important;
    background-color: transparent;
}

.alert a:hover {
    text-decoration: underline !important;
}

.alert-success {
    color: #000 !important;
    background-color: #c1f4c6 !important;
    border-color: #94dd9b !important;
}

.alert-danger {
    color: #000 !important;
    background-color: #fdcfcc !important;
    border-color: #ebaca8 !important;
}

.alert-warning {
    color: #000 !important;
    background-color: #fcfcaa !important;
    border-color: #eded78 !important;
}

.alert-info {
    color: #000 !important;
    background-color: #C4D8E2 !important;
    border-color: #92b6c8 !important;
}

.bg-lightwarning{
    background-color: #FAF3AD;
    border-color: #F4E76D;
}

 .callout.bg-light a {
    color: #007bff;
    text-decoration: none;
}

 .callout.bg-light a:hover {
      color: #0056b3;
    text-decoration: underline;
}

/*--------- Step-by-step Flow ---------*/
.flowsteps {
	position: relative;
	margin: 0;
	counter-reset: step;
	z-index: 1;
	overflow: auto;
	padding:0;
}
.flowsteps li {
	list-style-type: none;
	font-size: 0.9em;
	text-align: center;
	min-width: 10em;
	position: relative;
	float: left;
	margin-top: 0.8em;
	padding-right: 0.2em;
	padding-left: 0.2em;
}

.flowsteps li:before {
	display: block;
	content: counter(step);
	counter-increment: step;
	width: 32px;
	height: 32px;
	background-color: #24cc38;
	line-height: 32px;
	border-radius: 32px;
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	font-weight: 700;
	margin: 0 auto 8px auto;
}

.flowsteps li ~ li:after {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #24cc38;
	position: absolute;
	left: -50%;
	top: 15px;
	z-index: -1; 
}

.flowsteps li.active:after {
	background-color: #24cc38;
}

.flowsteps li.active ~ li:before,
.flowsteps li.active ~ li:after {
	background-color: #d8dcdd;
	color: #000;
}	
/*--------- Step-by-step Flow ---------*/