/*  Dashboard Specific CSS ver. 2 */


body, div, 
h1, h2, h3, h4, h5, h6,
p, ol, ul, li, hr,
fieldset, form, label, legend,
footer, header, menu, nav, section
{
  margin: 0;
  padding: 0;
  border: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

 

body {
	font-weight: normal;
	font-size: .75em;
	line-height: 1.5em;
	font-family:  Arial, Helvetica, sans-serif;
	color: #333;
	background: #E4E4E5;
	-webkit-appearance: none;
}

h1 {
	padding: 0 0 30px 0;
	font: bold 2.125em/2.375em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h2 {
	margin: 0 4.8%;
	padding: 32px 0 10px 0;
	width: 82%;
	font: bold 1.25em/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333;
	clear: both;
}

h3 {
	color: #666;	
}

h4 {
	padding: 0 0 20px 0;
	font-size: 1em;
	line-height: 1em;
}

p	{
	padding: 5px 4%;
	clear: both;
}
label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 10px;
    padding: 0;
    text-align: left;
	margin: 0px !important;
	font-size: 10px;
	padding-left:7px;	
 	 
}
#chart_title{
	text-align:center;
}

#regform  input.error {
    border: 1px solid #FB3A3A;
}
form.login input[type="submit"],form.login input[type="button"] {
padding:5px;;
font: none;
border-collapse: collapse;
border: none;
cursor: pointer;
background: #F39E30;
}


a:link, a:visited {
	color: #F39E30;
	font-size: 13px;
	font-weight: 900;
	line-height: .7em;
	text-transform: uppercase;
	text-decoration: none;
}

a:hover, a:focus {
	text-decoration: underline;
	outline: none;
}

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

img {
	border: none;
	outline: none;
}

.logo, .logo img {
	width: 150px;
	display: block;	
}

hr	{
	margin: 20px 0 43px 0 !important;
	height: 1px;
	background: #EBEBEB;
	border-collapse: collapse;
	border: none;
	clear: both;
}

.signin, .save, .print, .download, .close , .help  {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	position: absolute;
	top: 0;
	-webkit-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
	-moz-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
	-ms-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
	-o-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
	box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	cursor: pointer;
	background-color: #333;
}

.signin img,
.save img,
.print img,
.download img,
.close img,
.help img {
	padding: 13% 0 0 0;
	width: 75%;
	height: 75%;	
}

.signin:hover,
.save:hover, 
.print:hover,
.download:hover,
.close:hover,
.help:hover {
	background-color: #FECE30;
}
label {
padding: 20px 0 18px 3px;
width: 36%;
float: left;
font: italic 1.4em/1.5em Georgia, "Times New Roman", Times, serif;
}

.signin {
	right: 256px;	
}

.save {
	right: 204px;
}

.print {
	right: 152px;
}

.download {
	right: 100px;	
}

.help {
	right: 48px;
}
main {
	margin: 3% auto;
	/*padding: 10% 3%;*/
	padding: 3% 3% 3% 3%;
	width: 82%;
	display: block;
	background: #FFF;
	position: relative;
	-webkit-box-shadow: 0 2px 1px RGBA(51, 51, 51, .1);
	-moz-box-shadow: 0 2px 1px RGBA(51, 51, 51, .1);
	-ms-box-shadow: 0 2px 1px RGBA(51, 51, 51, .1);
	-o-box-shadow: 0 2px 1px RGBA(51, 51, 51, .1);
	box-shadow: 0 2px 1px RGBA(51, 51, 51, .1);
}

nav {
	width: 100%;
	background: #000;
	position: relative;
	z-index: 2;	
}

nav ul {
	width: 100%;
}

nav li {
	width: 14.2%;
	height: 100%;
	float: left;
	display: block;
	list-style: none;
}

nav li a:link,
nav li a:visited {
	padding: 10px 0;
	display: block;
	font-size: 1em;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	background: #333;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}
#save-window-2 h1,#save-window h1{
	font-size:2em;
	line-height:1.5em;
}

#classmessage{color:#f00;}

table#keywords_managecost, table#keywords_manageusers{float:left;}


