/*  Dashboard Specific CSS ver. 1 */


.dashboard {
	/*padding-top: 15%;*/
	padding: 60px 0 0 0;
	width: 60px;
	height: 100%;
	background: #555;
	position: fixed;
	top: 0;
	z-index: 2;
	-webkit-box-shadow: 3px 0px 0px RGBA(0,0,0,0.15);
	-moz-box-shadow: 3px 0px 0px RGBA(0,0,0,0.15);
	-ms-box-shadow: 3px 0px 0px RGBA(0,0,0,0.15);
	-o-box-shadow: 3px 0px 0px RGBA(0,0,0,0.15);
	box-shadow: 3px 0px 0px RGBA(0,0,0,0.15);
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.dashboard ul {
	width: 100%;
}

.dashboard li {
	width: auto;
	height: auto;
	float: left;
	display: block;
	list-style: none;
}

.dashboard li a:link,
.dashboard 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;
}

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

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


.dashboard li a:link,
.dashboard li a:visited {
	margin: 0 0 3px 0;
	padding: 0;
	width: 60px;
	height: 60px;
	display: block;
	text-align: center;
	float: left;
	-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;
}

.split {
	margin: 15px 0 0 0;
	border-top: 1px solid #777;	
}

.dashboard li a img {
	padding: 13% 0 0 0;
	width: 75%;
	height: 75%;	
}

.dashboard li a:hover {
	background-color: #FECE30;
}

table {
	width:100%;table-layout:fixed;border-collapse:collapse;text-wrap:normal !important;word-wrap:break-word !important;	
    	
}

td.notes{text-wrap:normal;word-wrap:break-word;	}

thead th {
	margin: 0;
	padding: 10px 10px;	
	overflow:visible;
	text-align:left;
}

tbody td {
	margin:  0;
	padding: 10px 10px;
/*	font-size: .95em;
	line-height: 1.5em;*/
}


tbody td h2 {
	display: none;
}

td img {
	/*padding: 5px;*/
	width: 25px;
	height: 25px;
	display: block;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

td img:hover {
    background: #FECE30;
	border-radius: 50%;
}

.welcome{float:right; width:auto;font-size:11px;padding:20px 0;text-align:right;font-weight:bold;}


.sort{
	width:13px;
	height:11px;
	padding:0 5px;
}
.up-down-arrow{width:13px;height:12px;padding:0 4px;}

#welcome1, .m_desc{
	display:none;
}
.role{	
	margin-left:2%;
}
.mrg10{
	margin-bottom:5%;
}
.mrgtop{margin-top:10px;}

/*td.notes{overflow:hidden;white-space:nowrap; 
    text-overflow: ellipsis; -o-text-overflow: ellipsis;}*/


@media (min-width: 0px) and (max-width: 580px) {	
	/*.user-first,
	.user-last,
	.user-email{
		width:100%;
	}
	*/
	.user-role,
	.user-edit,
	.user-status,
	.user-delete {
		padding: 0 10px 20px 10px;	
	}
	
	.user-role,
	.user-edit {
		clear: both;
	}
	
	.user-last {
		padding: 20px 10px;
	}
	
	
	td img {
		padding: 0;
		width: 20px;
		height: 20px;
	}
}

.edit-options {
	margin: 0 0 2% 0;
	padding: 0 0 4% 0;
	width: 100%;	
}


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

.edit-options .input-text {
	padding: 4% 10% 4% 3%;
	width: 87%;
	font-size: 1.167em;
	line-height: 1em;
	color: #333;
	clear: both;
}

.dashboard-forms form.login input[type="submit"] {
	padding: 2.3% 4%;

}
.dash-block {
	margin: 0 2% 6% 0;
	padding: 3%;
	width: 25%;
	display: block;
	/*border: 1px solid #CCC;*/
	float: left;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	cursor: pointer;
}

td select {
   margin:  0;
   width: 100px;
   overflow: hidden;
   background: #F8F8F8;
   border: 1px solid #DDDDDD;
   height: 30px;
   font-style: normal;
   font-size: .95em;
   font-size: 1;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   -o-border-radius: 2px;
   border-radius: 2px;
    -webkit-appearance: button;
	-webkit-appearance: menulist-button;
 }
 
/*@media (min-width: 830px) {table {width:100%;table-layout:fixed;}
	td.notes {
		width: 35%;
	}	 
	td.email {
		width: 20%;
	}
	
	td.project ,td.client , td.name{
		width: 15%;
	}

}*/

/*@media (min-width: 481px) and (max-width: 830px) {
	table {
	width:100%;table-layout:fixed; 	
}
	thead {display: none;}
	
	tbody td {
			padding: 0;overflow:visible;
		}
	tbody td h2 {
		margin: 0;
		padding: 0;
		display: block;
		font-size: 1.1em
	}
	
	tbody td {
		margin: 0;
		padding: 20px 10px;
		vertical-align: top;
		
	}
	
	.project, .client, .name, .email, .notes {
		padding: 10px 10px 10px 10px;	
	}
	
	.name, .email, .notes {
		width: 100%;
		float: left;
		clear: both;
	}
	.user-last {
		padding: 20px 10px;
	}
}*/
/*.dot{
display: -webkit-box;
display: -ms-box;
height: 35px;
width:90% !important;
padding: 15px 0px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
-ms-line-clamp: 1;
-ms-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}*/

@media (min-width: 0px) and (max-width: 599px) {
	table {
	width:100%;table-layout:fixed;border-collapse:collapse;text-wrap:normal;word-wrap:break-word;	
    	
}
.dash-block {
min-height: 95px;
}

}


