body {background-color:#fbfbfb;}
* {font-family:Arial,Helvetica,'Lucida Sans Unicode','Lucida Grande';}

a:link, a:visited {color: #273a4c;text-decoration: none;display: inline-block;position: relative;}
a:hover, a:active {text-decoration: underline;}

input, .a1:link, .a1:visited , select
{ background-color: #fafafa; 
border: 2px solid #e7e7e7; 
color: black; 
padding: 4px 5px; 
text-align: center; 
text-decoration: none; 
display: inline-block; 
font-size: 16px; 
margin: 4px 2px; 
transition-duration: 0.4s; 
cursor: pointer; 
outline:0; 
border-radius: 4px;
vertical-align:top;
}

.valign
{
 vertical-align:middle;
}

.a1:link, .a1:visited {margin: 0px 0px;width:250px;text-align: left;border-radius: 1px;}

@media (hover:hover) {
input[type=submit]:hover,input[type=button]:hover, .a1:hover {  
background-color: #e7e7e7;  
box-shadow: 0 3px 5px 0 rgba(0,0,0,0.24), 0 4px 8px 0 rgba(0,0,0,0.19);
}}

input[type=submit]:active,input[type=button]:active, .a1:active { 
background-color: #e2e2e2; 
border: 2px solid #e2e2e2; 
transform: translateY(1px);
}
.a1:not(:last-of-type) {  border-bottom: none; /* Prevent double borders */}
.head1 {font-size: 20px;color: black;font-weight: bold;}
.chartstyle {font-size: 18px;margin-bottom:10px;margin-top:2px;}

iframe {
    width:100%;
}

.el_left {margin-right: 0px;border-radius: 1px;}
.el_right {margin-left: 0px;margin-right: 0px;text-align: left;border-radius: 1px;}

/* Radio Buttons */
label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 15px;
  color: #777;
}
input[type=radio] {
  display: none;
}
label:before {
  content: "";
  display: inline-block;
 
  width: 12px;
  height: 12px;
 
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  /*background-color: #ccc;*/
  /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}
input[type=radio]:hover + label:before {
    background-color: #eee;
}
.radio label:before {
  border: 2px solid #ccc; 
  border-radius: 100%;
}
input[type=radio]:checked + label:before {
    content: "\2022";
    color: #ccc;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

/* checkbox */
input[type=checkbox] {
    display:none;
}
@media (hover:hover) {
input[type=checkbox]:hover + label:before {
    background-color: #eee;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.24), 0 3px 4px 0 rgba(0,0,0,0.19);
}
label:hover, :checked + label {
    color:black;
}
}
.checkbox label:before {
  border: 2px solid #ccc; 
  border-radius: 20%;
}
input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: #555;
    font-size: 25px;
    text-align: center;
    line-height: 8px;
}



.actv {margin-bottom:10px;margin-top:2px;}

.actvopacity {opacity: 0.2;transition: 0.3s;}

.column1 {
    display: inline-block;
	margin-right: 50px;
}
.column2 {
    display: inline-block;
	vertical-align:top;
}


.tabcontainer {
	/*box-shadow: 0 0 15px #939393;*/
    background-color: #fdfdfd;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: inherit;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 12px 10px;
    transition: 0.3s;
    font-size: 17px;
}

.tab button:hover,.tab button.active {
    background-color: #eeeeee;
}


/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    animation: fadeEffect 600ms;
}


/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}



.loader {
  border: 35px solid #f3f3f3;
  border-radius: 50%;
  border-top: 35px solid #aaa;
  border-bottom: 35px solid #aaa;
  margin: auto; 
  margin-top: 50px;
  margin-bottom: 50px;
  width: 200px;
  height: 200px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.loadersmall {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #aaa;
  border-bottom: 6px solid #aaa;
  margin-top: 2px;
  margin-bottom: 0px;
  width: 20px;
  height: 20px;
  display: inline-block;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* min/max table */

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
}

td, th {
  text-align: center;
  padding: 6px;
  font-weight: bold;
}

th {
  border-top: 1px solid #cccccc;
}

td {
  border-top: 1px solid #d8d8d8;
}


tr:nth-child(odd) {
  background-color: #eeeeee;
}

.border-l {
border-left: solid 1px #bbbbbb;
}

@media (hover:hover) {
	
tr:hover {  
background-color: #ffffcc;  

}}