/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 9, 2017, 10:22:43 AM
    Author     : dharani
*/

html,body {
    width: 100%;
    /* height: 100%; */
    margin: auto;
    /* background-color: #d3d3d3; */
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #4A4A4A;
}

.popupButtons button:hover {
  background-color: #FD9515;
  color: #ffffff; 
}
.primaryActionBtn {
  background: #fd9515;
  border: none;
  border-radius: 5px;
  color: #f2f2f2;
  cursor: pointer;
  font-weight: 500;
  letter-spacing: 0.09em;
  padding: 10px 10px;
  text-transform: uppercase;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

header {
    border-bottom: thin solid #f9bc58;
    display: flex;
    justify-content: space-between;
	height:90px;
	width:100%;
}
.headerLogOutIcon {
	width: 50px;
    height: 38px;
    background-image: url("../images/logout.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}
.headerLogoIcon {
	width: 100px;
    height: 60px;
    background-image: url("../images/hcaLogo.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
}

.bridgeTreeLogoIcon {
	width: 65px;
    height: 80px;
    background-image: url("../images/BridgeTreeLogoFinalE.png");
    background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    /* background-size: 65px 65px; */
}
.applicationIcon{
    width: 40%;
    height: 80px;
    background-image: url(../images/homecaretitle.png);
    background-position: right;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    margin-right: 5%;
  }
footer {
    border-top: thin solid rgba(74, 74, 74, 0.22);
    padding-bottom: 1em;
    width:100%;
    height: 47px;
    
}
.footerBtIcon{
	width:100px;
	height:100%;
	background-image: url("../images/BTName.png");
 	background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
   	margin-top: 14px;
}
.footerIcon {
	width:50px;
	height:100%;
	background-image: url("../images/BTLogoOnlyTree.png");
 	background-position: center;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    margin-top:8px;
}

.containerMain{
    width: 100%;
    /* height: 100%; */
    /* margin: auto; */
    background-color: #ffffff;
    /* font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 10px;
    color: #4A4A4A; */
}
.headerMain {
	height: 100%;
    margin: auto;
    width: 90%;
}
section {
    flex: 1; 
    justify-content: center;
    width:100%;
    /* height: 82%; */
}
.rightSide {
    padding-bottom: 1em;
}
.loggedInUser {
    font-size: 1.25em;
    letter-spacing: 0.2em;
    color: #6d6868;
    padding-left: 10em;
    padding-right: 0em;
    padding-bottom: 0.5em;
    text-align: right;
}
.footNote {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(74, 74, 74, 0.5);
    padding-top: 10px;
    letter-spacing: 1px;
}
.menulistContainer {
	width:100%;
}
.menuList {
    flex: 1;
    width: 90%;
    margin: 1% auto;
}
.menuList > div {
    padding: 30px;
}
.reportList {
    flex: 1;
    display: none;
}
.imageCaption {
  text-align: center;
  font-size: 1.5em;
  color: #6d6868;
  padding-top: 1em;
  letter-spacing: 0.2em;
}
.menuList > div {
  text-decoration: none;
  transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
}

.menuList > div:hover {
  text-shadow: 15px 8px 5px rgba(74, 74, 74, 0.31);
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.versionStyle {
	position: relative;
    left: 1%;
    font-size: medium;
    padding-top: 10px;
    color: rgba(74,74,74,.5);
}
.anchorTagEnable {
	display: contents;
}
/*Login Page*/
.login-box-body {
	    font-size: 15px;
}


@media only screen and (min-device-width: 1280px) and (max-device-height: 768px) {
	/* header {
		height:12%;
		border-bottom: 1px solid #F9BC58;
	}
	section {
		height:81%;
	}
	.hcaLogo {
	    padding-bottom: 0px;
	} */
	
		
}