/*Tool Tips CSS*/
#tooltip
{
    text-align: center;
    color: #fff;
    background: #333;
    position: absolute;
    z-index: 100;
    padding: 15px;
	border-radius:5px;
	 width:40%;
	text-wrap:normal;word-wrap:break-word;	
	 
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #333;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }
   abbr{ color:#f39e30 !important;font-weight:bold; font-size:20px;white-space: nowrap;border-bottom:none;}

@media (min-width: 753px) and (max-width: 773px) {
	nav li a:link,
	nav li a:visited {
		height: 35px;	
	}
}

nav li a:hover,
nav li a:active,
nav li a:focus {
	color: #333;
	text-decoration: none;
	background: #FECE30;
}

.current,
nav li a:link.current,
nav li a:visited.current {
	color: #333;
	background: #F39E30;	
}

.content {
	clear: both;	
}

#content_2,
#content_3,
#content_4,
#content_5,
#content_6,
#content_7 {
	display: none;
}


form {
	width: 100%;
	float: left;
	clear: both;
}

fieldset {
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-before: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	-webkit-padding-after: 0;
	border: none;	
}

input:focus,
textarea:focus {
	outline: none;
}

input[type="text"],input[type="password"] {
	float: left;
	clear: both;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border-collapse: collapse;
	border: none;
}

input.basic[type="text"],input.basic[type="password"], input.basic1[type="text"] {
	margin: 0 2% 0 0;
	padding: 5px 3%;
	width: 50%;
	height: 50px;
	font-size: 3.8em;
	line-height: 1em;
	background: #EBEBEB;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

input.basic[type="password"]:active,
input.basic[type="password"]:focus,
input.basic[type="text"]:active,
input.basic[type="text"]:focus, 
input.basic1[type="text"]:active,
input.basic1[type="text"]:focus {
	background: #EEE;
}


select {
	margin: 0 2% 20px 0;
   padding: 4% 1.5%;
   width: 54%;     
   float: left;
   background: #EBEBEB;
   border: none;
   color: #333;
   font-size: 1.1em;
   line-height: 3em;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   border-radius: 0;
   -webkit-appearance: button;
   -webkit-appearance: menulist-button;
 }

select option{ padding-left:20px;}

input[type=button] {
    -webkit-appearance: button;
}

textarea {
	margin: 0 2% 2% 0;
	padding: 5px 3%;
	width: 50%;
	height: 200px;
	float: left;
	clear: both;
	color: #333;
	font: italic 42px/46px Georgia, "Times New Roman", Times, serif;
	border-collapse: collapse;
	border: none;
	background: #EBEBEB;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

label {
	padding: 20px 0 18px 3px;
	width: 36%;
	float: left;
	font: italic 1.4em/1.5em Georgia, "Times New Roman", Times, serif;
}

.options {
	clear: both;
}

.advanced input[type="text"] {
	margin: 0 10px 0 0;
	padding: 5px 9%;	
	width: 66%;
	height: 25px;
	font-size: 1.667em;
	background: #FFF;
}

.advanced .input-text {
	padding: 18px 10% 18px 3%;
	width: 87%;
	font-size: 1.167em;
	line-height: 1em;
	color: #FFF;
	clear: both;
}

.col {
	padding: 10px 0 0 5%;
	width: 28%;
	float: left;
}

.selections {
	margin: 5.5% 0 0 0;
	width: 100%;
	line-height: 14px;
	text-transform: uppercase;
}

.login input[type="checkbox"] {
    display: none;
}
.login input[type="checkbox"] + label span {
    display: inline-block;
    width: 30px;
    height: 30px;
	float: left;
    clear: both;
	margin: -1px 4px 20px 0;
    vertical-align: middle;
	background: url(../images/iconmonstr-checkbox-19-icon.svg) left top no-repeat;
	background-size: cover;
    cursor: pointer;
}
.login input[type="checkbox"]:checked + label span {
	background-image: url(../images/iconmonstr-checkbox-13-icon.svg);
}

td input[type="checkbox"] {
    display: none;
}

td input[type="checkbox"] + label {
	padding: 0;	
}

td input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 25px;
	float: left;
    clear: both;
	margin: 0 3px;
    vertical-align: middle;
	background: url(../images/iconmonstr-checkbox-19-icon.svg) left top no-repeat;
	background-size: cover;
    cursor: pointer;
}
td.email{
	word-break: break-all;
}

td input[type="checkbox"]:checked + label span {
	background-image: url(../images/iconmonstr-checkbox-13-icon.svg);
}






@media screen and (min-width: 481px) and (max-width: 831px) {
	td input[type="checkbox"] + label {
		padding: 5px 0 0 0;	
	}
}

legend {
	margin: -10px 0 0 7%;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	padding: 0 3%;
	font: italic 1.333em/1em Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
}

.choice {
	padding: 36px 0 0 0;
	width: 29%;
	height: 72px;
	float: left;
	background: #F0F3F4;
}

.choice input[type="checkbox"] {
	margin: 0;
}

.choice-left {
	padding: 0 0 0 30%;
	width: 10%;
	float: left;	
}

.choice-right {
	padding-right: 25%;
	width: 35%;
	float: left;
}

.other-choices {
	margin: 0 0 0 .5%;
	padding: 3.5% 0 0 3%;
	width: 66.5%;
	height: 75px;
	float: left;
	border: 1px solid #EBEBEB;
	position: relative;
}

@media (min-width: 481px) and (max-width: 768px) {
	
	.other-choices {
		padding-bottom: 1.2%;	
	}	
}
.other-choices div {
	width: 33%;
	height: 45px;
	float: left;
}

input.error , textarea.error {
    border: 2px solid #FB3A3A;
}

a.active{
	background:#F39E30;
	padding: 3px 8px;
	color:white;
}


.other-choices input[type="checkbox"] {
	margin: 0 6% 0 0;
	float: left;
}


form.login input[type="button"],
form.login input[type="submit"] {
	margin-bottom: 2%;
	float: left;
	-webkit-appearance: none;
}

form.login input[type="password"],
form.login input[type="text"]{
	margin-bottom: 2%;
	clear: both;
	float: left;
	-webkit-appearance: none;
}

form.login input[type="submit"],form.login input[type="button"] {
	margin: 0 1% 2% 0;
	padding: 2.3% 4%;
	font: italic 1.8em/1.15em Georgia, "Times New Roman", Times, serif;
	border-collapse: collapse;
	border: none;
	cursor: pointer;
	background: #F39E30;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

form.login input[type="submit"]:hover,
form.login input[type="submit"]:active,
form.login input[type="submit"]:focus ,
form.login input[type="button"]:hover,
form.login input[type="button"]:active,
form.login input[type="button"]:focus,{
	background: #FECE30
}

.forgetful {
	padding: 0 0 2% 0;
	float: left;
	clear: both;	
}

.forgetful li {
	padding: 3% 0;
	list-style: none;	
}

.login hr {
	margin: 0 0 20px 0;	
}

.graph {
	/*margin: 58px 0 0 0;
	margin:	0 auto;*/
	float:left;
	width: 85%;
	
	clear: both;
}

.graph-cost {
	padding: 6px 4% 0 0;
	width: 10%;
	float: left;
}

.graph-cost div {
	padding: 0 0 42px 0;
	text-align: right;
}

.graph-cost div.last {padding: 0;}

.shorthand {display: none;}
.longhand {display: block;}


.graph-axis {
	width: 65%;
	height: 249px;
	float: left;
	background: transparent url(../images/bg_scale_lines.png) 0 0 repeat-x;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	position: relative;
}

.bar {
	margin: 0 0 0 7%;
	width: 16%;
	height: 100%;
	float: left;
	position: relative;
}

.bar-product {
	line-height: 1em;
	text-align: center;
	vertical-align: bottom;
	display: block;
	position: relative;
	left: 0;
	z-index: 3;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.lines-1 {margin-top: -15px;}
.lines-2 {margin-top: -27px;}
.lines-3 {margin-top: -37px;}

.bar-materials {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

.bar-materials-demo-1 {height: 63px;}
.bar-materials-demo-2 {height: 47px;}
.bar-materials-demo-3 {height: 72px;}
.bar-materials-demo-4 {height: 97px;}

.bar-total-cost {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.bar-total-cost-demo-1 {height: 133px;}
.bar-total-cost-demo-2 {height: 110px;}
.bar-total-cost-demo-3 {height: 142px;}
.bar-total-cost-demo-4 {height: 172px;}


.graph-legend {
	padding: 0 0 0 5%;
	width: 15%;
	float: left;
}

.graph-legend-color {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
}

.graph-legend-text {
	padding: 0 0 0 8%;
	width: 70%;
	float: left;
}

.graph-legend-row {
	padding: 0 0 23px 0;
	clear: both;	
}

.yellow {background: #FECE30; outline: none; border: none;}
.orange {background: #F39E30; outline: none; border: none;}

.orange-text {color: #F39E30; }

.clear {clear: both;}


#save-window , #save-window-2{
	margin: 0;
	padding: 4%;
	width: 75%;
	display: none;
	background: #FFF;
	position: relative;
}

#save-window .close,#save-window-2 .close  {
	width: 50px;
	height: 50px;
	background: #F39E30;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#save-window-2 .close:hover,
#save-window-2 .close:active,
#save-window-2 .close:focus,
#save-window .close:hover,
#save-window .close:active,
#save-window .close:focus {
	background: #FECE30;	
}

#save-window input[type="text"] {
	padding: 1% 2%;
	font-size: 1.1em;
	line-height: 1.9em;
}

#save-window textarea {
	padding: 1% 2%;
	font-size: 1.1em;
	line-height: 1.9em;
}

.dashboard-forms input[type="text"],
.dashboard-forms input[type="password"] {
	padding: 1% 2%;
	font-size: 1.1em;
	line-height: 1.9em;	
}

.dashboard-forms input[type="text"].padincrease{padding: 1.5% 4% !important;}	


#save-window h1.closer {
	padding: 0;
}

#save-window p {
	padding: 1% 0 3% 0;	
}

@media (min-width: 0px) and (max-width: 970px) {
	.choice-left {
		padding: 0 0 0 20%;	
	}
	
}




@media (min-width: 981px) and (max-width: 1132px) {
	nav li a:link,
	nav li a:visited {
		font-size: 0.833em;
	}
}

@media only screen and (max-width : 1280px) {
	
	
	}


@media (min-width: 752px) and (max-width: 980px) {
	nav li a:link,
	nav li a:visited {
		font-size: 0.667em;
	}
}


/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}


/* 40em = 640px */
@media screen and (min-width: 752px) {
  .nav-collapse li {
	width: 14%;
    *width: 13.9%; /* IE7 Hack */
    _width: 15%; /* IE6 Hack */
  }
}

.nav-collapse a {
  width: 100%;
  border-bottom: 1px solid white;
}

@media screen and (min-width: 752px) {
  .nav-collapse a {
    margin: 0;
    padding: 1em;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white;
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 752px) {
  .nav-collapse ul ul a {
    display: none;
  }
}

.nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
  height: 30px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  background: #333 url(../images/iconmonstr-menu-icon.svg);
  background-size: contain;
  border: 5px solid #333;
  -webkit-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
  -moz-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
  -ms-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
  -o-box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
  box-shadow: 0 2px 1px RGBA(51, 51, 51, .2);
  }
  
  .pagination1 ul li,.pagination1 ul {
	list-style-type:none;
  }
  .pagination1{
	
  }
  
  .pagination1 ul{
	margin:0 auto;
	overflow:auto;
  }
  
  .pagination1 ul li{
	float:left;
	padding:10px;
  }
  
 
@media only screen and (max-width : 1023px) {
	thead th {
	margin: 0;
	padding: 10px 10px !important;	
	overflow:visible;
	text-align:left;
}
tbody td {padding: 10px 10px !important;}

/*table#keywords_managecost tbody td {
	margin:  0;
	padding: 10px 10px;
}*/

	.sort{
	width:10px !important;
	height:9px !important;	
	padding:0 3px !important;
}

	  .up-down-arrow{width:9px !important;height:9px !important;}
}

 @media only screen and (max-width : 1024px) {	  	
	   
	.dashboard-forms input[type="text"].padincrease{padding: .8% 3% !important;}	
	
	thead th {
	margin: 0;
	padding: 10px 10px !important;	
	overflow:visible;
	text-align:left;	
}

tbody td {padding: 10px 10px !important;}


/*table#keywords_managecost tbody td {
	margin:  0;
	padding: 10px 10px;	
}*/
}




@media (min-width: 1025px) and (max-width: 1279px) {
	
	
}





@media only screen and (max-width : 800px) {	  
	.dashboard-forms input[type="text"].padincrease{padding: .4% 3% !important;}
	   #save-window-2 h1,#save-window h1{
	font-size:1em;
	line-height:1.5em;
}

thead th {
	margin: 0;
	padding: 10px 10px !important;	
	overflow:visible;
	text-align:left;
	font-size:0.87em;
}
 
}
@media only screen and (max-width : 768px) {		

	thead th {
	margin: 0;
	padding: 10px 10px !important;	
	overflow:visible;
	text-align:left;
	font-size:0.90em;
}
main {
margin: 3% 3% 3% 6% !important;
padding: 3% 2% 3% 2% !important;
width: 88%;
display: block;
background: #FFF;
position: relative;
}

.dashboard-forms input[type="text"].padincrease{padding: .4% 3% !important;}	
h1 {
padding: 0 0 10px 0;
font: bold 1.5em/1.5em Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

.welcome{float:right; width:100%;font-size:11px;padding:10px 0;text-align:right;}
 
#save-window-2 h1,#save-window h1{
font-size:1em;
line-height:1.5em;
}

.advanced .input-text, .edit-options .input-text {
	font-size: 1.10em !important;
	}



}

@media only screen and (max-width : 600px) {	 
tbody td {padding: 10px 5px !important;}
thead th {padding: 10px 5px !important;}
	table#keywords_manageusers{	width:200% !important;}
	 
	.dashboard-forms input[type="text"].padincrease{padding: 0 3% !important;}	
	.welcome{float:right; width:100%;font-size:11px;padding:10px 0;text-align:right;}	
 
 #save-window-2 h1,#save-window h1{
	font-size:1em;
	line-height:1.5em;
}
 .container {overflow:visible;clear:both;}
 
 input.basic[type="text"], input.basic1[type="text"]{
	
	width: 50%;
	height: 45px !important;	
}

.col {
	padding: 10px 0 0 5%;
	width: 100%;
	float: left;
}

.advanced .input-text {padding: 10px 10% 10px 3% !important;}


}

