body{padding:0px; margin:0px; background-color: #ffffff; color: #000;}
.header{
    position:fixed; 
    z-index:100;
    top:0px; 
    left:0;
    width:100%;
    background-color:#ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
}
.title_bar{background-color:#981414;padding-top:10px;padding-bottom: 10px;}
h4,h5 {margin: 0px; padding: 0px;}
.onepx { font-size: 1px; line-height: 1px;}
.bg_darkred {background-color: #570b0b;}
.bg_lightred {background-color: #fbaaaa;}
.text-left { text-align: justify;}

.footer_bar{
    background-color:#3896c9;  
    display:block;
}
a.footer_bar:hover {text-decoration: none; color: #ffffff;}
a.link:hover {text-decoration:underline; color: #ffffff;}
/*GENERAL */
.txt_20 { font-size: 20px;}
.txt_16 { font-size: 16px;}
.txt_14 { font-size: 14px;}
.txt_12 { font-size: 12px;}
.ln_height_25{ line-height: 25px;}

.height_5 { height:5px;}
.height_15 { height:15px;}

.txt_10 { font-size: 10px;}
.txt_white { color:#fff;}
.txt_black { color:#000000;}
.bg_blue {background-color:#3896c9;}
.blue_border { border-bottom: 1px solid #3896c9;}
.blk_border { border:1px solid #000;}
.txt_bold { font-weight: bold;}

.padding_3 { padding: 3px;}
.padding_5 {padding:5px;}
.padding_top_3 { padding-top: 3px;}
.padding_top_8{padding-top:8px;}
.padding_10 {padding:10px;}
.padding_15 { padding: 15px;}
.padding_bottom_8{padding-bottom:8px;}
.padding_bottom_20{padding-bottom:20px;}
.padding_reset_lr { padding-left: 0px; padding-right:0px;}
.margin_l_40 { margin-right:40px; }
.rows li.share_spacing {padding-bottom:15px;}
.rows li.spacer_5 {padding-top: 15px; padding-bottom: 15px;}

.rows {margin: 0px; padding: 0px; list-style: none; background-color: #dddddd;}
.rows li {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    padding: 5px 5px 5px 5px; 
    background-color:#ffffff; 
    margin-bottom: 2px; 
    color:#000; }

.rows li.nosplit {
    margin-bottom: 0px; 
}
.border_blue {border-left:5px solid #467cde;}
.border_green {border-left:5px solid #25a220;}
.border_yellow {border-left:5px solid #fde336;}
.border_brinjal {border-left:5px solid #8752c6;}
.border_pink {border-left:5px solid #d30363;}
.block { display: block;}

.list_container,.draft_list_container{position:absolute; width:100%; z-index:10; top:0px;}
.list_inner_container,.draft_list_inner_container {margin-left:5px;margin-right:5px;}

.app{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 50px;
	width: 225px;
	text-align: center;
	padding: 180px 0px 0px 0px;
	margin: -115px 0px 0px -112px;
    z-index: 1000;
}

.page_loader{
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 225px;
    text-align: center;
    padding: 180px 0px 0px 0px;
    margin: -115px 0px 0px -112px;
    z-index: 1000;

}



.spec_gutter_padding_1 { padding:15px;}



@media (max-width: 480px) {
 .spec_gutter_padding_1 { padding:10px;}
}

/* scroll top of the page---*/
#topcontrol > div {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -transition: all 0.3s linear;
    bottom: 0px;
    cursor: pointer;
    height: 37px;
    position: absolute;
    right: 5px;
    width: 37px;
    -webkit-box-shadow: 2px 2px 0px 0px #e2e4e4;
    -moz-box-shadow: 2px 2px 0px 0#e2e4e4;
    box-shadow: 2px 2px 0px 0px #e2e4e4;    
    z-index:5;
}
.colored-bg { background-color:#981414; }
.topcontrol-arrow-up {
    content: '';
    position: absolute;
    left: 11px;
    top: 15px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid white;
}
/* scroll top of the page end*/

.center-block{ text-align:center; box-sizing: border-box;}
.center-block img{ width:7.8%; box-sizing: border-box; margin: 2px 0;}

@media screen and (max-width: 1024px){
   .center-block img{ width:16%;}
}
@media screen and (max-width: 720px){
    .center-block img{ width:24%;}
}

@media screen and (max-width: 480px){
    .center-block img{ width:32%;}
}

.rasi_header { background-color:#981414;color:#ffffff;font-size:18px;padding:5px;}
.rasi_name {background-color:#981414;color:#ffffff;font-size:18px;padding:15px;}
.rasi_margin_5 {margin:5px;}
.rasi_subheading {padding:5px; font-size:18px;}
.relative { position: relative;}
.left {float: left;}
.monthview_share {position:absolute;right:-10px; top:-15px;}
.monthview_clear {clear:both;height:1px;}