/****************************
**  FONTS 
*****************************/
@font-face {
  font-family: Fugaz;
  src: url('../fonts/Fugaz_One/FugazOne-Regular.ttf');
}

@font-face {
  font-family: Asap;
  src: url('../fonts/Asap/Asap-Bold.ttf');
}

/****************************
**  STYLES FOR ELEMENTS 
*****************************/
body{
    background-color: #E1F5FF;
  font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}

th,thead,tbody{
    border: 1px solid Black;
}

td{
    border: 1px solid Black;
}

td.active:hover{
    background: #A9F5F2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #A9F5F2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #A9F5F2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #A9F5F2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #A9F5F2); /* Standard syntax */
}

thead{
    background: #CCC; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFFF, #CCC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #CCC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #CCC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFFF, #CCC); /* Standard syntax */
}

a.disable {
   pointer-events: none;
   cursor: default;
   color: #999;
   text-decoration: none;
}

a.active {
    color: #39F;
}

p.disable {
   color: #999;
   text-decoration: none;
}

p.active {
   color: #DD0;
}



td.disable:hover {
   background: #FBF2EF;
}

/****************************
**  STYLES FOR CLASSES 
*****************************/
.flexy {
            display: block;
            width: 80%;
            border: 1px solid #eee;
            max-width: 100px;
            overflow: auto;
        }


.btn-default
{
    border-color: #999;
    background: #D8D8D8; /* For browsers that do not support gradients */
}

.btn-default:hover
{
    border-color: #08088A;
   /* background: #5882FA; /* For browsers that do not support gradients */
}

.TitlePanel{
    font-weight: bolder;
    font-variant:small-caps;
    font-family: Asap;
    text-align: left;
    font-size: 24px;
}

.HeaderPanel
{
	background: #CFCFD1;
}

.BodyPanel
{
	background: white;
}


/****************************
**  FOOTER 
*****************************/
hr.style-eight {
      height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

hr.style-one {
      height: 12px;
    border: 0;
	color:Red;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 20px;
	color: #09F;
}

footer h5 {
	color: #09F;
}

footer .footer-above {

    background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    background-color: #233140;
	font-size: 12px;
}