@media (min-width: 601px) and (max-width : 767px) {	
	table#keywords_manageusers{	width:190% !important;}	
	tbody td {
	margin:  0;
	padding: 10px 10px;
	font-size: .95em;
	line-height: 1.5em;
}
	tbody td {padding: 10px 5px !important;	}
	
	}

@media (min-width: 0px) and (max-width : 767px) {
	 .container1 {overflow-x:scroll;clear:both;}		
	
	}

@media only screen and (max-width : 567px) {
	
	 .container {overflow-x:scroll;clear:both;	}
		
	}


@media (min-width: 0px) and (max-width: 480px) {
	
	.container2 {overflow-x:scroll;	clear:both;	}
	
	table#keywords_managecost{width:190% !important;}
	 table#keywords_costcom{width:150% !important;} 
	
	#save-window .close, #save-window-2 .close{
		width:25px;
		height:25px;
	}
#save-window-2 h1, #save-window h1{
	font-size:1em;
	line-height:1.5em;
}	
	
	table#keywords{
		width:170% !important;
	}
	
table#keywords_manageusers{width:220% !important;}	

	main {
		margin: 3% !important;
		padding: 10% 3% 10% 10% !important;
		width: 81% !important;
		overflow: hidden;	
	}
	
	.signin {
		right: 131px;	
	}
	
	.save {
		right: 104px;
	}
	
	.print {
		right: 77px;
	}
	
	.download {
		right: 50px;
	}  
  	.help {
	right: 23px;
}
		
	h1 {
		font-size: 2.667em;
		line-height: 1.15em;
	}
	
	h2 {
		padding: 10px 0;
	}

