#h, #f   { color: white; }
.primary { color:#990000; }
.white   { color:#ffffff !important; }
.w100 { width: 100%; }
.nav_head 
    {
    xmargin-bottom: 10px;
    background-color: #222;
    border-radius: 4px;
    border: 1px solid #000;
    }
.site_name	{	font-size:36px;	color:#003366;	padding:5px;	padding-left:15px;	padding-right:30px;	white-space:nowrap;	}
.stitles	{	text-align:left;	xfont-size:14px;	font-weight:bold;	color:#990000 !important;	xpadding-left:5px;	}
.xbsize { font-size: 0.9em; }
.tsize { font-size: 0.9em; }
.cmiefooterbg > div > p > a:hover          { color: #FFFFFF; }
.cmiefooterbg > div > p > a:active         { color: #FFFFFF; }
.cmiefooterbg > div > p > a:visited        { color: #FFFFFF; }
.cmiefooterbg > div > p > a:link           { color: #FFFFFF; }
.cmiefooter p                  { background-color: #000000; color: #9d9d9d;   }
.cmiefooterbg                  { xmargin:0px; background-color: #0d0d0d; border-radius: 4px; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #fff; }
.nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus { color: #555 !important; background-color: #fff !important; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { text-decoration: none; background-color: #eee !important; }
.cmienavbarbg                { background-color: #222;  }
.cmienavbarbg > li > a       { color: #FFFFFF;             }
.cmienavbarbg > li > a:hover { text-decoration: underline; }
.dropdown-menu > a:hover, .dropdown-menu > a:focus { color: #fff; text-decoration: underline; background-color: #222; }
.glow_white { color: #ffffff; background-color: transparent; }
.cont_tab  { display:table; }
.cont_tab_pos  { display:table-cell; vertical-align:middle; }
.danger { color: #a94442; background-color: #f2dede; }
.danger_br { border-color: #ebccd1; }
.success { color: #3c763d; background-color: #dff0d8; }
.success_br { border-color: #d6e9c6; }
.txt_success { color: #3c763d; }
.txt_danger { color: #a94442; }
.algn_right { text-align: right; }
.algn_left  { text-align: left;  }
.algn_cntr  { text-align: center;  }
.remove-mrgn-btm { margin-bottom: 0px; }
.add-padd-btm { padding-bottom:5px; }
.nwrap { white-space: nowrap; }
.table th { border-top: 0px; }
.dataTables_wrapper .dataTables_info  { text-align:left; } /* over written original */
.form-group { margin-bottom: 0.5rem; }
#rst_table2 caption            { padding-top: 0px; caption-side: top; }
.brk-wrd { word-break: break-all; }
.col-form-label { font-weight: bold; }
.fwb { font-weight: bold; }
.form-control-plaintext { font-weight: bold; color: #990000;  }
.pymt_rev .form-control-plaintext { padding-bottom: 0px; font-weight: unset; color: #000000; }
.asterik_1
    {
    color:#FF0000; 
    font-weight:bold;
    }
.asterik_2
    {
    color:#FF0000; 
    font-weight:bold;
    position:absolute;
    margin-left:2%;
    }
#toTop
    {    
    position: fixed;
    bottom: 95px;
    right: 40px;
    cursor: pointer;
    background-color: #990000;
    display: none;
    }    
#toTop .fa { margin-right: 5px; }
.resp_rlist 
    {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    padding:0px;
    padding-left: 13px;
    column-gap: 30px; /* 4rem */
    /*-moz-column-fill: balance;
    column-fill: balance;*/
    white-space: nowrap;
    }
.resp_rlist li 
    {
    border-bottom:0px solid #ff0000;
    padding-top:12px;
    }
.ui-autocomplete { max-height: 150px; overflow-y: auto; overflow-x: hidden; }
.card-info > .card-header
    {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    }
.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.list-group-item-info { color: #31708f; background-color: #d9edf7; }
/* media queries */
html { font-size: 1em; }
@media screen and (min-width: 0px) and (max-width: 320px)
    {
    #site_name  { font-size: 25px; }
    #site_intro { display: none !important; }
    html { font-size: .8em; }
    .xbsize { font-size: 1.1em; }
    .tsize { font-size: 1.1em; }
    .resp_rlist { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    #rst_table { border: 0; }
    #rst_table thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #rst_table > tbody > #ms_hide { display: none; }
    #rst_table tr:not(:last-child) { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #rst_table tr:not(:last-child) td { border-bottom: 1px solid #ddd; display: block; text-align: right; width: 100%; }
    #rst_table tr:not(:last-child) td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	xtext-transform: uppercase;
	}
    /* resp table 2 */
    #rst_table2 { border: 0; }
    #rst_table2 thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #rst_table2 > tbody > #ms_hide { display: none; }
    #rst_table2 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #rst_table2 tr td { border-bottom: 1px solid #ddd; display: block; text-align: right; xwidth: 100%; }
    #rst_table2 tr td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	xtext-transform: uppercase;
	color: #880000;
	}
    }
@media screen and (min-width: 321px) and (max-width: 575px)
    {
    #site_name  { font-size: 30px; }
    #site_intro { display: none !important; }
    html { font-size: .8em; }
    .xbsize { font-size: 1.1em; }
    .tsize { font-size: 1em; }
    .resp_rlist { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
    #rst_table { border: 0; }
    #rst_table thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #rst_table > tbody > #ms_hide { display: none; }
    #rst_table tr:not(:last-child) { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #rst_table tr:not(:last-child) td { border-bottom: 1px solid #ddd; display: block; text-align: right; width: 100%; }
    #rst_table tr:not(:last-child) td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	}
    /* resp table 2 */ 
    #rst_table2 { border: 0; }
    #rst_table2 thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #rst_table2 > tbody > #ms_hide { display: none; }
    #rst_table2 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #rst_table2 tr td { border-bottom: 1px solid #ddd; display: block; text-align: right; xwidth: 100%; }
    #rst_table2 tr td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color: #880000;
	}
    }
@media screen and (min-width: 576px) and (max-width: 767px)
    {
    #site_intro { display: none !important; }
    #site_name { xwidth: 320px; font-size: 30px; }
    html { font-size: .8em; }
    .xbsize { font-size: 1em; }
    .tsize { font-size: 1em; }
    .resp_rlist { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
    /* resp table 2 */ 
    #rst_table2 { border: 0; }
    #rst_table2 thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #rst_table2 > tbody > #ms_hide { display: none; }
    #rst_table2 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #rst_table2 tr td { border-bottom: 1px solid #ddd; display: block; text-align: right; xwidth: 100%; }
    #rst_table2 tr td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color: #880000;
	}
    .pymt_rev .col-form-label { text-align: right; }
    }
@media screen and (min-width: 768px) and (max-width: 991px)
    {
    #site_intro { display: none !important; }
    #site_name { xwidth: 320px; font-size: 40px; }
    .tsize { font-size: 0.85em; }
    html { font-size: .8em; }
    .pymt_rev .col-form-label { text-align: right; }
    }
@media screen and (min-width: 992px) and (max-width: 1199px)
    {
    #site_name { xwidth: 320px; font-size: 40px; }
    html { font-size: 0.9em; }
    .pymt_rev .col-form-label { text-align: right; }
    }
@media screen and (min-width: 1200px)
    {
    #site_name { xwidth: 320px; font-size: 40px; }
    html { font-size: 1em; }
    .pymt_rev .col-form-label { text-align: right; }
    }
