/* */
body{
	background-color: #f4f4f4;
	position: relative;
	padding-bottom:2rem;
	/*opacity: 0.5;*/
}

.hoverInfo{
	display:none;
	position:absolute;
	z-index:10;
	top:8px;
	left:55px;
	background:#fff;
	border:1px solid #f3f3f3;
	padding:8px 12px;
	width:100px;
}

@media screen and (min-width: 40em){
	.dashboard_wide {
		width: 95.66667%;
	}
}

span.badge{
position:absolute;
	z-index:10;
	top:4px;
	left:38px;
	border-radius: 3px !important;
	padding-left: 5px;
	padding-right: 5px;
}

#SUMMARY{
	padding: 8px 2px;
	text-align: center;
}
li.tabs-title{
	position:relative
}

.top-bar{
	font-size: 90%;
}
.cb{
clear: both;
}
table{
	font-size:80%;
}
ul.menu li.active{
	background-color:#FFF;
	/*font-weight:bold;*/
}
ul.menu li a:hover{
	background-color:#f5f5f5;
	color:#09C;
}


.topNav .columns{
	background-color:#FEFEFF;
	/*padding:0px;*/
}

.planner-container{
	background-color: #fcfcfc;
	padding: 0rem;
	margin-bottom: 2rem;
}

.planner-container button{
	margin: 0.6rem;
}
.slim{
	margin-top: 1.5rem;
    height: 2.2rem;
    line-height: 0rem;
}
label.slim{
	margin-top: 2.5rem;
    height: 2.2rem;
    line-height: 0rem;    
}
a.slim{
    line-height: 0.5rem;
}

label, fieldset.fieldset legend{
	font-weight: bold;
}
label input, label select, fieldset.fieldset label{
	font-weight: normal;
}




.planner-container p.employee{
	font-weight:bold; 	
	line-height: 2.2rem;
	margin: 0.6rem;
	margin-bottom: 0rem;
}
.planner-container .columns{
	padding: 0px;
}
.planner-tickets-list{
	background-color: #f1f1f1;
}


.ttable{
	background-color: #f1f1f1;
	margin-bottom:0rem;
	float: left;
	display:block;
	font-size:70%;
	width: 100%;
	line-height: 0.8rem;
	color:#333;
}

.ttable tbody th, .ttable tbody td {
	    padding: 0rem 0.6rem;
}

.ttable tbody tr, .ttable tbody tr:hover{
	/*background-color: #FFbb55;*/
	color:#000;
	border-bottom: #eee solid 1px;
}
.ttable tbody td.pending{
	/*background-color:#bbf !important;*/
	border-right: #d5d5ff solid 5px;
}
.ttable tbody td.w8assign{
	/*background-color:#bbf !important;;*/
	border-right: #ff9999 solid 5px;
}
.ttable tbody td.begin{
	/*background-color:#bbf !important;;*/
	border-right: #ffee88 solid 5px;
}
.ttable td.completed{
	/*background-color: #77dd77 !important;;*/
	border-right: #completed solid 5px;
}

.ttable td.reqESC{
	/*background-color: #FFbbbb !important;;*/
	border-right: #FFcccc solid 5px;
}
.ttable td.for-invoice{
	/*background-color: #FFbbbb !important;;*/
	border-right: #CDF7DF solid 5px;
}


div.box{
	display: block;
	float: left;
	width: 120px;
	height: 20px;	
	line-height:20px;
	font-size:11px;	
	padding-left:5px;
	margin-bottom: 10px;
}
div.box.pending/*, #dashboard-tabs .pending*/{
	border-left:#d5d5ff solid 20px;
}
div.box.w8assign/*, #dashboard-tabs .w8assign*/{
	border-left: #ff9999 solid 20px;
}
div.box.begin/*, #dashboard-tabs .begin*/{
	border-left: #ffee88 solid 20px;
}
div.box.completed/*, #dashboard-tabs .completed*/{
	border-left: #aaffaa solid 20px;
}
div.box.reqESC/*, #dashboard-tabs .reqESC*/{
	border-left: #FFcccc solid 20px;
}
div.box.for-invoice/*,#dashboard-tabs .for-invoice*/{
	border-left: #CDF7DF solid 20px;
}
/*
#dashboard-tabs .pending{
	border-left:#d5d5ff solid 10px;
}
#dashboard-tabs .w8assign{
	border-left: #ff9999 solid 10px;
}
#dashboard-tabs .begin{
	border-left: #ffee88 solid 10px;
}
#dashboard-tabs .completed{
	border-left: #aaffaa solid 10px;
}
#dashboard-tabs .reqESC{
	border-left: #FFcccc solid 10px;
}
#dashboard-tabs .for-invoice{
	border-left: #CDF7DF solid 10px;
}
*/
table tfoot td{
	background-color: #eee;
	cursor: default;
}

