html
    {
    width:100%;
    height: 100%;
    display: table;
    }
body
    {
    font-family: Roboto, carlito, caslon, lilgrotesk, Arial, Helvetica, sans-serif;
    height: 100%;
    width:100%; 
    min-height: 100% !important;
    display:table-cell;
    font-size: 1rem;
    line-height: 1.5;
    }
.headerfont       
    {
    font-size: 1.2rem;
    text-align: justify; 
    }
.header           
    {
    background: #FFFFFF;
    }
.pf_layout
    {
    width: 640px;
    left: 50%;
    margin-left:auto;
    margin-right:auto;
    }
.pf_logo
    {
    width: 42px !important; padding: 5px; padding-left: 10px; vertical-align: bottom;
    }
.site-title       
    {
    font-size: 2rem;
    color: #000000; 
    }

#site_name  a:hover { color: #000000  !important; text-decoration: none; }
.site-title  a:hover { color: #000000  !important; text-decoration: none; }

.pf-site-title 
    {
    text-align:left; line-height:40px; padding:0px; 10px; padding-left: 5px; padding-right: 10px; vertical-align: bottom;
    }
.site-link        
    {
    color: #000000; 
    }
.site-text        
    {
    background: #FFFFFF;
    border-radius: .3rem;
    padding: 1rem 1rem;
    margin-bottom: 0; 
    }
.article_plate    
    {
    height: 200px;
    width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    text-align: center; 
    }
.fixed-top        
    {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; 
    }
.anchor-text      
    {
    color: #000000; 
    }
.sticky.is-sticky
    {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    }
/* Top navigation related start */
#toTop
    {
    position: fixed;
    bottom: 95px;
    right: 40px;
    cursor: pointer;
    display: none;
    }
#toTop .fa
    {
    margin-right: 5px;
    }
/* Top navigation related end */
.dropdown-item.active, .dropdown-item:active
    {
    color: #000;
    background-color: #fff;
    }
.text-muted       
    {
    color: #777; 
    }
.art_border       
    {
    padding: 0px 20px; 
    }
.art_type         
    {
    float: left;
    margin-right: 10px;
    }
.art_head a       
    {
    color: #636363 !important; 
    }
.art_head_b a       
    {
    color: #000000; 
    }
.art_head_b
    {
    font-size: 1rem;
    line-height: 1.5;
    }
.art_auth         
    {
    line-height: 1.5;
    margin-bottom: 18px;
    color: #636363;
    font-size: .9rem;
    font-weight: 300;
    margin-top: 5px; 
    }
.my-svg-container 
    {
    display: inline-block;
    width: 100%; 
    }
.img              
    {
    float: left;
    margin: 0 20px 20px 0;
    }
h3                
    {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 24px;
    color: #990000;
    font-weight: normal; 
    }
.plus
    {
    background-image:url(/image/cssimg/plus.gif);
    background-repeat:no-repeat;
    width:17px;
    background-position:right top;
    }
.continuation
    {
    background-image:url(/image/cssimg/continuation.gif);
    background-repeat:repeat-y;
    width:17px;
    background-position:right top;
    }
.end_plus
    {
    background-image:url(/image/cssimg/end_plus.gif);
    background-repeat:no-repeat;
    background-position:right top;  width:17px;
    }
label
    {
    margin-bottom: 0;
    }
.nav-pills .nav-link.active
    {
    background: #f5f5f5 !important;
    }
.pre_login_elem_1_h2
    {
    margin: 0 0 20px 0;
    padding: 0;
    }
.pre_login_elem_1_h3
    {
    color: #555;
    font-weight: 300;
    font-size: 1.10rem;
    line-height: 26px;
    font-style: italic;
    margin: 0;
    padding: 0;
    }
.green_tile
    {
    width: 100%;
    margin: 0px 0px;
    margin-bottom: 0px;
    margin-bottom: 10px;
    padding: 1px 0;
    line-height: 1.35;
    overflow: hidden;
    xbackground-color: #f4dede;
    }
.art_border
    {
    padding: 0px 20px;
    }
.art_meta
    {
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 10px;
    padding: 20px 20px 16px 0px;
    }
.green_table
    {
    width: 100%;
    }
.green_td1
    {
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: .1em;
    xtext-transform: uppercase;
    padding-bottom: 4px;
    padding: 0 0 16px 0;
    vertical-align: top;
    }
.green_td2
    {
    xpadding: 0 0 16px 0;
    font-size: 4.0rem;
    font-weight: 300;
    xvertical-align: bottom;
    xtext-align: right;
    line-height: 1;
    }
.green_td3
    {
    padding: 0 0 16px 0;
    font-size: 1.5rem;
    font-weight: 300;
    vertical-align: bottom;
    text-align: right;
    line-height: 1;
    }
.negative_num
    {
    color: red;
    }
.positive_num
    {
    color: #61c250;
    }
.green_footer
    {
    text-align: right;
    color: #818181;
    font-size: .9rem;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.green_td1 span
    {
    text-transform: none;
    letter-spacing: normal;
    color: #999999;
    font-size: .7rem;
    font-weight: 400;
    }
.green_td2 span
    {
    text-transform: none;
    letter-spacing: normal;
    color: #999999;
    font-size: 0.8rem;
    font-weight: 400;
    }
.rep_footer
    {
    text-align: right;
    color: #818181;
    font-size: .9rem;
    padding: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    }
.rep_td_r
    {
    padding: 4px;
    border-bottom: 1px dotted #eeeeee;
    }
.rep_row0_td
    {
    padding: 4px;
    border-bottom: 1px dotted #eeeeee;
    }
.rep_head_td
    {
    text-align: center;
    padding: 4px;
    }
.rep_foot_td_first
    {
    padding: 4px;
    color: #818181;
    };
.stat_tbl_tile
    {
    width: 100%;
    margin: 0px 5px;
    margin-bottom: 0px;
    margin-bottom: 10px;
    line-height: 1.35;
    overflow: hidden;
    xbackground-color: #f4dede;
    }
#call-to-action
    {
    xbackground: #343a40;  /* fallback for old browsers */
    xbackground: -webkit-linear-gradient(to top, #414345, #343a40);  /* Chrome 10-25, Safari 5.1-6 */
    xbackground: linear-gradient(to top, #414345, #343a40); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 5px 0;
    }
#call-to-action .cta-title
    {
    color: #000000;
    }
.section-header
    {
    margin-bottom: 30px;
    }
.section-header h2
    {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    }
.section-header h2::before
    {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    bottom: 0;
    left: 0;
    }
/* Our Portfolio Section Start
--------------------------------*/
.no-gutters
    {
    padding-right: 0;
    padding-left: 0;
    }
.gutters
    {
    margin-right: 15px;
    margin-left: 15px;
    }
#portfolio
    {
    background: #fff;
    xpadding: 30px 0;
    }
#portfolio .portfolio-overlay 
    {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all ease-in-out 0.4s;
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
    }
#portfolio .portfolio-item
    {
    overflow: hidden;
    position: relative;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    }
#portfolio .portfolio-item h2
    {
    color: #ffffff;
    font-size: 1.5rem;
    margin: 0;
    text-transform: capitalize;
    font-weight: 700;
    }
#portfolio .portfolio-item img
    {
    transition: all ease-in-out 0.4s;
    width: 100%;
    }
#portfolio .portfolio-item:hover img
    {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    }
#portfolio .portfolio-item:hover .portfolio-overlay
    {
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
    }
#portfolio .portfolio-info
    {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }
/* Our Portfolio Section End
--------------------------------*/
.rep_head_unit
    {
    background-color: #f4dede;
    text-align: left;
    padding: 4px;
    }
.outer_photo
    {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    xbackground-image:url("/image/ind.png");
    xbackground-repeat: no-repeat;
    xbackground-size: 100% auto;
    }
.photo_text
    {
    color:#cc0c0c;
    xfont-weight: bold;
    line-height: 1.5;
    }
.inner_photo
    {
    bottom: 0;
    xbackground: rgb(0, 0, 0);
    xbackground: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    padding: 20px;
    }
.card_tabs
    {
    background-color: #fdfdfd !important;
    border: none;
    }
.card-header_tabs
    {
    background-color: #fdfdfd !important;
    border: none;
    }
.rep_caption
    {
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    caption-side: top;
    }
.navbar-dark .navbar-nav .nav-link
    {
    color: #FFFFFF !important;
    }
.navbar-brand
    {
    font-size:1rem;
    }
.nav-pills > li + li { margin-left: 2px; }
.main_ana > .card > .card-block > .card-title > h3
    {
    font-size: 1.75rem !important;
    }

/* --- Start ---- ALert and feedback */
@media screen and (max-width: 900px)
    {
    #restbl_900 { border: 0; }
    #restbl_900 caption { font-size: 1em; }
    #restbl_900 thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #restbl_900 > tbody > tr > #restbl_hide { display: none; }
    #restbl_900 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #restbl_900 td { border-bottom: 1px solid #ddd; display: block; xfont-size: .8em; text-align: right; width: 100%; }
    #restbl_900 td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	}
    #restbl_900 td:last-child { border-bottom: 0; }
    }
/* --- End ---- ALert and feedback */

/*  --- Start --- Overrite below classes inside your local css file to change theme color*/
.handsontable .ht_highlightrow, .current
    {
    background: -moz-linear-gradient(top, rgba(50, 255, 50, 0.10) 0%, rgba(50, 255, 50, 0.10) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50, 255, 50, 0.10)), color-stop(100%,rgba(50, 255, 50, 0.10)));
    background: -webkit-linear-gradient(top, rgba(50, 255, 50, 0.10) 0%,rgba(50, 255, 50, 0.10) 100%);
    background: -o-linear-gradient(top, rgba(50, 255, 50, 0.10) 0%,rgba(50, 255, 50, 0.10) 100%);
    background: -ms-linear-gradient(top, rgba(50, 255, 50, 0.10) 0%,rgba(50, 255, 50, 0.10) 100%);
    background: linear-gradient(to bottom, rgba(50, 255, 50, 0.10) 0%,rgba(50, 255, 50, 0.10) 100%);
    background-color: rgba(0, 0, 0, 0);
    }

.bg-light, .bg-light a
    {
    color: #000000 !important;
    }
.footer            
    {
    border-top: 1px solid #FF00DD; 
    }
.footlink
    {
    color: #ffffff;
    }
.footlink:hover
    {
    color: #bbbbbb;
    }
.data_table_sub_head
    {
    }
.primary_color
    {
    color: #FF00DD !important;
    }
.primary_bg_color
    {
    background: #FF00DD !important;
    color: #ffffff !important;
    }
.primary_br_color
    {
    border: 1px solid #FF00DD !important;
    }
.header_primary_ul::before
    {
    background: #FF00DD !important;
    }
.primary_color_border_bottom
    {
    border-bottom: 1px solid #FF00DD !important;
    }
.primary_color_border_top
    {
    border-top: 1px solid #FF00DD !important;
    }
.setwarning
    {
    font-size: 1.17rem !important;
    color: #636363 !important;
    }
a:hover           
    {
    }
.secondary_color
    {
    color: #FF50DD !important;
    }
.secondary_bg_color
    {
    background: #FF50DD !important;
    color: #000000 !important;
    }
.secondary_br_color
    {
    border: 1px solid #FF50DD !important;
    }
.secondary_color_border_bottom
    {
    border-bottom: 1px solid #FF50DD !important;
    }
.secondary_color_border_top
    {
    border-top: 1px solid #FF50DD !important;
    }
.btn_primary
    {
    background: #FF50DD !important;
    color: #ffffff !important;
    }
/*seek clarification*/
.fl
    {
    float: left;
    }
#stable	
    {	
    margin-top:5px;	
    margin-bottom:5px;	
    border-collapse:collapse;	
    }
#stable th	{	color:#FFFFFF;	 border-collapse:collapse;	}
#stable th strong      {	font-weight:normal !important;	}
#stable td	{	padding:4px;	color:#4c5f72;	line-height:16px;   border-collapse:collapse;	}
.sup_form_tab p
    {
    margin: 2px !important;
    padding: 2px !important;
    }
.s_tb	
    {
    border:0px;
    }
.s_rb	
    {
    border:0px;
    }
.s_bb	
    {
    border:0px;
    }
.highlight_lr_border
    {
    border-left: 1px solid #f4dede;
    border-right: 1px solid #f4dede;
    }
@media screen and (max-width: 991px)
    {
    .highlight_lr_border
	{
	border: none;
	}
    }
@media screen and (max-width: 600px)
    {
    #stable { border: 0; }
    #stable caption { font-size: 1em; }
    #stable thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #stable > tbody > #ms_hide { display: none; }
    #stable tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #stable td { border-bottom: 1px solid #ddd; display: block; text-align: right; width: 100%; }
    #stable td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	}
    #stable td:last-child { border-bottom: 0; }
    .green_td2
	{
	font-size: 20px !important;
	}
    }
@media screen and (max-width: 900px)
    {
    #stable_900 { border: 0; }
    #stable_900 caption { font-size: 1em; }
    #stable_900 thead
	{
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
    #stable_900 > tbody > #ms_hide { display: none; }
    #stable_900 tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    #stable_900 td { border-bottom: 1px solid #ddd; display: block; text-align: right; width: 100%; }
    #stable_900 td:before
	{
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	}
    #stable_900 td:last-child { border-bottom: 0; }
    }
/*  --- End--- Overrite below classes inside your local css file to change theme color*/