@media (min-width: 0px) and (max-width: 890px) {
	.dash-block	{
		width: 40%;	
	}
}

.dash-icon {
	margin: 0;
	padding: 0 3% 0 0;
	float: left;
	clear: both;
}

.dash-icon img {
	width: 75px;
	height: 75px;
	display: block;
	background: #000;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	cursor: pointer;
	
}

.dash-block:hover,
.dash-block:hover img {
	background: #F39E30;
}

.dash-block:hover {
	-webkit-box-shadow: 3px 3px 0px RGBA(0,0,0,0.15);
	-moz-box-shadow: 3px 3px 0px RGBA(0,0,0,0.15);
	-ms-box-shadow: 3px 3px 0px RGBA(0,0,0,0.15);
	-o-box-shadow: 3px 3px 0px RGBA(0,0,0,0.15);
	box-shadow: 3px 3px 0px RGBA(0,0,0,0.15);	
}

.dash-block h4 {
	/*margin: 7% 0;*/
	padding: 0;
	font: bold 1em/1.3em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}

.dash-block:hover h4,
.dash-block h4:hover {
	color: #FFF;
	text-decoration: none;
}

@media (min-width: 0px) and (max-width: 640px) {
	table {
	width:100%;table-layout:fixed;border-collapse:collapse;text-wrap:normal;word-wrap:break-word;	
    	
}


hr{
	margin:20px 0 10px 0 !important;
}
#welcome1{
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 0;
}
#welcome{
	display:none;
}

	.dashboard {
		/*padding-top: 15%;*/
		padding: 10px 0 0 0;
		width: 30px;
	}
	
	
	.dash-block {
			min-height: 95px;
	}
	
	.dash-icon img {
		width: 50px;
		height: 50px;	
	}
	
	.dashboard li a:link,
	.dashboard li a:visited {
		width: 30px;
		height: 30px;
	}

	.split {
		margin: 5px 0 0 0;
		border-top: 1px solid #777;	
	}	
	/*	.dot{
display: -webkit-box;
display: -ms-box;
height: 15px;
width:90% !important;
padding: 15px 0px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
-ms-line-clamp: 1;
-ms-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}*/
}

@media (min-width: 641px) and (max-width: 940px) {
	table {
	width:100%;table-layout:fixed;border-collapse:collapse;text-wrap:normal;word-wrap:break-word;	
    	
}
	.dash-block h4 {
margin: 0;
padding: 0;
font: bold 1em/1.3em Arial, Helvetica, sans-serif;
/* text-transform: uppercase; */
/* color: #333; */
/* text-decoration: none; */
}
	.dashboard {
		/*padding-top: 15%;*/
		padding: 30px 0 0 0;
		width: 40px;
	}
	
	.dash-block {
			min-height: 95px;
	}
	
	.dash-icon img {
		width: 40px;
		height: 40px;	
	}
	
	.dashboard li a:link,
	.dashboard li a:visited {
		width: 40px;
		height: 40px;
	}

	.split {
		margin: 5px 0 0 0;
		border-top: 1px solid #777;	
	}	
		
}

@media (min-width: 768px) and (max-width : 1024px) {


/*.dash-icon {
	margin: 0;
	padding: 0 3% 0 0;
	float: left;
	clear: both;
	
}*/

.dash-icon {
	margin: 0 3% 0 0 !important;
	padding:0 !important;
	float: left;
	clear: both;
	background-color:#000 !important;
	
}



.dash-icon img {
	width: 75px;
	height: 75px;
	display: block;
	background: #000;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	cursor: pointer;
	
	
}

.dash-block h4 {
margin: 0;
padding: 0;
font: bold 1em/1.3em Arial, Helvetica, sans-serif;
/* text-transform: uppercase; */
/* color: #333; */
/* text-decoration: none; */
}
	.dashboard {
		/*padding-top: 15%;*/
		padding: 30px 0 0 0;
		width: 40px;
	}
	
	.dash-block {
			min-height: 95px;
	}
	
	
	.dashboard li a:link,
	.dashboard li a:visited {
		width: 40px;
		height: 40px;
	}	
 
}

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

@media (min-width: 0px) and (max-width : 480px) { 
.mrg10{
	margin-bottom:5%;
}
.m_desc{
	display:block;
}
.d_desc{
	display:none;
}
.mobile{
	width:320px;
	margin:0 auto;
	background:#000;
}
#keywords, #keywords_manageusers, #keywords_managecost, #keywords_costcom{
	overflow:scroll;
}
table {
	width:100%;table-layout:fixed;border-collapse:collapse;text-wrap:normal;word-wrap:break-word;	
    	
}
th {font-weight: bold;}
tbody td {
	margin:  0;
	padding: 10px 5px;
/*	font-size: .88em;*/
	line-height: 1.3em;
	overflow:visible;
}

tbody td h2 {
	display: none;
}
h1 {padding: 0 0 20px 0;font: bold 1.5em/1.375em Arial, Helvetica, sans-serif;text-transform: uppercase;}
.confirm{ padding-right:5px !important;}

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

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

.dash-block h4{
	padding:10px 0 0 0;
	font-size:1em;
	line-height:1.3em;
	clear:both;
	
}
#keywords thead th, #keywords_manageusers thead th, #keywords_managecost thead th, #keywords_costcom thead th{
	padding:10px 2px;
/*	font-size:9px;*/
}
td img{
	width:100%;
}
/*.dot{
display: -webkit-box;
display: -ms-box;
width:90% !important;
padding: 15px 0px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-moz-line-clamp: 1;
-moz-box-orient: vertical;
-ms-line-clamp: 1;
-ms-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
*/
 }