body {
background-color: #EDEDED;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #333;
font-size: 14px;
margin: 0;
min-height: 100%;
height:100%;
}
html {
height: 100%;
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.xnav {
display:block;
position: relative;
background : #EDEDED;
z-index: 1000;
}

.bluebar{
height:35px;
background-image:url('images/headerlarge.png');
background-repeat:repeat-x;
}
.xnav:before,
.xnav:after {
  content: " ";
  display: table;
}
.xnav:after {
  clear: both;
}

.content {
top: 60px;
right: 0;
padding-bottom: 3em;
left: 0;
}

.container {
margin-left: auto;
margin-right: auto;
/*max-width: 940px;*/
}

#footer {
clear: both;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
color: white;
font-size: 200%;
text-align: center;
line-height: 3em;
 background-color:#0071bc;
}
.containerfull {
min-height:100%;
}

.navmenu {
position: relative;
float: right;
font-size: 14px;
text-shadow: rgb(255, 255, 255) 0px 0px 12px;
}

.navlink {
text-decoration: none;
color: #222;
font-size:18px;
}

.navdiv{
position: relative;
display: inline-block;
vertical-align: bottom;
padding-top: 35px;
padding-left: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

.divider{
position: relative;
display: inline-block;
width:18px;
height:21px;
border-right:1px solid gray;
}

.navlink:hover {color: #1BB2E9;}

.navlinkmain {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: none;
color: #3E4095;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
font-size: 20px;
text-shadow: rgb(255, 255, 255) 0px 0px 6px;
}

.headtext {
background-color: #ffffff !important;
margin: 20px 0 40px 40px !important;
padding: 10px 0 !important;
text-align: center;
font-size: 25px;
font-weight: 400;
border-radius: 10px;
border: 2px solid;
}

.errortext {
position: relative;
left: 5px;
top: 7px;
bottom: 0px;
display: block;
width:auto;
height: auto;
margin-bottom: 17px;
padding-top: 10px;
padding-left: 0px;
float: none;
font-size: 18px;
color:red;
}

.labeltext {
position: relative;
}

/*form {*/
/*display: block;*/
/*padding-top:10px;*/
/*padding-left:5px;*/
/*margin-top: 0em;*/
/*}*/

label {
display: block;
margin-bottom: 5px;
}
h2{
font-weight:normal;
}
.textbox {
width: 250px;
margin-right: 0px;
border: 1px solid gray;
border-radius: 8px;
behavior:url(border-radius.htc);
display: block;

padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
}
.tableTX{
text-align: left;
}
.mytable{
/*border-collapse: inherit;*/
/*border-spacing: 0px;*/
}
.xdxd{
width:85px;
height:38px;
}
.littlebig{
font-size:16px;
}
.tarea{
    border: 1px solid;
padding: 10px;
position: relative;
text-decoration: none;
text-align: center;
margin-left: 0px;
margin-right: 0px;
background-color:#fafafa !important;
color: #083a68;
}
.tdtop {
    background-color: #fafafa !important;
    color: #083a68 !important;
    border: 1px solid;
}
.tdarea{
border: 1px solid rgb(150, 129, 129);
padding: 7px;

position: relative;
display: inline-block;
text-decoration: none;
text-align: center;

margin-left: 0px;
margin-right: 0px;
background-color:orange;
color:black;

}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.present
{
color: #168A00;;
}
.absent
{
color: rgba(189, 0, 0, 1);
}
.dateheader
{
vertical-align: center;
background-color: rgba(255, 162, 0, 1); 
/*border-right: 2px solid #083a68 !important;*/
/*border-bottom: 2px solid #083a68 !important;*/
font-size: 23px !important;
}

.middlecontainer {
margin: 0 auto;
/*max-width: 940px;*/
width:80%;
text-align:center;
}
.right{
width: 40%;
float: right;
text-align:center;
border-left: 2px solid #A3A3A3;
height:70%;
padding-left:90px;
}
.left{
/*float:left;*/
width: 60%;
margin: 0 auto;
/*text-align:center;*/

}
.layers{
    padding: 10px;
    color: #083a68;
    font-size: 20px;
    background-color: transparent !important;
    border: 2px solid;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    width: 300px;
}
.layers:hover {
    background-color: #083a68 !important;
    color: #fff;
}
.layers1{
    padding: 10px;
    font-size: 20px;
    cursor:pointer;
    border-radius: 10px;
    border: 2px solid #083a68;
    background-color: transparent !important;
    width: 80%;
}
.layers1:hover {
    background-color: #083a68 !important;
    color: #ffffff !important;
}
#leftcontent {
    width: 24%;
    float: left;
	text-align:center;
}
#middlecontent {
    width: 50%;
	height: 60%;
    margin: 0 auto;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
background-color: rgb(3, 89, 48);
border: 2px solid;
text-align:center;
}
#rightcontent {
    width: 24%;
    float: right;
    background-color: #66ffff;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 2px solid;
}
#datepicker1:hover{
-webkit-box-shadow: 0 0 12px 1px #1BB2E9;
box-shadow: 0 0 12px 1px #1BB2E9;
}
.smalllayers{
width:265px;
float:left;
-webkit-border-radius: 0px 0px 0px 12px;
border-radius: 0px 0px 0px 12px;
}
#datepicker0:hover{
-webkit-box-shadow: 0 0 12px 1px #1BB2E9;
box-shadow: 0 0 12px 1px #1BB2E9;
}
#datepicker0{
text-align:center;
font-weight:normal;
font-size:16px;
width:150px;
height:30px;
float:left;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #083a68;
background-color: transparent;
}
#datepicker01:hover{
-webkit-box-shadow: 0 0 12px 1px #1BB2E9;
box-shadow: 0 0 12px 1px #1BB2E9;
}
#datepicker01{
text-align:center;
font-weight:normal;
font-size:16px;
width:150px;
height:30px;
float:right;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #083a68;
background-color: transparent;
}
#datepicker1{
text-align:center;
font-weight:normal;
font-size:18px;
width:200px;
height:40px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #083a68;
background-color: transparent;
}
#datepicker2:hover{
-webkit-box-shadow: 0 0 12px 1px #1BB2E9;
box-shadow: 0 0 12px 1px #1BB2E9;
}
#datepicker2{
text-align:center;
font-weight:normal;
font-size:18px;
width:200px;
height:40px;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #083a68;
background-color: transparent;
}
.text_shadow 
{
position:relative;
color: #083a68;
font-size: 50px;
}
#helptext {
    font-size: 20px;
}
.text_s
{
color: rgb(255, 255, 255);
}

.theribbon{
font-size:22px;
}

.linkme{
font-size:16px;
padding-bottom: 15px;
}

/*New css*/

.header {
	background-color: rgb(0, 33, 71);	
	width: 100%;
}
.outer-logo {
	margin: 0px auto;
	text-align: center;
	/*padding: 10px 0;*/
}
.sec2 .round-logo {
    width: 200px;
    height: 200px;
}
/*.login-btn {*/
/*    background-color: #083a68;*/
/*    border: 2px solid #083a68;*/
/*    color: rgb(8, 58, 104);*/
/*}*/
.logout-btn {
    background-color: #e3e3e3;
    border: 1px solid gray;
    float: right;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    padding: .375rem .75rem;
    border-radius: .25rem;
    margin-top: -5rem;
}
.btn-log {
    color: #083a68;
}
.btn-log:hover {
    color: #083a68;
}
.login-btn {
	background-color: #fff;
	border: 2px solid #083a68;
	color: #083a68;
}
.login-btn:hover {
    background-color: #083a68;
    border: 2px solid #083a68;
    color: #fff;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
    .left {
        width: 100%;
    }
}