.ticketTable{
	float: none;
	display:block;
	line-height: 1rem;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	line-height: 18px;
	color:#333;
	width:100%;
	
}

.ticketTable tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}
.ticketTable tbody tr:nth-child(odd) {
	background-color: #fff;
}



.ticketTable.hover tbody tr:hover,
.ttable.hover tbody tr:hover {
  background-color: #ddf;
  color:#000000;
  cursor: default;
  transition:background-color 0.2s ease;
}
.ticketTable.lowpadding td, .ticketTable.lowpadding th{
	padding: 0.4rem;
	font-size:95%;
}

/* commonTable*/

.commonTable{
	/*float: none;
	display:block;*/
	line-height: 1rem;
	margin-left:auto;
	margin-right:auto;
	font-size: 12px;
	line-height: 18px;
	color:#333;
	width:100%;
	
}

.commonTable tbody tr:nth-child(even) {
	background-color: #f5f5f5;
}
.commonTable tbody tr:nth-child(odd) {
	background-color: #fff;
}



.commonTable.hover tbody tr:hover{
  background-color: #f0ffb0  !important;
  color:#000000;
  cursor: default;
  color: #333;
  transition:background-color 0.2s ease;
}
.commonTable.lowpadding td, .commonTable.lowpadding th{
	padding: 0.4rem;
	font-size:95%;
}


.commonTable tbody th, .commonTable tbody td {
    padding: 0rem 0.25rem;
}
.commonTable tbody tr{
    margin: 0rem 0.5rem;
    border-bottom: 1px dotted #bbb;
}

/* full row color status */
.commonTable tr.pending, .ttable tr.pending{
	background-color:#d5d5ff !important;
	/*background-color:#bbf !important;*/
}
.commonTable tr.w8assign, .ttable tr.w8assign{
	background-color:#ff9999 !important;;
	/*background-color:#f66 !important;;*/
}
.commonTable tr.begin, .ttable tr.begin{
	background-color:#ffee88  !important;;
	/*background-color:#ff9933  !important;;*/
}
.commonTable tr.completed, .ttable tr.completed{
	background-color: #aaffaa !important;;
	/*background-color: #77dd77 !important;;*/
}

.commonTable tr.reqESC, .ttable tr.reqESC{
	background-color: #FFcccc !important;;
	/*background-color: #FFbbbb !important;;*/
}
.commonTable tr.for-invoice, .ttable tr.for-invoice{
	background-color: #CDF7DF !important;;
	
}
/* full row color status end */

/* end commonTable */