label{font: italic 1em/1em Georgia, "Times New Roman", Times, serif;}
	
	
	.signin,
	.save,
	.print,
	.download,
	.help{
		width: 25px;
		height: 25px;	
	}
	
	.selections {
		width: 100%;	
	}
	
	.choice {
		padding: 4.5% 0 4.5% 0;
		width: 100%;
		height: auto;
	}
	
	.other-choices {
		margin: 10% 0 0 0;
		padding: 10% 10% 5% 10%;
		width: 80%;
		height: auto;
		clear: both;
	}
	
	.other-choices div {
		clear: both;
		width: 100%;
	}
	
	.advanced input[type="text"] {
		margin: 0;
		padding: 5px 9%;	
		width: 82%;
	}

	.col {
		padding: 0 5% 0 5%;
		width: 90%;
		float: left;
	}

	
	.shorthand {
		font-size: 0.833em;
		display: block;
	}
	
	.longhand {
		display: none;
	}
	
	.graph-axis {
		width: 85%;
	}
	
	.graph-legend {
		margin: 20px 0 0 9%;
		width: 100%;
		clear: both;
	}
	
	.graph-legend-text {
		padding: 0 0 0 3%;
		width: 50%;
	}
	
	.graph-legend-row {
		float: left;
		clear: none;	
	}
	
	.bar-product {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	
	.lines-1 {
		margin-top: -30px;
	}
	
	.lines-2 {
		margin-top: -35px;
	}
	
	.lines-3 {
		margin-top: -42px;
	}
	
	
	.sort{
	width:10px;
	height:9px;
	padding:0 3px;
}

.up-down-arrow{width:10px;height:10px;padding:0 3px;}

.dashboard-forms input[type="text"].padincrease {
padding: 0 3% !important;
}

input.basic1[type="text"]{
	
	width: 65%;
	height: 43px !important;	
}

#tooltip
{ width:50%;	 
}

	input.basic[type="text"], input.basic[type="password"]{
	 width:50%;
	height: 30px !important;	
}
input#txtSquareFeet{ font-size:2em;}

 div.de_act{ margin-top:9px;}

/* td.user-email, td.email{font-family:  Arial, Helvetica, sans-serif;font-size:8px;}*/
	
}

