.color-primary-color-light {color: #FFCCCC; }
.color-primary-color {color: #AA0000; }
.color-primary-color-dark {color: #FF0000; }
.color-text_color_sidebar_primary { color: #F1F1F1; }

.bgcolor-primary-color-light {background-color: #FFCCCC; }
.bgcolor-primary-color {background-color: #AA0000; }
.bgcolor-primary-color-dark {background-color: #FF0000; }



body { /*background: #FFCCCC;*/ color: #212121;}

a {color:#fc575e}
a {color: #212121;}
a:focus {
    outline: 2px auto #FF9999;
    outline-offset: -2px;
}

.margin-top{}

.navbar-header{float:none;text-align: center;}
    
    /* top bar */
    .navbar a  {color:#F1F1F1;}
    .navbar a:hover  {color:#F1F1F1;}
    .navbar-default .navbar-brand,
    .navbar-default .navbar-brand:hover {color: #F1F1F1;}

        .navbar{background-color: #FF0000}

    
        .back{background-color: #feaf8d;}
        .search{background: #fb7b74; }
        
        .tw{background: #3fc6f3}
        .fb{background: #0d9be5}
    
    
    /* toggle button */

    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {background-color: #FF0000;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #000;}
    


    .nav li a {color:#7b7a7e;}
   
    




        .sidebar-offcanvas ul li{background-color: #FF0000;}
        .sidebar-offcanvas ul li a{color:#F1F1F1;}
        .sidebar-offcanvas ul li a:hover{color:#F1F1F1;background:#AA0000;}
        .sidebar-offcanvas ul li a:focus{color:#212121;background: #FF9999;}
        .sidebar-offcanvas ul li a.active {color:#212121;background: #FF9999;}

.login-wall
{   
    background-color: #AA0000;
}


span.input-group-addon
{
background-color: #FFCCCC;
}


img.logo-ten2 {
        background: #AA0000;
	//padding: 10px;
	//display: inline;
}
img.logo-promo {
        background: #AA0000;
        //padding: 10px;
        //display: inline;
}
img.logo-hera {
        background: #DDD;
        //padding: 10px;
        //display: inline;
}


.sidebar-header {
        color: #F1F1F1;
}

i.my-fa-themed{
        color: #FF0000;
}
i.my-fa-themed:hover{
	color: #FF9999;	
}


.my-btn-primary{
	background-color: #FF0000;
	border-color: #FF0000;
	color: #F1F1F1;
	transition-duration: 0.25s;

}
.my-btn-primary:hover, .my-btn-primary:focus{
	background-color: #FF9999;
	border-color: #FF0000;
	color: #212121	outline: 5px auto #FF9999;
}

.my-btn-primary:active:active{
        background-color: #FF9999;
        border-color: #FF0000;
        color: #212121;
	outline: 5px auto #FF9999; 
}


.my-row-archive {
        //border-bottom: 1px solid #FF9999;

}
.my-row-archive:hover {
	//background-color: #FF9999;
}

.my-ricez-badge {
	background-color: #FF9999;
	color: #212121;
}

.blockquote, .blockquote-reverse {
	border-color: #FF0000;
}
.bubble {
        color: #212121;
	background-color: #FFCCCC;
}

.bubble-contact:hover {
	color: #F1F1F1;
	background-color:#FF9999;
} 

.bubble-mt {
	background-color: #FFCCCC;
	color: #212121;
}
.bubble-mt:after {

	border-color: transparent #FFCCCC;
}
.bubble-mo {
        background-color: #FF0000;
        color: #F1F1F1;
}
.bubble-mo:after {

	border-color: transparent #FF0000;
}

.bubble-diff {
        color: #F1F1F1;
        background-color: #FF9999;
}
.bubble-bulk {
        color: #212121;
        background-color: #FFCCCC;
}


.bubble-no {
        background-color: #FFCCCC;
        color: #212121;
	background-color: #CCC;
}
.bubble-no:after {

        border-color: transparent #FFCCCC;
	border-color: transparent #CCC;
	border-color: transparent transparent;
	
}

.panel-info {
  border-color: #FFCCCC;
}
.panel-info > .panel-heading {
  color: #F1F1F1;
  background-color: #FF0000;
  border-color: #FFCCCC;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FF0000;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FF0000;
}

.recharge-tier {
}
.recharge-tier:hover {
background: linear-gradient(to bottom, #FFCCCC 0%, #FFCCCC 33%,#ececec 34%,#ececec 100%);
border-color: #FFCCCC;
}

.recharge-tier:active {
border-color: #FF0000;
background: #FFCCCC;
background: linear-gradient(to bottom, #FF0000 0%, #FF0000 33%, #FFCCCC 34%, #FFCCCC 100%);
}
.recharge-tier.selected {
border-color: #FF0000;
background: #FFCCCC;
background: linear-gradient(to bottom, #FF0000 0%, #FF0000 33%,#ececec 34%,#ececec 100%);
background: linear-gradient(to bottom, #FF0000 0%, #FF0000 33%, #FFCCCC 34%, #FFCCCC 100%);
}

.recharge-tier:hover h3 span {
border-color: #FFCCCC;
box-shadow: 0 8px 20px #FFCCCC inset, 0 5px 0 #ddd inset;
}
.recharge-tier:active h3 span{
border-color: #FF0000;
}
.recharge-tier.selected h3 span {
border-color: #FF0000;
box-shadow: 0 -4px 20px #FF0000 inset, 0 -2px 0 #FFCCCC inset;

}
.recharge-tier-square:hover h3 span {
border-color: #FFCCCC;
box-shadow: 0 0px 0px #FFCCCC inset, 0 0px 0 #ddd inset;
}
.recharge-tier-square:active h3 span{
border-color: #FF0000;
}
.recharge-tier-square.selected h3 span {
border-color: #FF0000;
box-shadow: 0 0px 0px #FF0000 inset, 0 0px 0 #FFCCCC inset;

}

.city-tier {
}
.city-tier:hover {
border-color: #FFCCCC;
background: #FFCCCC;
}

.city-tier:active {
border-color: #FF0000;
background: #FFCCCC;
}
.city-tier.selected {
border-color: #FF0000;
background: #FFCCCC;
}
.message-tier {
}
.message-tier:hover {
border-color: #FFCCCC;
background: #FFCCCC;
}

.message-tier:active {
border-color: #FF0000;
background: #FFCCCC;
}
.message-tier.selected {
border-color: #FF0000;
background: #FFCCCC;
}

.alert-warning {
 //   color: #F1F1F1;
   // background-color: #FF0000;
   // border-color: #FFCCCC;
}

.input-has-error:focus {
	border-color: #a94442;
	border-width: 4px;
}

.input-has-error {
        border-color: #a94442;
        border-width: 4px;
}

.input-has-success:focus {	
	border-color: #FF0000;
	border-width: 4px;
}

.input-has-success {
        border-color: #FFCCCC;
	border-width: 4px;
}

.label-diff {
	background-color: #FF0000;
	color: #F1F1F1;
	font-weight: normal;
}

.theme-combo-1 {
background-color: #FF0000; 
color: #F1F1F1;
}

.theme-combo-2 {
background-color: #AA0000;
color: #F1F1F1;

}
.theme-combo-3 {
background-color: #FFCCCC;
color: #212121;
}
.theme-combo-4 {
background-color: #FF9999;
color: #212121;
}


.theme-combo-1-inverted {
color: #FF0000;
background-color: #F1F1F1;
}

.theme-combo-2-inverted {
color: #AA0000;
background-color: #F1F1F1;

}
.theme-combo-3-inverted {
color: #FFCCCC;
background-color: #212121;
}
.theme-combo-4-inverted {
color: #FF9999;
background-color: #212121;
}

.theme-color-1 {
color: #FF0000;
}

.theme-color-2 {
color: #AA0000;

}
.theme-color-3 {
color: #FFCCCC;
}
.theme-color-4 {
color: #FF9999;
}


.theme-bg-color-1 {
background-color: #FF0000;
}

.theme-bg-color-2 {
background-color: #AA0000;

}
.theme-bg-color-3 {
background-color: #FFCCCC;
}
.theme-bg-color-4 {
background-color: #FF9999;
}


/* .slidecheckboxThree */
.slidecheckboxThree {
  background:#FFCCCC;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
}
.slidecheckboxThree:after {
  color: #000;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}
.slidecheckboxThree:before {
  color: #FF0000;
}
.slidecheckboxThree label {
  background: #fcfff4;
  background: #FF0000;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

/* .roundedOne */
.roundedOne {
}
.roundedOne:before {
}
.roundedOne label:after {
        background:  #FF0000;
}




/* collapsed sidebar styles */
@media screen and (max-width: 767px) {

    
    .affix {position: static;}
    #affix{width: 100%;}
  
    .sidebar-offcanvas{
        background-color: #FF0000;
    }


    .nav > li > a:focus{background-color: #ff625f}
    
   
.my-row-archive {
        border-bottom: 0px;
}
 
}