@-webkit-keyframes fadeIt {
  0%   { background-color: #ffff80; }
  90%  { background-color: #ffffb3; }
  100% { background-color: #f5f5f5; }
}
{
  0%   { background-color: #ffff80; }
  90%  { background-color: #ffffb3; }
  100% { background-color: #f5f5f5; }
}
@-o-keyframes fadeIt {
  0%   { background-color: #ffff80; }
  90%  { background-color: #ffffb3; }
  100% { background-color: #f5f5f5; }
}
@keyframes fadeIt {
  0%   { background-color: #ffff80; }
  90%  { background-color: #ffffb3; }
  100% { background-color: #f5f5f5; }
}

.anim-mark-row{    
    background-image:none !important;
    -webkit-animation: fadeIt 3s ease-in-out; 
       -moz-animation: fadeIt 3s ease-in-out; 
         -o-animation: fadeIt 3s ease-in-out; 
            animation: fadeIt 3s ease-in-out; 
}


 
.no-padding{
	padding: 0rem !important;
}
a.table-options{
	font-size: 1rem;
	line-height: 1rem;
	padding: 0.5rem 0.625rem 0.625rem;
}

a.table-options:hover{
	color:#fff;
	background-color: rgba(100, 100, 220, 0.1) !important;
}




.absolute-center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  
}
.absolute-top-center {
  margin: auto;
  position: absolute;
  top: 20rem; left: 0; bottom: 0; right: 0;
  
}


.login-form{
	width: 400px;
	height:350px;
	padding: 2rem;
	opacity: 0;	
}


.login-form a{	 		
		font-size: 10px;
}

.inputs label [type='text'], .inputs select{ 		
		height: 2.2rem;
		font-size: inherit;
}
.small-inputs label [type='text'], .small-inputs select{ 		
		height: 1.5rem;
		font-size: 110%;
		margin:0rem;
		background: #f3f3f3;
		border:1px solid #DDDDDD;
		box-shadow: 0 0 0;
}
.small-inputs label{			
		font-size: 90%;
}

.onHoverCursor:hover{
	cursor: pointer !important;
}

table tr{	
    border: 1px solid #ddd;
}
table thead{
	/*background-color: #eeeeff;*/
	cursor:default;
	background-color: #eee;
}
table thead tr:hover{	
	background-color: #eee !important;
}



/* over forms */

.hover-dimmer{
	position: fixed;	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
	z-index: 10;
	vertical-align: middle;
	text-align: center;
}

.status-form{
	position:fixed;
	background-color:#fff;
	width: 310px;
	height:110px;
	padding:1rem;
	border: #ccc solid 1px;
}

.status-form .close{
	position: absolute;
	z-index: 1;
	right:1px;
	top:1px;
	width: 25px;
	height: 25px;
	line-height:25px;
	text-align:center;
	color: #ddd;
	cursor: pointer;
	font-weight: normal;
}
.status-form .close:hover{	
	color: #f00;
}

/* time line */
.timeline{
	position: relative;
	display: block;
	float: left;
	width: 1252px;
	height: 1050px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	border:1px solid #ccc;
}
.timeline .hcol{
	display: block;
	float: left;
	width: 300px;
	height: 30px;
	padding: 0px 20px;
	line-height:30px;
	border-left:1px solid #ccc;
	background-color:#e5e5e5;
}
.timeline .col{
	position:relative;
	display: block;
	float: left;
	width: 300px;
	height: 720px;
	background-color: #eeeeff;
	border-left:1px solid #ccc;
	
}
.timeline a.col{	
	background-color: #e0e0e0;
	
}

.timeline a.col:hover{
	background-color: #aaa;
	
}

.timeline .time{	
	width: 50px;
	line-height:15px;
	text-align: center;
	border-width:0rem;
	height:30px;
	font-size:12px;
	background-color:#eaeaea;
	font-weight:bold;
	border-bottom:#aaa dotted 1px;
	border-left-width: 0px;
}
.timeline .time:first-child{	
	height:31px;
}

.timeline .time:nth-child(even){
	background-color:#e5e5e5;
	font-weight:normal;
	font-size:10px;
}
.timeline .time.b{		
	background-color:#dadada;
}
.timeline .time.b:nth-child(even){		
	background-color:#d5d5d5;
}
.timeline .fh{
	display:block;
	float: left;
	margin-left: 3px;
	width: 100%;
	height: 15px;
	font-size: 11px;	
}
.timeline .th{
	position: absolute;
	z-index: 9;
	bottom:0px;
	right:3px;
	width: inherit;
	height: 15px;	
	font-size: 11px;
	text-align: right;
}
.timeline .edit{
	position: absolute;
	z-index: 9;
	top:0px;
	right:3px;
	width: inherit;
	height: 15px;	
	font-size: 11px;
	text-align: right;
}
.timeline #cursor-marker{
	position: absolute;
	z-index: 9;
	left:1px;
	top:1200px;
	width:100%;
	height: 1px;
	border-bottom:#888 dotted 1px;
}
.timeline .time-marker{
	position: absolute;
	z-index: 9;
	left:1px;
	top:1200px;
	width:100%;
	height: 1px;
	/*background-color: #55f;*/
	border-bottom:#aaa dotted 1px;
	/*transition: all 1s ease-out;*/
}
.timeline .time-marker-time{
	position: absolute;
	z-index: 9;
	left:0px;
	top:1px;
	width:50px;
	height: 15px;
	line-height: 15px;
	background-color: #aaf;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	
	/*transition: all 1s ease-out;*/
}

.timeline .col.pending,.bg-pending{
	background-color:#d5d5ff !important;
}
.timeline .col.w8assign,.bg-w8assign{
	background-color: #ff9999 !important;
}
.timeline .col.begin,.bg-begin{
	background-color: #ffee88 !important;
}
.timeline .col.completed,.bg-completed{
	background-color: #aaffaa !important;
}
.timeline .col.reqESC,.bg-reqESC{
	background-color: #FFcccc !important;
}
.timeline .col.reqESC,.bg-for-invoice{
	background-color: #CDF7DF !important;
}

.tabs-title a{
	padding:0.5rem;
}


/* timeline end */

/* for timeline */
.ticket-search-form{
	width: 90%;
	height: 90%;
	background: #fff;
	padding: 1rem;
	text-align: left;
}
.ticket-search-form .close{
	position: absolute;
	z-index: 1;
	right:1px;
	top:1px;
	width: 25px;
	height: 25px;
	line-height:25px;
	text-align:center;
	color: #ddd;
	cursor: pointer;
	font-weight: normal;
}
/* for timeline end */

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {		
  background-color: #ddf;
  transition:background-color 0.2s ease;
}
ul.ui-autocomplete li.ui-menu-item{
	font-size: 0.9rem;
	font-weight: normal;
}

.light-red, .light-red:focus{
	background-color:#fce6e2;;
}




/* progress bar */

.skillbar {
  font-family: 'Open Sans', 'sans-serif';
	float:left;
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:1rem;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar.xs,.skillbar.xs .skillbar-bar{
	height:0.1rem;
}
.skillbar-title {
	display: block;
	float:left;
	height: :1rem;
	width:100%;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;;
	color:#555;
	padding:0 0.2rem;
	
}


.skillbar-bar {
	height:1rem;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	position:absolute;
	right:10px;
	top:0;
	font-size:12px;
	height:1rem;
	line-height:1rem;
	color:#444;
	
}



/* progress bar end */

/* radial progress bar */

.progress-pie-chart {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;  
  margin: 0rem auto 1rem auto;
}
.progress-pie-chart.gt-50 {
  background-color: #77dd77;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 100px, 200px, 0);
  background: #77dd77;
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #E5E5E5;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 153.91304px/2);
  top: calc(50% - 153.91304px/2);
  width: 153.91304px;
  height: 153.91304px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  color: #77dd77;
}
.ppc-percents i{
  display: block;
  font-size: 1em;
  font-weight: bold;
  color: #77dd77;  
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.input-no-border{
	max-width: 100%;
	background-color: inherit;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
	border: 1px solid #dadada;
	margin-bottom : 0rem;
	text-align: center;
}

#back-to-top {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    padding:1rem;
    z-index: 9999;
    width: 3rem;
    height: 3rem;
    text-align: center;
    line-height: 1rem;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #e9ebec;
}
#back-to-top.show {
    opacity: 1;
}


.notifications-count{
	display:block;
	float:left;
	min-width:1.5rem;
	width:auto;
	padding:0rem;
	margin:0rem;
	line-height:1.4rem;
	height:auto;
	background:#aaaaff;
	font-size:80%;
	text-align:center;
	color:#fff;
	border-radius: 5px;	
}
.notifications-count.reminder{
	background: #FFaa00;
}

.notifications-count:hover{
	opacity: 0.6;
}

.no-dropdown-arrow::after{
	    border-color: transparent !important;
}

.notif{
	position:relative;
	width: auto;
	min-height: 5rem;
	max-height: 5rem;
	overflow:hidden;
	height: auto;
	border-bottom: #f0f0f0 solid 1px;
	padding: 0.5rem 0.5rem 0rem 0.5rem !important;
	/*border-left: #FFAA00 solid 0.2rem;*/
	background: #FFfaf0;
	padding-bottom: 0.2rem;
}
.notif.seen{	
	border-left: #9fc solid 0.2rem;
	background: #f5fff8;
}
.notif.seen .title{
	color: #ccc;
}
.notif.seen .text{
	color: #ccc;
}
.notif .title i{
	position: absolute;
	z-index: 100;
	width:10px;
	height:10px;	
	right:10px;
	top:10px;
} 

.notif .title{	
	line-height:1rem;
	font-size:0.7rem;
	text-transform:uppercase;
	color: #999; 
	font-weight: bold;
	width:90%;
	border-bottom:1px dotted #eee;
}

.notif .date{
	line-height:1rem;
	font-size:0.65rem;
	color: #999; 
	max-height: 1rem;
	height: 1rem;
	
	/*background: #ececec;*/
}
.notif .text{
	line-height:0.9rem;
	font-size:0.65rem;
	color: #999; 
	min-height: 2.5rem;
	height: auto;
	
	/*background: #ececec;*/
}
/*
.notif .options{
	display:block;
	float:right;
	text-align: right;
	width:auto;	
	font-size:1.0rem;
	color: #fff;
	padding-bottom: 0.2rem;
}
*/
.notif:hover {
	background-color: #f8f8ff !important;
}
.notif:hover .options{
	color: #ccc;
}
.notif:hover  .text{
	color: #003333;
}
.notif:hover  .title{
	color: #2199e8;
}

.notif-holder{
	position: fixed;
	z-index:10000;
	right: 1rem;
	bottom: 1rem;
	width: 300px;
	min-height: 100px;
	background: #eee;
	border-radius: 0.1rem;
}

.notif-holder .item{
	display:block;
	float:left;
	width: 100%;
	height: 50px;
	background: #bbf;
	font-size: 70%;
}


/* anim notification count changed! */

@-webkit-keyframes fadeOut {
  0%   { background-color: #FFEE00; }
  33%  { background-color: #bbbbff; }
  34%  { background-color: #7777ff; }
  66%  { background-color: #bbbbff; }
  67%  { background-color: #FFEE00; }  
  100% { background-color: #bbbbff; }
}
@-o-keyframes fadeOut {
   0%  { background-color: #FFEE00; }
  33%  { background-color: #bbbbff; }
  34%  { background-color: #7777ff; }
  66%  { background-color: #bbbbff; }
  67%  { background-color: #FFEE00; }  
  100% { background-color: #bbbbff; }
}
@keyframes fadeOut {
   0%  { background-color: #FFEE00; }
  33%  { background-color: #bbbbff; }
  34%  { background-color: #7777ff; }
  66%  { background-color: #bbbbff; }
  67%  { background-color: #FFEE00; }  
  100% { background-color: #bbbbff; }
}

.anim-nofit-count-changed{    
    background-image:none !important;
    -webkit-animation: fadeOut 3s ease-in-out; 
       -moz-animation: fadeOut 3s ease-in-out; 
         -o-animation: fadeOut 3s ease-in-out; 
            animation: fadeOut 3s ease-in-out; 
}
.anim-nofit-count-changed-fast{    
    background-image:none !important;
    -webkit-animation: fadeOut 2s ease-in-out infinite; 
       -moz-animation: fadeOut 2s ease-in-out infinite; 
         -o-animation: fadeOut 2s ease-in-out infinite; 
            animation: fadeOut 2s ease-in-out infinite; 
}


.ticket-small-titles{
	position:relative;
	display: block;
    margin: 0;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.8;
    color: #333;
    padding-left:1rem;
    cursor: pointer;
    font-weight:bold;
    border-bottom: 1px solid #ddd;
}
.ticket-small-titles::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: #2199e8 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 10px;
    left: 0px;
}
.ticket-small-titles:hover, .ticket-titles:hover{
        color: #2199e8;
        cursor: pointer;
}



/* work order stuff */

.ticket{
	display:block;
}

#work-order-holder{
	position: relative;
}

#work-order-holder{
	position: absolute;
	z-index: 5;
	top: 0rem;
	left: 0rem;
	width:100%;
	height: 100%;
}

#work-order-holder .work-order{
	position: relative;
	display:block;
	float: left;
	background: #f4f4f4;
	width:100%;
	height: 100%;
	/*padding-top: 2rem;*/
}

#work-order-holder .work-order .close{
	position: absolute;
	z-index: 10;	
	top: 0rem;
	right: 0rem;
	width:3rem;
	height: 3rem;
	font-size: 2rem;
	line-height:3rem;
	color: #DDD;
	
	text-align: center;
}
#work-order-holder .work-order .close:hover{
	background: #f77;
	color: #fff;
	cursor: pointer;
}
#work-order-holder .fieldset legend{
	background: #f4f4f4;
}

#work-order-holder .work-order #add-gas-set{
	float:left;
	display: block;
	width: 800px;
	height: 500px;
	z-index:10;
	background: #fafafa;
	border: 1px solid #eee;
	box-shadow: 0px 0px 15px #999;
	padding: 1rem;
}
#work-order-holder .work-order #add-gas-set .close{
	position: absolute;
	z-index: 10;	
	top: 0rem;
	right: 0rem;
	width:3rem;
	height: 2rem;
	font-size: 1.2rem;
	line-height:2rem;
	color: #DDD;
	
	text-align: center;
}
#work-order-holder .work-order #add-gas-set .close:hover{
	background: #f77;
	color: #fff;
	cursor: pointer;
}

#work-order-holder .work-order ul.gas-tabs{
	margin: 0rem;
	height: 2rem;
}
#work-order-holder .work-order ul.gas-tabs li{
	display: inline-block;
}
#work-order-holder .work-order ul.gas-tabs li a{
	background: #eee;
	padding: 0.7rem 1.2rem;
	color: #aaa;
}
#work-order-holder .work-order ul.gas-tabs li a.selected{
	background: #2199e8;
	color: #fff;
}
.hover-search-result-count{
	position: absolute;
	z-index:1;
	left:1rem;
	top:-1rem;
	height:1rem;
	width:90%;
	line-height: 1rem;
	color: #555;
	font-size:70%;
	font-weight: bold;
	
}
.ui-autocomplete  .string-mark{
	background: #55ccff !important;
	color: #000 !important;
}


/* tinyMCE resize without status bar*/


.mce-statusbar{
	background:#fff !important;	
	height: 0rem !important;
	border:0rem !important;
}
.mce-statusbar .mce-first{
	display: none !important;
}
.mce-content-body {
	padding: 1rem !important;
}
.mce-content-body p{
	margin-bottom: 0.5rem !important;
}

#single-ticket-desc .mce-panel,{ border: 1px solid #DDDDDD !important; box-shadow: 0 0 0 !important;}
#single-ticket-desc .mce-tinymce{ border: 1px solid #DDDDDD !important; box-shadow: 0 0 0 !important;}

.mce-branding.mce-widget.mce-label.mce-flow-layout-item.mce-last{
	display:none !important;
}
/* tinyMCE end */

/* feedback hover */
.feedback-hover{
	position: absolute;
	top:3.3rem;
	right:0rem;
	height: 3.6rem;
	width: 4.5rem;
	background: #f8f8f8;
	padding:0.5rem;
	text-align: center;
	font-size: 90%;
	cursor: pointer;
	color:#999;
}
.feedback-hover:hover{
	background: #ddF;
	color: #333;
}
/* feedback hover end */



/* toggle css code */
/*

input:checked + label + div { display: none; transition: all 1s ease-out;}
input + label:after { content: " To Hide"; transition: all 1s ease-out;}
input:checked + label:after { content: " To Show"; transition: all 1s ease-out;}
		<input type='checkbox' style='display: none' id=cb>
<label for=cb>Click Here</label>
<div>
    Hello. This is some stuff.
</div>
*/
/* toggle css code end */



/* work order stuff end */
/* anim notification count changed! end */
/*
.notif .options i{
	padding-left: 0.3rem;
}
.notif .options i:hover{
	color:#2199e8;
}
*/