@media (min-width: 0px) and (max-width : 450px) { 
				
table#keywords_managecost{width:210% !important;}


select{
	padding: 2% 1.5%;
	width:65%;

}
.dropdown{
	width:65% !important;
	margin:0 !important;
	padding:0 !important;
}



	label {
	padding: 0px !important;
	font-size:12px;
	width:39%;
}

h1 {
padding: 0 0 20px 0;
font: bold 1.2em/1.375em Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
width:89%;
}

	h4 {
	padding: 30px 0 10px 0;
	font-size: 12px;
	line-height: 1em;
}
	 #welcome{ padding:10px 0 0 0;}
    .welcome{float:right; width:100%;font-size:11px;padding:10px 0;text-align:right;}
	 #regform input.basic1[type="text"]{
		 width:68%;
		 font-size:9px !important;
		 padding: 0 2%;		
	height: 28px !important;

		 
		 }
		 input.basic1[type="text"]{
	
	width: 65%;
	height: 28px !important;	
	font-size:10px;
}
		 
		 #regform label{
			 width:31%;
		 }
		 
		 #sideregister-form input.basic[type="password"]{
			 width:50%;
		 }

	input.basic[type="text"],input.basic[type="password"]{
	padding: 0 2%;		
	height: 30px !important;
}
form.login input[type="submit"], form.login input[type="button"]{
/*	margin: 2% 1% 2% 0;*/
padding: 2.3% 4%;
font: italic 12px Georgia, "Times New Roman", Times, serif;
border-collapse: collapse;
border: none;
cursor: pointer;
background: #F39E30;
}
		.dashboard-forms input[type="text"].padincrease{padding: 0 3% !important;}			
		.dashboard-forms .input-text1{width:145% !important;}
		
		.btn-default {
color: #333;
width: 84% !important;
text-align: left;
}
.btn .caret {
margin-left: 0;
position: absolute;
right: 19% !important;
top: 50%;
}

