/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com
This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.
*/
/* Your custom css codes start here: */
.zui-table-responsive body1 {
 font-family: "Open Sans", sans-serif;
 line-height: 1.25;
}
.zui-table-responsive table{
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.zui-table-responsive table caption{
  font-size: 1.5em;
  margin: .5em 0 .75em;
  
}
.zui-table-responsive table tr{
  background-color: #C0C0C0;
  border: 1px solid #ddd;
  padding: .35em;
}
.zui-table-responsive table th ,
.zui-table-responsive table td  {
  padding: .625em;
  text-align: center;
}
.zui-table-responsive table th{
  font-size: .85em;
  color: white;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #00008B !important;
 
}
 @media screen and (max-width: 600px) {
  .zui-table-responsive table {
    border: 0;
  }
  .zui-table-responsive table caption {
    font-size: .1.5em;
	color: black;
	text-align: left;
  }
  .zui-table-responsive table thead {
	background-color: #336B6B;
	border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .zui-table-responsive table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  .zui-table-responsive table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  .zui-table-responsive table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .zui-table-responsive table td:last-child {
    border-bottom: 0;
  }
  .bg-table-responsive th {
   background-color:#00007C
  }
  
}
.zui-table-responsive tr:nth-child(even){background-color: #f2f2f2}
.zui-table-responsive tr:nth-child(odd){background-color: #ffffff}
  section > .container,
  section > .container-fluid {
  padding-top:60px;
  padding-bottom:0px;
}

.zui-table-zebra {
    border: solid 1px #DDEEEE;
	
	width: 80%;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Open Sans, sans-serif;
}
.zui-table-zebra thead th {
   background-color: #00008B !important;
    border: solid 1px #DDEEEE;
    color: white;
    padding: 10px;
    text-align: left;
}
.zui-table-zebra tbody td {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}
.zui-table-zebra tbody tr:nth-child(odd) {
    background-color: #fff;
}
.zui-table-zebra tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}
.zui-table-zebra-horizontal tbody td {
    border-left: none;
    border-right: none;
}
.img2 {
    max-width: 100%;
    margin-left:30px ;
}
.test{
margin-top: -87px;
}
.text-white {
    font-size: 15px;
        font-family: 'Open Sans', sans-serif;
	color: @white-base !important;
} 


.text-white-s {
	text-align:center;
    color: #fff !important;
}


div#rs-71-layer-3, div#rs-71-layer-2 {
background-color: #000000a1 !important;}

.link-b {
    display: block;
    width: 127px;
    height: 32px;
    background-color: #0079c3;
    color: white;
    text-align: center;
    line-height: 32px;
    text-decoration: none;
    border-radius: 3px;
    margin: 0 auto;
}