.container {
    color: black;
    alignment-baseline: central;
}
.container-fluid {
    width: 80%;
    padding-top: 0px;
    color: white;
    alignment-baseline: central;
}
.container-custom1 {
    width: 80%;
    margin: 0 auto;
    padding-top: -10px;
    color: black;
    alignment-baseline: central;
}
.container-custom2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    color: black;
    alignment-baseline: central;
}
.container-custom3 {
    width: 80%;
    font-size: 16px;
    margin: 0 auto;
    padding-top: 15px;
    color: black;
    alignment-baseline: central;
/*  transform: scale(1.05, 1.05); */
}
/* If the padding property has four values:
padding: 25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px  */
container-custom4 {
    width: 50%;
    margin: 0 auto;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: black;
    alignment-baseline: left;
}
container-custom5 {
    width: 80%;
    margin-top: 150px;
    color: black;
    padding-top: 50px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    alignment-baseline: left;
}

.container-custom-output {
    width: 80%;
    border: 50px #003bb3;   
    margin: 0 auto;
    padding-top: 10px;
    color: black;
    alignment-baseline: central;
}
.mycontent-left {
    padding-right: 10px;
    border-right: 1px solid;
    border-right-color: black;
}
body {
/*    margin-top: 115px;*/
    margin-top: 115px;
    padding-top: 0px;
    color: black;
    /*    font-family:  Helvetica, sans-serif */
}
popup {
    margin-top: 10px;
    padding-top: 10px;
    color: black;
}

/*to make all images reponsive by default 
img {
    display: block;
    height: auto;
    max-width: 100%;
}
*/

hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-width: 1px 0;
    margin: 18px 0;
}
.pre-login {
    padding-top: 10px;
}

.navbar {
    /*  font-family: Helvetica, Arial, sans-serif; */
    background-color: darkblue;
/*    background-image:url('http://localhost/mrs401k01/assets/img/sub_image1.jpg');
    background-repeat:repeat-x; */
    text-transform: none;
    color: black;
}

.navbar-default .navbar-brand {
/*  color: #4582ec; */
/*    padding-left: -5px; */
/*    padding-right: 25px; */
    color: white;
    background-color: transparent;
  }


.navbar-collapse .navbar-default .navbar-nav {
    padding-left: 125px;
    text-transform: none;
    color: red;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    background-color: background;
    color: white;
}

.navbar-default .navbar-nav > li {
    background-color: white;
    color: black;
}

.navbar-default .navbar-nav > ul {
    background-color: white;
    color: black;
}
/*link bar: */
.navbar-default .navbar-nav > li > a {
    background-color: darkblue;
    color: white;
}

.navbar-default .navbar-nav > ul > a {
    background-color: white;
    color: black;
}

.navbar-default {
    /*    background-color: #394755; */
    /*    color: #D6DFE5 !important; */
    /* background-color: #0e90d2; */
    color: black; /* #eeeeee !important; */
    /*    border-color: black; */

}
.navbar-text {
    color: black; /* #777777;*/
}

.navbar-default .li {
    color: black;
}
.navbar-default .ul{
    color: black;
}
.text-muted {
    color: black;
}
/*
.navbar-inverse {
    /*    background-color: #394755; */
/*    color: #D6DFE5 !important; 
background-color: #0e90d2; 
color: #eeeeee !important;
}

.navbar-custom {
/*   background-color:#229922;
background-color: #394755; 
color:#ffffff;
border-radius:0;
}

.navbar-custom .navbar-nav > li > a {
color:#fff;
}
.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
color: red; /* #c4e3f3; /* #ffffff; 
background-color: greenyellow; /*  #c4e3f3; /*transparent;
}
.navbar-custom .navbar-brand {
color:#eeeeee;
}

.navbar-custom .navbar-inner {
background-color: #e89800;
background-image: none;
}
.navbar-custom .navbar-inner .container .nav-collapse > ul > li > a {
background-color: #E89800;
}
.container > .navbar-collapse {
margin-right: 88px; /*set margin this way in your custom styesheet
}
/* .navbar-custom > .navbar-collapse > .collapse > .nav > .navbar-nav > 
.active 
/*> .dropdown > .dropdown-toggle > .data-toggle > dropdown-menu 
{
background-color: red;
color: blue;
}

/* Grocery CRUD style */
/*h {
    font-family: Arial;
    font-size: 12px;
    color: black;
}
*/
#header h1, #header h2, #main-content h1 {
 text-transform: lowercase;
}
#header h6, #header h6, #main-content h6 {
 text-transform: lowercase;
}
/*If you want to change the font of all headings in lowercase. Then please add following css in local.css file.
*/
#header h3, #header h3, #main-content h3 {
 text-transform: lowercase;
}
/*3. To change the font of heading of blocks, add following css in local.css :
*/
.block h2 {
 text-transform: lowercase;
}
body
{
    font-family: Arial;
    font-size: 14px;
    color: black;
}

a {
    color: blue;
    text-decoration: none;
    font-size: 14px;
}

a h3 {
    color: white;
    text-decoration: none;
    font-size: 24px;
}


a:hover
{
    text-decoration: underline;
}
.grid-footer {
    position: relative;
    top: -28px;
    float : right;
    width : 100px;
}

.grid-footer .pGroup {
    padding-top: 5px;
}
/*
*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

/*
body { font: normal normal normal 10px/1.5 Arial, Helvetica, sans-serif; }
*/

.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; border-width: 0 8px 8px 8px;
}
/*
.dialog {
    display:none;
}
*/
.button{
 text-decoration:none; 
 text-align:left; 
 padding:1px 9px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:23px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }
  .btn .btn-secondary .test .btn-sm .btn-block{
       text-align:left; 

  }
/* fotorama css 
*/

.fotorama1_left-div {
    float: left;
    width: 600px;
    height: 50%;
    margin-right: 8px;
/*    background-color: linen; */
}
.fotorama1_right-div {
    margin-left: 608px;
    height: 50%;
/*    background-color: lime; */
}


/* Bootstrap sub menus*/

.marginBottom-0 {
	margin-bottom: 0;
}

.dropdown-submenu {
	position: relative;
}
/*
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
top right bottom left
*/
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 0px 6px;
	-moz-border-radius: 0 6px 0px 6px;
	border-radius: 0 6px 0px 6px;
}

.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0;
	margin-left: 0;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #555;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
.clg {
    color: white;
}
tr:nth-of-type(odd)
{  
background-color: white;
}
tr:nth-of-type(even)
{  
background-color: #f9f9f9;
}