.download {
		right: 40px;
	}  
  	.help {
	right: 13px;
}

.save {
		right: 94px;
	}
	
	.print {
		right: 67px;
	}
	.download {
		right: 40px;
	}  
  	.help {
	right: 13px;
}

.signin {
right: 121px;
}
		
 }
  
  
  
  @media (min-width: 0px) and (max-width : 320px) { 
  
 table#keywords{width:190% !important;	}
 table#keywords_costcom{width:220% !important;} 
 table#keywords_manageusers{width:320% !important;}	
/* td.user-email, td.email{font-family:  Arial, Helvetica, sans-serif;font-size:8px;}*/
  .role {
margin-left: -8% !important;
}
  
 div.de_act{ margin-top:9px;}
  
  }
  
/*  .role320{ float:none !important; margin-left:-21px;}*/
  
   @media (min-width: 500px) and (max-width: 550px) {
	 
.dashboard-forms form.login input[type="submit"]{
	
	padding: 3.1% 4% !important;
	 
	 }
	 
 }
  
@media (min-width: 0px) and (max-width: 768px) {  
 #classmessage {float:left;}
}

@media (min-width: 640px) and (max-width: 960px) {  
.mrg10{
	margin-bottom:5%;
}

}






/*@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .nav-toggle {
    background-image: url(../images/hamburger-retina.gif);
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
  }
}*/